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

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

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

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

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

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

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

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

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

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

暂无评论

发表评论

您的电子邮件地址不会被公开,必填项已用*标注。

相关推荐

淘宝装修自定义页面怎么创建,链接在哪?

笔者在两年前写过相关文章,如今淘宝装修后台升级了,很多步骤也不一样了,重新写一篇吧,自定义页面,不仅仅pc端店铺可以创建,手机端店铺也是可以的,本文重点讲解pc端店铺的创建方法,以及如何找到自定义页面的链接。

淘宝店铺装修热区代码添加热区生成

淘宝店铺装修,要获得比较理想的效果,大多会选择自定义的装修,先把整个首页版面设计出来,然后切图加热点链接,生成代码后布置到自定义模块,如果有一定的设计装修基础,可能遇到的问题少一些,但如果没基础,或者基础差一些,操作起来就比较麻烦,尤其是热区如何做,

淘宝店铺先装修还是先上传宝贝呢

淘宝店铺先装修,还是先上传宝贝?对于新开店铺的朋友来讲,算是一个比较棘手的问题,当你运营淘宝店铺一段时间之后,这个问题自然就可以轻松解决了,之所以有此疑问,还是对于淘宝店铺比较陌生,那么到底是先专修还是先上传宝贝,其实两者都可以先来做,或者同步进行都

淘宝手机店铺海报免费一键生成的方法

手机淘宝店铺海报的设计,对于普通掌柜来讲,是一个比较麻烦的事情,没有设计的基础,以及各种活动的素材可用,想要设计出一张满意的活动海报,确实要花费一番功夫,那么有没有更为简单,并且效果不错的海报设计工具?最近淘宝手机装修后台,增加了一个鹿班海报设计插件