店铺装修

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

字号+ 阅读 我要评论 2018-09-03 优惠券

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

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

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

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

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

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

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

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

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

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

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!