浏览 Shopify 员工关于商务和 Shopify 平台的最新博客文章。
电子商务是未来的发展方向。 商家需要不断改变他们的策略来调整他们的店面,为客户提供最好的在线购物体验。
访问您商店的购物旅程
某些路径比其他路径更容易访问您的商店。 这些路径决定了您的客户使用什么类型的屏幕来查看您的网站。 例如,营销商店的两种最佳方式是在社交媒体渠道上投放广告并通过新闻通讯进行宣传。
当潜在客户在他们的手机上浏览社交媒体平台时,他们会收到有针对性的广告以及他们关注的博主的口碑宣传。 通常情况下,他们会被重定向到您企业的社交页面,并通过您简历(bio)中的链接或您帖子中标记的产品登陆您的网站。
同样的旅程也适用于接收新闻通讯。 当我们在购物时,我们的电子邮件账户在移动设备中触手可及。 当来自您公司的新闻通讯公告出现时,您的潜在客户感兴趣的任何链接都被重定向到您的网站。
这两种相当具有影响力的购物体验都发生在移动设备上,由此可见,为移动设备屏设计优秀的购物体验,对于在线网站是多么的重要。
通常,当我们访问我们的 Shopify 管理后台处理我们的店面或设置时,我们可能使用台式机或笔记本电脑。 通常我们建议首选使用较大的景观来可视化整个店面,但重要的是要注意它在小屏幕上的转换方式。
如果您前往模版编辑器(在线商店 > 模版 > 自定义),您将在右上角看到三个可供设计的屏幕选项:
Shopify 的平台旨在将您的模版部分和内容从桌面无缝过渡到移动设备,但您可能还是需要调整一些小细节。
例如,当使用 Studio 模版时,您可以有一个“图像横幅(Image Banner)”部分,其下方有一个“电子邮件注册”部分。 在桌面上,两个部分之间的分隔符包括图像边框。 但是,当您查看这如何转化为移动设备时,您可以看到横幅图像堆叠在文本之上,这意味着分节线的文本部分过重。
桌面图示:
移动端图示:
有些人可能不喜欢这种分段的中断。 通过检查移动设置,您可以捕捉到这些小细节并重新排列这些部分以满足您在桌面和移动设备上的偏好。
借助 Shopify 的 2.0 主题,我们的开发团队已经整合了“移动布局 (Mobile layout” settings)”设置从而使您可以将模版的区块部分添加到页面中。 许多改进都是为了帮助您做出审美和实用的改变。 例如,您可能更喜欢在桌面视图上有 4 列特色产品,但在移动设备上只有 2 列。
您可以能会想,为什么需要对部分的布局进行如此细微的调整? 这是因为我们希望这样做能够帮助您的访客在最大程度上避免任何不必要的操作。 我们绝不希望客户必须进行“双指缩放”才能在较小的屏幕上更好地查看您的产品。 在移动设备上浏览就是一次展示 1 或 2 个产品。
继续上面的示例,如果您要在移动视图中保留 4 个特色产品,则会导致图像在滚动时将变得更小且不那么突出。 但是,如果每行有 1 或 2 个产品,则可以更轻松地将他们的注意力吸引到产品上。 最终,调整这些类型的设置可以让您在视图之间进行细微的更改,从而改善访客在您商店中的移动体验。
桌面图示:
移动端图示:
这里需要注意的是,上述情况是基于 Shopify 2.0 主题的。 如果您使用第三方模版,如果您对如何利用他们的模版部分设置更好地为移动屏幕上的客户提供服务有任何疑问,我建议您直接联系模版开发人员。 所有受支持的第三方模版开发人员都可以通过我们的模版商店找到联系方式。
最后,同时关注访客在大小屏幕上的购物体验将对您的商店转化率大有帮助。 桌面和移动视图之间的连续性对于确保您的品牌专业度和用户友好体验非常重要。
我们建议您在自己的移动设备上购物,并观察您的购物体验。 是什么阻碍了您的购物? 有什么引起你的注意吗? 缺少了什么? 这种意识会促使您考虑如何在多个屏幕上呈现您自己的商店。 对移动设置进行一些小的更改会长期转化销售,并且您会及时注意到喜欢在您的网站上购物的回头客。
我这边为您找到了几篇关于模版和电子移动端的博客文章供您参考:
您在设置商店时是否关注移动端呢?有什么好的建议呢?欢迎大家在评论区踊跃留言!
只有注册用户才能在此添加评论。 如果您已经注册,请登录。 如果您还没有注册,请注册并登录。