自己设计的优惠券如何放到店铺首页？
- 2021-08-18
- 来源/作者： 菜鸟图库/ 菜鸟图库
- 14 次浏览
如果自行设计的优惠券不是放在门店招聘，而是放在首页轮换下，或者放在其他位置，可以参考以下方法。如果您订购商店装饰模板，还可以借助模板上的工具进行操作。本文仅解释通过在线工具生成主页代码布局的方法。生成代码的原因是图片需要添加热点，一张图片需要多个链接+全屏效果，所以需要用代码来完成。通过屏幕截图简要说明操作步骤。
1、如果是需要全屏效果，那么优惠券图片需要设计为宽度1920px，高度自定义即可，优惠券的内容部分，建议集中在居中950px区域，
2、加热点链接和全屏效果，需要借助第三方在线工具，网上可以搜索到很多这类的工具，只要用着顺手即可，这里演示的是笔者付费的一款工具，先把优惠券图片上传到图片空间，复制链接，然后回到代码生成页面，粘贴到【图片链接】一栏，图片的宽度和高度会自动识别，平台选择【淘宝】即可，
3、下一步是把优惠券内容加上热区，点击【增加热区】之后，弹出选框，完全覆盖在内容之上，然后【热区属性】中的【链接】一栏，粘贴上已经生成的优惠券链接（优惠券链接需要订购优惠券服务才能生成），
4、全屏加上热区链接之后，可以点击【预览效果】，然后点击【生成代码】，弹出的界面上，还可以修改代码，前提是需要有代码基础，然后点击【复制代码】，
5、打开淘宝装修后台，添加一个【自定义内容】模块，双击模块打开，点击第一个图标【源码】，切换到代码模式下，粘贴代码，
6、然后再次点击【源码】图标，可以看到优惠券图片了，然后点击【确定】，发布站点看一下效果，
7、如果优惠券图片，与上一个模块之间有缝隙，可以返回代码生成界面，点击【画布设置】，弹出界面上【去掉间隙】这里可以填上10或者20，然后再次生成代码，操作一次。
用于在线代码生成的其他工具界面可能不同于作者的演示界面，但一般步骤是相同的。如果您对效果不满意，可以再尝试几次或更改多个平台。如果您有任何问题，可以在下面留言讨论。
标签(TAG) 优惠券
