如何使用DW实现产品详情页一图多链关联营销的功能-大鹏说

如何使用DW实现产品详情页一图多链关联营销的功能

夜间模式

产品详情页对于一个产品是至关重要的,因为它关乎着客户是否发送反馈。而关联营销又是详情页中的重头戏,它可以有效解决访客跳出率高、访客流失的问题。今天,我们主要来学习一下,如何使用DW实现产品详情页一图多链关联营销的功能。

“DW,全称Dreamweaver,中文名称 “梦想编织者”,最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。”以上是百度百科对DW的一个释义,不仅方便网站制作者快速进行网站建设,而对于我们国际站运营人员来说,可以实现详情页一图多链关联营销的功能。

以下是DW制作一图多链的步骤:
1、下载安装Dreamweaver软件
下载链接: https://pan.baidu.com/s/1HV1v1xt2aflo_4am9NwGyA
提取码: rpkd

下载解压到D盘后,如图,无需安装,打开文件夹,找到红圈中Dreamweaver文件,发送到桌面,即可

2、关联营销图片素材准备及上传
把提前制作好的关联营销图片,上传到国际站图片银行,点击图片右上角编辑按钮,复制链接,保存好,以备下一步使用

3、打开DW复制替换链接
打开桌面上的Dreamweaver图标,进入主界面后,选择“新建html”,然后在“拆分”模式下,把关联营销图片,拖动到右侧空白处,点击“确定”,再点击“确定”,操作演示如下:

把刚才在图片银行中,一图多链图片你的链接,替换掉下图双引号红框中的链接

4、使用DW热点切割关联营销图片
鼠标点击右侧关联营销图片,右下角选择“矩形热点工具”(也可以选择右边的圆形、多边形等,这里以矩形举例)

对图片需要设置链接的地方,画矩形框进行选择
同时右下角链接处复制粘贴你要链接到的着陆页网址
目标一般选择blank, 代表点击热点区域后,在浏览器新页面中打开

5、复制DW左侧图片代码
全部框选设置完热点链接后,复制左侧“https开头到/>”直接的代码

6、粘贴左侧图片代码到详情页
打开产品详情页,切换到“源代码”模式,粘贴刚才复制的图片代码,到详情页中合适位置

切换从“源代码模式”到”可见模式”,至此使用DW实现产品详情页一图多链关联营销的功能,就完全达成了!

大家,赶快行动起来把,自己也去亲手操作下,看能不能独立完成一图多链的设置。

使用过程中,有任何难点问题,可以在下方留言或添加大鹏个人微信求助:liyupengtom
朋友们,我们下次再见咯~

版权所有丨转载请标注大鹏说(dapengshuo.net)及原文URL:大鹏说 » 如何使用DW实现产品详情页一图多链关联营销的功能

赞 (1) 支持大鹏

相关推荐

    暂无内容!


发表我的评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址


赞赏支持大鹏,一起做好运营

支付宝扫一扫打赏

微信扫一扫打赏