枣庄天猫托管天猫代运营枣庄网店客服外包美工外包东营淘宝代运营淘宝托管

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

2018-11-02  本文已影响0人  cac3a466adbe

自己设计好的优惠券,如果是不是放在店招上,而是放在首页轮播下方,或者其他位置,可以参考下面的方法,如果是订购了店铺装修模板,也可以借助模板上的工具操作。本文只讲解通过在线工具生成代码布局到首页的方法。

  1、如果是需要全屏效果,那么优惠券图片需要设计为宽度1920px,高度自定义即可,优惠券的内容部分,建议集中在居中950px区域,

2、加淘宝热点链接和全屏效果,需要借助第三方在线工具,网上可以搜索到很多这类的工具,只要用着顺手即可,这里演示的是笔者付费的一款工具,先把优惠券图片上传到图片空间,复制链接,然后回到代码生成页面,粘贴到【图片链接】一栏,图片的宽度和高度会自动识别,平台选择【淘宝】即可,

  3、下一步是把优惠券内容加上热区,点击【增加热区】之后,弹出选框,完全覆盖在内容之上,然后【热区属性】中的【链接】一栏,粘贴上已经生成的优惠券链接(优惠券链接需要订购优惠券服务才能生成),

  4、全屏加上热区链接之后,可以点击【预览效果】,然后点击【生成代码】,弹出的界面上,还可以修改代码,前提是需要有代码基础,然后点击【复制代码】,

  5、打开淘宝装修后台,添加一个【自定义内容】模块,双击模块打开,点击第一个图标【源码】,切换到代码模式下,粘贴代码,

  6、然后再次点击【源码】图标,可以看到优惠券图片了,然后点击【确定】,发布站点看一下效果,

7、如果优惠券图片,与上一个模块之间有缝隙,可以返回淘宝装修代码生成界面,点击【画布设置】,弹出界面上【去掉间隙】这里可以填上10或者20,然后再次生成代码,操作一次。

  为什么要生成代码,是因为图片需要加热点,并且要一张图多个链接+全屏效果,所以需要使用代码来完成,通过截图简单说明操作步骤。其他在线生成代码的工具界面,可能与笔者演示界面不同,不过大致步骤是一样的,效果不满意可以多试几次。

上一篇下一篇

猜你喜欢

热点阅读