淘宝店铺首页的优惠券怎样设置?简单说明

自己设计好的优惠券,如果是不是放在店招上,而是放在首页轮播下方,或者其他位置,可以参考下面的方法,如果是订购了店铺装修模板,也可以借助模板上的工具操作 。本文只讲解通过在线工具生成代码布局到首页的方法 。
1、如果是需要全屏效果,那么优惠券图片需要设计为宽度1920px,高度自定义即可,优惠券的内容部分,建议集中在居中950px区域,
【淘宝店铺首页的优惠券怎样设置?简单说明】2、加淘宝热点链接和全屏效果,需要借助第三方在线工具,网上可以搜索到很多这类的工具,只要用着顺手即可,这里演示的是笔者付费的一款工具,先把优惠券图片上传到图片空间,复制链接,然后回到代码生成页面,粘贴到【图片链接】一栏,图片的宽度和高度会自动识别,平台选择【淘宝】即可,
3、下一步是把优惠券内容加上热区,点击【增加热区】之后,弹出选框,完全覆盖在内容之上,然后【热区属性】中的【链接】一栏,粘贴上已经生成的优惠券链接(优惠券链接需要订购优惠券服务才能生成),
4、全屏加上热区链接之后,可以点击【预览效果】,然后点击【生成代码】,弹出的界面上,还可以修改代码,前提是需要有代码基础,然后点击【复制代码】,

淘宝店铺首页的优惠券怎样设置?简单说明

文章插图
5、打开淘宝装修后台,添加一个【自定义内容】模块,双击模块打开,点击第一个图标【源码】,切换到代码模式下,粘贴代码,
6、然后再次点击【源码】图标,可以看到优惠券图片了,然后点击【确定】,发布站点看一下效果,
7、如果优惠券图片,与上一个模块之间有缝隙,可以返回淘宝装修代码生成界面,点击【画布设置】,弹出界面上【去掉间隙】这里可以填上10或者20,然后再次生成代码,操作一次 。
为什么要生成代码,是因为图片需要加热点,并且要一张图多个链接+全屏效果,所以需要使用代码来完成,通过截图简单说明操作步骤 。其他在线生成代码的工具界面,可能与笔者演示界面不同,不过大致步骤是一样的,效果不满意可以多试几次 。

    秒懂生活扩展阅读