当前位置:首页 > 杭州商城建设开发

网站首页“定制”主题页面的方式

2020-02-12

Shopify是网络上最著名和使用最广泛的电子商务平台之一。各行各业的商人都可以轻松地使用它在线销售他们的产品或服务。该平台目前拥有数千名商人。

Shopify的前提是允许没有太多复杂技术和编程知识的用户开放自己的在线店面。这自然是平台成功的重要部分,因为普通的Joes可以辞掉日常工作并成为成功的企业家。

在Shopify平台中,从商家的角度来看,用户体验最有趣的方面是结帐过程,因为结帐过程的设计方式极大地影响了Shopify网站上的转化。

以下是一些出色的指针,可针对高级UX定制平台的结帐流程…


1.调整结帐副本
购物者在结帐过程中阅读的内容会影响网站的购物车放弃率,这是他们在最终单击或点击最终结帐号召性用语按钮时所遇到的摩擦的一个因素。

因此,更改此最重要的文字以减少结帐摩擦并提高说服力是必要的,这是如何做到的:

有时,在向购物者提供准确和清晰的信息时,简单的更改会改变世界。例如,让购物者知道他们将用什么货币付款对于良好的用户体验至关重要,因为这消除了转化途中的意外惊喜。

在Shopify仪表板中,转到Preferences,然后单击General。

在“ 调整标准和格式”中,选择“ 签出语言”,然后单击“ 检查”。您会看到一个翻译屏幕。在这里,为您的翻译提供一个名称(例如,您的商店叫什么名字)。找到您想要更改的文本;假设它在“ 创建您的订单”中。输入要显示在购物车页面上的文本(阅读:翻译)。

现在,滚动到页面底部,然后选择“ 将其用于我的结帐语言”。

值得一提的是,Shopify仅允许您在结帐页面上正式更改语言(英语到西班牙语等)。但是,此解决方案在其平台上允许您使用翻译功能来实际修改结帐页面上副本的特定措辞。

 
2.包含运费计算器
对购物者而言,没有什么比运费成本蒙蔽了!实际上,哈里斯(Harris)的一项民意调查证实,有66%的在线购物者将运输成本列为最糟糕的宠儿。因此,在结帐页面上使用方便的运费计算器可以极大地提高Shopify客户的用户体验,因为他们会自动获得当场的运费估算,从而消除了隐性费用。


然后,选择并复制所有文本,在新选项卡中打开Shopify管理员,然后单击Online Store,然后单击Shopify管理员中的主题。

找到所需的主题后,单击省略号按钮(…);单击“确定”。然后点击编辑HTML / CSS。在“ 资产”文件夹上,选择“ 添加新资产”。对话框打开时,选择“ 创建空白文件”选项卡;输入jquery.cart.min作为名称,然后选择.js作为新文件的扩展名。点击添加资产。最后,粘贴您先前复制的内容,然后选择保存。


在新选项卡中打开Shopify管理员,单击“ 在线商店”,然后选择“ 主题”。

选择您要编辑的主题,选择省略号(...)按钮,然后选择“ 编辑HTML / CSS”。

选择“ 片段”文件夹,然后选择“ 添加新片段”。将代码段命名为“ shipping-calculator”;选择创建代码段。

现在,将剪贴板的内容粘贴到在线代码编辑器中,然后单击“ 保存”。

要在页面上的特定位置显示运输计算器,请包含以下代码段:

{% include 'shipping-calculator' %}
在适当的地方。按着这些次序:

选择在线商店,然后从Shopify管理员中选择主题。
找到要编辑的主题后,选择省略号(...)按钮,然后选择“ 编辑HTML / CSS”。
单击Templates文件夹下的cart.liquid文件,以在在线代码编辑器中将其打开。
搜索</ form>并在其下面添加上述代码。
最后,保存更改。
剩下的就是自定义运费计算器。

前往您的“定制”主题页面。查找运费计算器部分,并自定义以下内容:
 

3.在购物车页面上显示交货日期选择器
让客户看到他们的产品何时交付不仅是标准的客户服务,而且还是购物网站上一流的用户体验。

要在购物车页面上包括日期选择器,请执行以下操作。

转到Assets文件夹并打开它。在Assets目录中,打开theme.js或杭州网站建设文件,并将其添加到文件底部:

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号