首页 > 商机助理帮助中心 > 帮助文档 > 视觉优化

图片热点操作教程

登录商机助理【优化推广】模块=>图片热点

小编要提醒各位商友,我们登入到商机助理是默认进入【供应产品】模块的,需要点击下图箭头指向的【优化推广】才能看到模块对应的内容哦!


图片热点.jpg

一、热点制作

通过点击店铺装修-->图片热点或直接在菜单栏选择【图片热点】进入到热点制作页面,从图中可以看到“图片拼接”与“个性海报拼图”。
(一)图片拼接功能

点击【图片拼接】即可进入到制作页面,以上是制作按钮及功能介绍:
1、您可在悬浮框中设置横向拼接/纵向拼接,并设置图片的间距,同时图片预览区域进行实时预览。
2、您可根据需求自由切换图片尺寸,工具提供750/790/952/990/1190/1920尺寸。

undefined

3、添加图片按钮/添加链接按钮:先选图后操作(最多添加10张照片)-->拖动图片可改变排列顺序-->单机添加链接可添加热区-->热区大小和位置根据需要随鼠标操作。
小编这里多说一句如果您不想局限于拼接图片,或是有美工设计好的图片的情况下,直接导入图片添加热区,并上传到首页、详情页,也是非常方便的~

undefined

双击链接遮罩即可跳出“添加链接”界面,您可自行输入链接地址,也可以通过点击【选择分类链接】、【选择产品链接】由系统自动生成链接。

            

undefined

4、图片预览区域提供实时的图片预览,还可直接拖动图片进行调整。
5、当您对图片制作完成并感到满意时,可以点击【保存】以便二次修改,也可以点击【复制代码到首页】、【安装到商品详情】对图片进行安装。

(二)个性海报拼图功能

点击【个性海报拼图】即可进入到制作页面,以上是制作按钮及功能介绍:
1、您根据需求在模板库中选择好一个合适的模板。
2、用尺寸切换工具确定对应模板的尺寸。
3、点击【上传图片】,通过阿里相册,选中图片上传(上传的图片数量不能超过模板分块数)。
4、通过拖拽调整图片位置,右键可【替换图片】,通过滚轮可放大/缩小展示图片。

undefined

图片上传并调整好位置之后双击可跳出“添加链接”界面,您可自行输入链接地址,也可以通过点击【选择分类链接】、【选择产品链接】由系统自动生成链接。注意,海报拼图中由于部分模板版块裁剪的形状是不规则的,所以您只需双击模板模块就可以添加链接,无需使用链接遮罩。

             

undefined


图片上传并调整好位置之后双击可跳出“添加链接”界面,您可自行输入链接地址,也可以通过点击【选择分类链接】、【选择产品链接】由系统自动生成链接。注意,海报拼图中由于部分模板版块裁剪的形状是不规则的,所以您只需双击模板模块就可以添加链接,无需使用链接遮罩。

 

二、图片热点安装

方法一:批量安装到商品详情(仅支持750/790尺寸)

1、点击右上角【安装到商品详情】会跳出"安装产品设置"界面。

                   

undefined


2、您可选择安装在指定产品详情页中,也可以选择指定分类、所有产品,并根据详情页的设计选择安装的位置,设置好之后就可以点击【开始安装到商品详情】啦!

undefined

3、安装成功后自动跳转到"我的模板界面"对于"我的模板"中的模板下的四个按钮说明如下:
a.复制代码:复制制作好的模板的源代码,以便安装到店铺其他区域;
b.重新制作:点击即可进入模板的当前状态,进行二次编辑;
c.安装记录:该模板目前安装的产品列表,能够在记录中对模板进行卸载。安装记录只有在通过【安装到商品详情页】的情况下才会产生安装记录,复制代码的方式是不能生成安装记录的;
d.删除模板:当模板没有安装记录时,才能进行模板删除,减少对应记录。

undefined

这里为大家拓展一下"安装记录"里的内容,除了可以批量卸载/全部卸载已上线的关联营销模板之外,还可以点击标题,进入到详情页面查看效果。

undefined

方法二:复制代码到首页(支持所有尺寸)

1、点击右上角【复制代码到首页】会跳出"复制代码"界面。

                        

undefined


2、点击【复制代码】即可显示复制成功,您可继续【点击去阿里装修旺铺】。

undefined

3、首页装修界面选择【添加版块】

undefined

4、选择添加版块为"营销版块"-->"自定义内容版块"。

undefined

5、将代码复制至"源代码"编辑框。

 

undefined

6、安装好之后点击预览,确保效果满意之后可点击【发布】,图片热点就安装完成了!

undefined

 

 

阅读了图片热点制作教程的全部内容,您除了“操作简单、效率提高、店长工具真棒”之外还有没有别的想法呢?哈哈,如果您在操作的过程中还有什么需求与建议,都可以及时联系我们~小Q@大泽网络(微信号:daze2020),那我们下期再见了!

3aa878cd85ff3398076bbb19326746f.png


以上内容仍未解决您的问题? 联系旺旺客服
×