关闭
关闭

店铺全屏海报如何加入多个链接

时间:2014-03-01 10:39 来源:未知 作者:小编 浏览: 14113

现在,越来越多的卖家都会注意到自己店铺的装修,很多人也开始使用全屏海报作为促销工具。但是,一张海报里面蕴含了那么多的商品,如何给他们分别都做上超链接呢?下面就来介绍一种方式,在全屏海报加入多个链接。

首选,需要的工具是:Dreamweaver8-chs.exe

制作的方法:

第一步,先在网上下载一个全屏海报制作工具。将制作好的全屏海报上传到店铺的图片地址链接,或者淘宝图片空间里后,在于全屏海报制作工具黏贴到海报的地址框里,注意:后面的海报图片链接不要输入内容,点击生成代码,就可以看到全屏海报的代码了。

 

 

第二步:制作HTML页面:

打开安装好的Dreamweaver8-chs.exe,然后在创建新项目里面,点击第一个HTML,再新建一个空白的页面。接着点击代码视图

 

 

,删除默认新建的HTML代码,复制第一步制作的全屏海报代码,再粘贴进去。

第三步:使用热点工具添加链接:

在Dreamweaver软件里,选择设计视图

 

 

,就可以看到你制作的全屏海报了。

然后再点击海报图片,在下面属性框里,就可以看到指针热点工具,如下图:

 

 

 

 

点击矩形热点工具,在上面的图片里选择要制作链接的区域,然后图片下方的链接框里输入链接地址,目标栏里选择_blank(注意:如果是新页面打开链接就选择,不是的话就不做选择)

 

 

依照这种方法给其他图片区域也做上超链接即可。提醒卖家,选择图片区域时候千万不要重合。

第四步:最后将制作好的代码发布。

把所有的超链接全部添加完毕后,点击回代码视图,复制里面的代码。然后在您的淘宝店里新建一个自定义内容区,然后把代码黏贴进去,再发布,这样就可以看到一张全拼海报加入多个链接的效果了。

以上就是全屏海报加入多个链接的方法,让大家的店铺页面更加美观。

  •   【优秀刷钻平台】淘宝免费刷钻点这里 兼职刷客日赚100点这里
    觉得本文有用?

    精彩评论

    评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
    • 梦里梦外
      2015-06-10 08:41:18发表

      老师忘了吗?自定义模块这么做是无效的,必须把图片切开

    • 双月
      2015-05-25 12:43:22发表

      http://v.youku.com/v_show/id_XNDMzOTE4Mjk2.html

    • 追梦小青年
      2014-12-06 19:52:03发表

      你好 我装在图片上 也是没有反应的

    • DL
      2014-11-26 09:57:56发表

      这个行不通呀,用代码放进去,就跑不出那个属性里添加的热点,用HTML打开时能跑出来的

    • №苹果々
      2014-11-01 11:31:29发表

      弄好了怎么链接点不进去的

    • a 招财猫
      2014-06-25 23:54:08发表

      您好 老师问一下 淘宝店铺里面返回顶部那个代码怎么用?我装在图片上没反映

    推荐阅读

    • 淘宝店铺装修在线制作

      很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

    • 如何让店铺视觉直接提升销售额

      最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...

    热点排行