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

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

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

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即可。注意如果发现页面乱了,记得要调整一下。

免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
为您推荐
Kalodata
Kalodata店铺分析功能怎么用?从竞店商品查到合作达人
Kalodata店铺分析可以用于研究TikTok Shop竞店,查看店铺经营表现、畅销商品及合作达人等信息。对于已经确定...
FastMoss
FastMoss数据分析平台使用指南 从商品研究到达人与视频筛选
FastMoss提供商品、店铺、达人、视频、直播和广告等TikTok数据分析入口。刚开始使用时,可以先围绕一款商品展开研...
优麦云
优麦云广告多站点管理怎么分析?亚马逊站点数据与预算检查方法
同时运营多个亚马逊站点时,卖家需要分别关注广告花费、订单和预算消耗。优麦云广告多站点管理可以汇总已授权站点的广告数据,帮...
卖家精灵
卖家精灵实时查竞价如何使用?亚马逊关键词建议出价查看指南
卖家精灵实时查竞价用于查询亚马逊关键词的建议竞价,支持亚马逊推荐关键词和指定关键词,并可查看SP、SB及不同匹配方式的结...
FastMoss
FastMoss MCP怎么用?AI客户端连接与TikTok数据查询教程
FastMoss MCP可以让兼容的AI客户端调用FastMoss数据,在对话中查询TikTok商品、店铺和达人表现。卖...
返回顶部
科灯导航