说起关联营销,大家基本上都知道,阿里在产品的详情页上面也是有关联营销板块的,不过产品的展示在详情页的下方。

有的朋友想问,我想把关联营销加在详情页的上面。关于把详情页加到详情页的上方,就方法来说,有付费的方法,也有免费的方法。付费的方法的话就是在阿里巴巴的应用市场里面购买一个关联营销的应用,就可以傻瓜式的给产品添加这个关联营销板块了。

而今天我想给大家讲一下怎么免费的做一个关联营销的板块了。

所需要的软件:

Photoshop、Dreamweaver

步骤:

1、首先,利用Photoshop制作一张展示产品的图片,如下图:

2、利用切片工具将最开始制作的图片切割,大体来说一个产品一张图片。

3、图片切割好之后,将其保存为web所支持的格式,文件——存储为web和设备所用格式,点击完成并保存到所保存文件夹,其中保存的时候需要为html和图片。

4、保存完毕之后可以关闭Photoshop,然后找到所保持的文件,并用Dreamweaver打开生产的html文件。

5、Dreamweaver打开文件之后,选择到设计部分,点击到需要添加的产品,然后在下方添加链接,源文件处需要将其改为店铺相册里面的链接(由于Photoshop生成的html里面产品图片是本地文件,如果直接将代码放到店铺就不会有图片显示,所以需要将步骤3生成的图片上传至店铺相册,并将该链接替换源文件),链接处为产品链接。

6、重复步骤5将所有产品加好链接,并点击代码,复制下所有代码。

7、在我的阿里——销售中的产品处,选择修改产品,下拉至图文详情板块,点击源代码,并将步骤6复制的代码粘贴指图文详情里面源代码的最上方后,点击保存并发布。

8、查看产品详情页,即可发现关联营销板块已经添加至详情页里面。

总结:

虽然只是个简单的产品链接添加的方法,操作起来比较复杂,但是也是可以省掉一定的钱钱的。另外,该方法同时适用于店铺首页装修时给图片添加链接。

如何给html创建关联,【经验分享】如何给制作的关联营销模板加上产品链接相关推荐

  1. 保研科研竞赛宣讲会,我给学弟学妹做宣讲的PPT实例,自我介绍经验分享PPT应该怎么做,PPT模板资料分享,包含哪些部分

    自我介绍经验分享PPT应该怎么做,PPT模板资料分享,包含哪些部分,保研科研竞赛宣讲会,给学弟学妹做宣讲 学校学院本科生第三党支部安排我们保研的同学给直系学弟学妹们做一些保研科研竞赛,自己大学三年的经 ...

  2. 利用html制作网页的小结,HTML_CSS制作网页的一些经验分享,CSS制作网页总结的一些经验 1: - phpStudy...

    CSS制作网页的一些经验分享 CSS制作网页总结的一些经验 1: ID用于标识页面单独元素以及持久行的结构性元素 方便JS的调用 类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表现形 ...

  3. [软考]系统架构设计师 备考经验分享(二) - 知识点学习+综合知识篇

    2021.12.20 更新下成绩 49,53,55 原文: 本篇对应备考计划中的1.2阶段: 相关分享: 备考计划篇:[软考]系统架构设计师 备考经验分享(一) - 备考计划篇 知识点学习+综合知识篇 ...

  4. 全国大学生交通科技大赛交科赛交通运输科技大赛智能交通创新技术应用大赛国家三等奖论文文字作品资料经验分享

    点开视频后,再点视频下方<展开全文>直接看国奖文字等超全资料截图哦.(小白必看)全国大学生交通科技大赛交科赛交通运输科技大赛智能交通创新技术应用大赛国家三等奖论文文字作品资料经验分享 这个 ...

  5. [软考]系统架构设计师 备考经验分享(一) - 备考计划篇

    2021.12.20 更新下成绩 49,53,55 原文: 相关分享: 备考计划篇:[软考]系统架构设计师 备考经验分享(一) - 备考计划篇 知识点学习+综合知识篇:[软考]系统架构设计师 备考经验 ...

  6. Unity MMORPG游戏优化经验分享

    今天由Unity技术支持工程师高岩,根据实际的技术支持工作经验积累,分享如何对Unity MMORPG游戏进行优化. 在优化Unity游戏时,我们一般从四个方面:CPU.GPU.内存.工程配置等入手, ...

  7. js 自动分配金额_(2.4w字,建议收藏)??原生JS灵魂之问(下), 冲刺??进阶最后一公里(附个人成长经验分享)

    笔者最近在对原生JS的知识做系统梳理,因为我觉得JS作为前端工程师的根本技术,学再多遍都不为过.打算来做一个系列,一共分三次发,以一系列的问题为驱动,当然也会有追问和扩展,内容系统且完整,对初中级选手 ...

  8. 应用交付工程师Troubleshooting经验分享2

    本文接续之前的文章:应用交付工程师Troubleshooting经验分享 前面讲述了设备登录管理以及可能遇到的网络问题,下面继续讲述4-7层配置及调试中可能遇到的问题: (一)服务器负载均衡 1.   ...

  9. Ardupilot移植经验分享(2)

    目录 明确目标 把握脉络 main函数在哪儿? HAL引用 AP_HAL_PX4框架 setup()和loop() 搞清联系 深入浅出 ardupilot是单线程的吗? 深入细节 Ardupilot系 ...

最新文章

  1. php中strtotime(date,js模仿php中strtotime()与date()函数实现方法
  2. 芯片短缺加剧,上半年汽车销量逆势上涨的丰田也扛不住了,9月减产40%
  3. python数据挖掘例题_数据挖掘与python实践试题及答案
  4. C++静态多态与动态多态
  5. 优秀渗透工具资源整理(持续更新)
  6. 鸿蒙系统是安卓还是苹果,小雷问答丨鸿蒙系统到底和苹果安卓有什么区别?
  7. 动手学无人驾驶(4):基于激光雷达点云数据3D目标检测
  8. 搭载麒麟990 5G SoC 华为MatePad Pro 5G全球首发
  9. 吴恩达神经网络和深度学习-学习笔记-4-深度网络
  10. 解决CRMEB跨域问题
  11. js 正则 验证密码输入,必须为6-15位,含有数字字母,或者符号
  12. 【小白练习】一元二次方程计算器
  13. R count函数_[R learning]-0018-R语言绘图基础, 画了一天,不妨进来看看~
  14. via浏览器 html代码,网页黑色加强的css代码
  15. ECharts实现带钓鱼岛和南海诸岛的中国(China)地图
  16. 在线接口测试工具(神器)
  17. Cookie报错java.lang.IllegalArgumentException
  18. 教育类app开发难点总结
  19. 跟着c++Primer Plus学编程--- 4.13编程练习答案详解】
  20. dojo.mixin、dojo.extend、dojo.declare

热门文章

  1. windows server 2012双网卡 实现局域网代理上网
  2. matlab多缝衍射公式,多缝干涉仿真
  3. 联想微型计算机怎么开盖,联想Lenovo一体机C4030怎么拆开增加内存
  4. 5G系统特色业务应用
  5. android大作业快递代拿软件,安卓大作业——校内快递代取app的一些总结
  6. 解决WebStrom、PhpStorm等JetBrains软件最新版(2017.2)的中文打字法不兼容问题
  7. 用html和css画画,如何用 html 和 css 画一拳超人
  8. [sdm660 android9.0]补光灯代码分析
  9. 为什么你的企业做私域流量没有效果,这些原因考虑了吗?
  10. list列表、tuple元组、range常用方法总结