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

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

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

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

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

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

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

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

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

　　推荐阅读：

　　有价优惠券怎么发布?在哪进行设置?

　　淘宝有价优惠券怎么领取?可以与哪些优惠叠加?

　　淘宝有价优惠券是什么?有价优惠券FAQ集锦