自己设计的优惠券如何放到店铺首页?

自己设计好的优惠券,如果是不是放在店招上,而是放在首页轮播下方,或者其他位置,可以参考下面的方法,如果是订购了店铺装修模板,也可以借助模板上的工具操作。本文只讲解通过在线工具生成代码布局到首页的方法,为什么要生成代码,是因为图片需要加热点,并且要一张图多个链接+全屏效果,所以需要使用代码来完成,通过截图简单说明操作步骤。

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

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

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

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

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

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

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

其他在线生成代码的工具界面,可能与笔者演示界面不同,不过大致步骤是一样的,效果不满意可以多试几次,或者多换几个平台试一下,如果有疑问,可以在下方留言讨论。

转载请注明出处:http://www.taoxuemei.com/zx/298.html

最后编辑于:2018/9/10作者:芃

芃

分享自己的经验,展示自己的风采,多交流沟通,一起进步成长。