首页 技术教程 Shopify如何添加产品促销页面?

Shopify如何添加产品促销页面?

Shopify作为跨境电商自助建站平台,可以通过修改或者添加一些代码进行产品促销页面的设置。而通过产品促销页面的设置可以更好的展示优惠商品,提高店铺转化率和点击率。

Shopify免费试用3天,每月支付1美元即可享受3个月,点击立即开始

Shopify促销页面

前提准备:以Shopify店铺2.0主题为例。如何判断Shopify商店是否是2.0版本?

1、登录您的Shopify后台;

2、在线商店-点击三个点-编辑代码;

3、左上角搜索product,模板(template)下面出现product.json文件即代表主题是2.0;

4、搜索完毕后,左上角退出即可。

判断Shopify商店是否是2.0版本

一、添加简单的文案提示

1、登录Shopify后台;

2、在线商店-自定义;

3、最上方,点击主页-选择产品-默认产品;

4、左边看到模板-添加块-选择自定义Liquid(或者自定义Html);

5、出现后复制下面代码即可。

<span>Buy 2, Get extral 20% off, Code: xxxxx</span>

想要修改任何内容,只需要修改里面的文案即可。例如:xxxxxxx

Shopify添加简单的文案提示

现在来点进阶版的操作,修改字体颜色以及大小,使得更适合网站主题色,配合整体网站营销调性。复制以下代码:

<span style=”font-size: 17px;color: #ac6950;font-weight: 700;”>Buy 2, Get extral 20% off, Code: xxxxx</span>

效果如下:

修改字体颜色以及大小

很多代码?不怕,只需要修改其中关键字的即可。

1、font-size—17px; 17px是字体的大小,随意修改成18、19、20等等都行,别忘记前面一点要有px。

2、color: #ac6950—#ac6950就是颜色的意思,修改成自己的颜色色号就行,别忘记前面一点要有#号。

3、font-weight: 700—700指的是字体粗细,可以修改成300、400、500这种即可,注意这里是以100为递增递减的。

最后切记,冒号前面的不要修改,修改后面的17px、#ac6950、700这种即可。

二、添加文件下载或者超链接跳转

有时候需要给客户提供下载手册或者增加一个超链接,但不知道怎样摆放,也可以通过以下的代码处理:

<span><a target=”_blank” href=”https://iwishweb.com/”>Manual file download -></a></span>

效果如下:

添加文件下载或者超链接跳转

当客户点击这里的时候,就会跳转到PDF文件查看,客户可以自由观看或者下载文件。

想要改成自己的链接修改 href=“xx” 双引号里面的内容即可。不知道如何复制自己网站上的PDF链接,可以看以下步骤:

1、来到后台,点击内容文件;

2、上传需要展示的文件,这时候文件就会有一个链接;

3、点击链接的图标,复制链接即可。

复制网站上的PDF链接

最后,都修改完毕后,点击右上角的update即可。注意如果发现页面乱了,记得要调整一下。

免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。

为您推荐

打开order management

Wayfair的订单怎么打印?

WayFair的订单怎么打印?Wayfair的订单打印其实非常简单,用户只需要在Wayfair后台找到order-ord...
销量监控操作步骤

卖家精灵销量监控如何操作

卖家精灵是一个提供一站式选品、市场分析、关键词优化、产品监控等运营工具,其中销量监控功能非常受大家喜爱,此功能卖家可通过...
亚马逊用连连支付安全吗

亚马逊用连连支付安全吗 亚马逊用连连支付有风险吗

亚马逊使用连连收款来接收跨境支付的方式在业界被认为是相对安全的。因为连连支付跨境支付的安全性是有保障的,连连支付实现了美...
返回顶部