教程帮助

亲,在使用模板中遇到的问题先到这里看看哦!

这里的教程图文并茂,零基础也能快速上手!

还提供视频教程讲解太给力了!

查找模板相关教程

基础操作技巧(新手必看)
1.十分钟学会XVT 2.快捷键介绍
3.如何登录XVT工具 4.双击极速装修
5.背景设置介绍/什么情况应该使用自动计算高度? 6.图层面板介绍/拖动调整层级
7.对齐/历史面板介绍 8.保存/另存为/新建/打开/导入/可视化模块介绍
9.如何修改宝贝标题及其它文字 10.变量介绍使用技巧
11.如何使用模块库里的模块  
操作常见问题
1.如何换上自己的宝贝? 2.如何换上自己的分类?
3.如何添加全屏海报轮播? 4.如何添加全屏热区?
5.如何使用免做图功能? 6.文字显示不全怎么办?
7.不能拖动组件怎么办 8.双击不到要修改的组件,被其它组件遮挡怎么办?
9.安装节日宝贝模块  
实操篇 - 视频讲解
1.仅20分钟装修完成 2.如何修改旺旺与旺旺群?
3.任意图层如何添加 4.倒计时如何添加
5.视频/flash如何添加 6.弹出层如何添加
7.关注如何添加 8.任意文本和阴影文本如何添加
9.收藏店铺如何添加 10.分享店铺如何添加
11.搜索框如何添加 12.关键字如何添加
13.跑马灯公告何添加  
实操进阶篇 - 视频讲解
1.轻松实现百变店铺 2.如何制作通栏底部
3.如何制作多个全屏叠加固定背景换肤模块 4.如何制作固定T台
5.制作导航全屏弹出菜单 6.如何制作一个宝贝模块(宝贝的喜欢、购物车、分享、收藏如何添加)
7.如何制作一个宝贝轮播模块(i3 i4 鼠标经过动画层讲解) 8.如何使用HTML制作一个宝贝模块
9.如何快速制作自己设计的旺旺客服模块 10.如何快速制作宝贝分类模块
XVT基础
模块组件使用实例
个性设计进阶篇 (适合懂PS不懂代码)

第一步:进入卖家中心首页,店铺管理->店铺装修,点击”店铺装修“即可进入装修界面。


第二步:购买模板后进入店铺装修页面找到"模板管理"并点击


第三步:①在新打开的页面中,下拉页面找到“我购买的”模板;

             ②在“我购买的“模板里,找到需要使用的模板点击”马上使用“


一、进入装修页面,①点击左侧的“模块”,②在模块页面中,点击基础模块的箭头,收起基础模块;


二、点击设计师模块的箭头,显示模块



三、选择需要使用的设计师模块,①使用鼠标点击并拖曳到想要放的位置,②松开鼠标,模块会放到目标位置,页头会显示“成功添加模块”。


四、成功添加后的效果


五、鼠标箭头移动到要修改的模块上,在模块右上角有“编辑”和“删除”按钮(如果看不到删除按钮,请将网页下方的滚动条往右拉);A点击“编辑”进入编辑设计师模块;B点击“删除”即可删除设计师模块。


六、在第五步中点击编辑将会进入编辑页面,如下图。


七、编辑完成之后,记得在下方点击“确定”保存哦!





一、进入店铺装修页面;①点击左侧“配色”;②在弹出的可选风格中点击要使用的风格。


二、例如点击“风格三”,下图是更换风格后效果。



一、进入店铺装修页面,点击"模板管理"


二、在当前使用的模板旁边提示有"模板有新版本!“,点击”马上升级“即可


三、点击升级后自动返回装修页面,显示升级后效果


(模板备份和还原)续费模板不需要重新装修,用系统备份的模板还原即可恢复。

一、在装修页面上,备份和还原都是点击右上方的”备份“ 。

二、在弹出的备份页面中,①在备份名以及备注里填入内容(备注可不填);②点击”确定“即可完成备份。 

三、步骤一打开的页面中①点击”还原“;②选择备份模板,点亮它;③点击下方的”应用备份“即可 。

进入店铺装修页面①点击”首页“,②鼠标箭头移动到”默认宝贝详情页“或"默认宝贝列表页"分别进入宝贝详情页、宝贝列表页。



一、首先在模板市场中找到喜欢的模板点击使用

二、点击使用后进入编辑页面后,

点击下方提示按钮有功能介绍



三、选中图片,在右侧点击更换图片



从图片空间插入图片即可



四、文字也可以编辑,选中文字,在右侧输入文案内容

文字字体和大小、颜色都可以修改

改好第一屏海报后在左侧点击第二屏海报修改,修改方法同上



 

热点功能

 

手机海报中,图片和文字都可以加链接

选中图片或文字,在右侧URL输入链接地址即可


动画效果的添加

选中图片或者文字,在右侧编辑动效

选择动态效果,也可以选择动画时长和延迟时间,然后再右上角点击返回


全部海报编辑好之后,在右侧输入项目名称,之后点击保存,发布




 

更多问题·····

 

手机海报是免费的吗?

手机海报的模板和在线编辑器都是免费的。

 

海报可以分享到哪里?在哪里展现?

海报的成品点击分享后,会出现二维码,用手机软件(比如千牛)扫码,即可分享到各个无线社交端,比如微博、微信、朋友圈、QQ、旺旺等。

 

海报为什么会到期?到期还要续费吗?还要再订一次吗?

海报模板目前确实走了订购流程,所以会有到期提醒,但亲无需担心,这个提醒不需要理会,到期无需续费,也不需要再次订购。

 

海报二维码会永久有效吗?

会的,即使您的海报又重新编辑过,仍有效。

 

手机海报的模板可以定制吗?

目前海报模板都是标准化的模板,不支持定制,如您有特殊需求,可以直接联系服务商旺旺

 

发布分享的海报还可以再编辑吗?

可以的,登陆haibao.taobao.com后,在我的活动中编辑。




第一步

进入店铺装修——点击微海报——我的模板——找到购买的模板,点击马上使用


第二步

点击右上角微海报的名称进行修改,给微海报取个响亮的标题,并上传一张吸引人眼球的封面图,让亲的微海报打开率飙升!

可以更换底色和选择背景音乐


第三步

更换图片:点击需要更改的图片,出现一个替换提示,点击替换。选择图片空间里面上传好的图片,即可(图片可以任意缩放大小和调整摆放位置





第四步

添加点击链接:在图片或文字的右侧操作面板处,选择需要的宝贝链接或者分类链接,如果没有我们需要的链接,亲可以点击自定义链接,添加我们需要的链接

宝贝链接选择:(点击宝贝——选择好需要的宝贝,然后点击确定即可)



自定义链接:点击自定义链接——添加链接(注意,要放淘宝链接才可以的哈



删除链接:点击链接右侧“

替换链接:直接选择要替换的链接就可以,自动替换


第五步

修改文字:点击需要修改的文字,会出现编辑的提示

          点击编辑——直接输入需要的文字即可(可以在操作面调整一下字体和大小






第六步

动画设置:选择自己喜欢的动画效果添加即可

             可以设置时间的哦

             操作后可以点击预览,看一下效果



为了让微海报更加显眼和生动有趣,可以在模板的基础上添加游戏和视频,或者自己DIY图片和艺术字哦


添加后不喜欢可以删除哦


第七步

发布和保存

发布:操作好后,点击发布,开启奇迹一刻(第一次操作可以点击试用新的二维码,如果已经编辑后,只是修改内容,可以点击使用上传的二维码哦


保存:操作了一半,明天继续编辑,我们可以 点击保存


小编提醒:千万不要忘记朋友圈转发,海报传播才能启动,记得发动你的伙伴一起玩转朋友圈


海报发布后忘记分享传播,哪里可以找到我制作的海报?不说话,只看图:

 

 

最后,重要的事情说三遍:

1、微海报的标题和封面很重要,封面、标题诱人点击进入概率大;

2、微海报模版制作,页面数量不在于多,而在于精致、有趣;

3、微海报设计不同于传统活动促销页面的设计,要走心,走感觉,走格调,分享才是王道;

4、进店引导、分享引导不在于多而在于恰到好处,建议放在海报的最后一页

 



我们的模板提供4种获取宝贝信息方法,满足掌柜的多种需求。功能强大但设置却十分简单哦!
首先要选择要“获取宝贝方法”后,再找到相应组再设置即可。
特别说明:宝贝排序对4种获取方法均有效。(但手动顺序只对手动选择生效)

NO.1手动选择宝贝


目前模板中最常用的方法。
操作流程:
1.选择 “手选宝贝”
2.找到下方的手选宝贝,点击 “选择宝贝” 按钮 
3.在弹出的 “宝贝选择” 窗口中,找到自己要的宝贝点击右边的“选择”即可
4.选择好要用的宝贝,点击右上角 X 关闭窗口即可。
5.保存

NO.2按类目获取宝贝


假如你的商品关键字有太多相同的,那还可以根据类目来获取宝贝哦。不过这个实用的功能在主流模板中并不常见哦,所以喜欢用这个功能的掌柜选购模板的时候还要留多一个心眼哦

操作流程:
1.选择 “筛选分类
2.选择宝贝排序方式
3.找到下方的选择分类,
 点击“分类选择”按钮
4.在弹出的 “类目选择” 窗口中,找到1个自己要的类目(可以是1个大类或小类)点击左边的“复选框”打勾即可
5.选择好类目后,点击下方的“保存”即可。
6.保存

NO.3关键字获取宝贝


该方法十分实用哦,填个关键字就可以自动获取宝贝了,配合宝贝排序。要的效果就出来了哦!不过这个实用的功能在主流模板中并不常见哦,所以喜欢用这个功能的掌柜选购模板的时候还要留多一个心眼哦

操作流程:
1.选择 ”筛选关键字“;
2.根据自己的情况选择“宝贝排序”
3.在“关键字”参数中填写自己想要的关键字即可。本例就填写 复古
4.点击下方的”确定“进行保存

选择宝贝&评价


淘宝最新接口,更方便的让掌柜筛选评价。口碑营销从买家评价开始。手选择指定评价给人好评如潮的体验
操作流程如下图:

一、鼠标箭头移动到需要更换自定义宝贝图片的模块上,点击模块右上角的”编辑”


图 2.1

二、在弹出的窗口中,极速装修->正反图片设置,在“默认显示宝贝图片”中输入内容(注意格式),点击下方的”确定“保存


图 2.2

三、步骤一打开的窗口中,“显示/特效/角标”->  在宝贝角标文字框内按照格式填入自定义内容->点击“确定”保存,如图2.3.1。(如无角标显示,按照图2.3.2  确保“显示宝贝”中已勾选“角标”)


图 2.3.1

图 2.3.2

四、步骤类似于步骤三,显示/特效/角标->输入自定义内容->“确定”。


图 2.4

第一步:卖家中心->店铺管理->店铺装修


第二步:页面->更换图片->上传页面背景图->设置背景显示方式


第一步:卖家中心->店铺管理->店铺装修


第二步:页头->更换图片->上传页头背景图->背景显示设置


第一步:编辑海报模块


第二步:点击进入固定背景设置


第三步:在固定背景图片这栏添加"背景图片地址"。

点击此处进入图片空间,上传图片。 (不懂如何上传?)

第一步:还原模板原始页头背景


第二步:还原模板原始页面背景


第一步:进入"店铺装修页面"  首页->新建页面


第二步:填写页面名称->设置页面内容->保存


第三步:点击自定义内容区的“编辑”


第四步:编辑标题->编辑页面内容->点击“确定”保存


第五步:鼠标移至导航条模块,点击“编辑”


第六步:在弹出的窗口中,导航设置->添加->页面->勾选上自定义页面->确定


第七步:排序或删除->点“确定”保存




导航如何添加自定义链接(这里用添加“信用评价”来做示例)

①打开店铺,鼠标移至信用图标处,出现掌柜档案、店铺信用。点击"店铺信用红框标记处"进入。

②Ctrl+A全选,Ctrl+C复制网址


③复制好网址后进入"店铺装修页面",点开导航的"编辑"。


④编辑导航->点击"添加"->自定义链接->添加链接。



⑤在自定义链接里添加好链接名称及链接网址,点击“保存”。


⑥点击确定


⑦完成了哦!!!


导航如何添加宝贝分类

①导航条模块“添加”->导航设置->添加->宝贝分类->勾选显示的分类->点击“确定”保存


②完成,鼠标移至分类处,即可显示下拉子分类。


第一步:进入"装修页面"。首页->管理页面


第二步:自定义页->找到要删除的页面名称->点击对应的“删除”操作。


新旺铺导航是可以更换颜色和式样的哟!这里结合我们导航CSS生成工具,无需学习任何语言代码,即可随心所欲地更改。


一、当鼠标移动到相应的可编辑区域时,当前区域会显示蓝色蒙版层,双击击后弹出编辑窗口,在编辑窗口进行个性化设置!如下图编辑的是所有分类区域。(注意:所有图片链接地址,都必须为淘宝图片空间的)


二、导航区域以及下拉菜单等还有分隔线设置。


三、如何模拟我店铺的导航店招背景和高度。“环境设置”仅用于模拟搭配效果,要修改背景在页头背景中修改

(查看如何修改页头背景?)

四、 编辑完所有设置后,点击右侧的“获取CSS代码”按钮,在弹出的窗口中点击“点此复制”


9.回到店铺装修页面,将CSS代码复制粘贴至导航模块自定义编辑框中。


本教程提供视频详解

1.进入到节日导航后,点击【获取CSS代码】,然后点击【点此复制】复制导航的css代码。

2.回到自己店铺的装修界面,点击【编辑】导航模块。选择【显示设置】,然后粘贴代码在空白里面,最后点【确定】,整个导航的CSS样式就会改过来的了。

第一步:卖家中心->营销中心->促销管理。

第二步:优惠卷订购。

第三步:优惠卷信息。

第四步:复制优惠卷代码。

第五步:打开优惠卷模块,粘贴代码上超链接位置里。

添加店铺收藏组件,在宝贝链接里直接输入 " @flink@ " 变量就可以自动转为店铺收藏链接了

第一步:编辑。

第二步:点击"分流设置"。

第三步:员工管理->新建部门。

第四步:确认新建。

第五步:旺旺分流设置。

第六步:添加分流客服。

第七步:同步到店铺。

第八步:完成哟!!。

第一步:我的淘宝->卖家中心->店铺管理->图片空间。


第二步:点击"图片上传"。


第三步:点击"点击上传"。


第四步:选择图片->点击打开即可上传。


第五步:点击链接,就是复制图片地址。


第一步

第二步

第三步

第四步

第一步:卖家中心->店铺管理->图片空间->百宝箱->设置水印


第二步:上传水印

第三步:可以添加水印了哟!!(图片空间->上传图片)


1. 第一步:进入可视化->点击右上角“登录”按钮

2. 第二步:点击“登录免费使用”按钮

3. 第三步:点击“授权”按钮

3. 第四步:登录成功界面

1. 第一步:鼠标双击要修改的组件,如图

2. 第二步:双击后界面如图

3. 第三步:修改您想要的地方

3. 第四步:修改成功

1. 工具中,点击如图位置设置背景

2. 如果需要背景设置生效,必须打上此勾,如图

3. 什么是自动计算高度?

1. 快速编辑图标

2. 锁定/解锁图标

3. 显示/隐藏图标

4. 复制图标

5. 删除图标

6. 如何修改图层名称

7. 如何调整图层层级

本教程提供视频详解

1. 如何使用对齐面板?

(1)相对画布居左

(2)相对画布居中

(3)相对画布居右

(4)左对齐

(5)居中对齐

(6)右对齐

(7)上对齐

(8)上下居中对齐

(9)下对齐

(10)水平居中分布

(11)垂直/居中分布

2. 如何使用历史面板?

本教程提供视频详解

1. 保存

2. 另存为

3. 新建

新建 [空白] 页面

新建 [原始设计] 页面

4. 打开

5. 导入

如何修改宝贝标题及其它文字

变量介绍使用技巧

变量 结果(例) 作用说明
@today@ -> 2014-4-15 替换为今天日期
@home@ -> http://xi-se.taobao.com 替换为店铺地址
@flink@ -> http://favorite.taobao.com/popup/add_collection.htm?id=66584069&itemid=66584069&itemtype=0&sellerid=694987567&scjjc=2 替换为店铺收藏链接地址
@slink@ -> http://shuo.taobao.com/microshop/front.htm?shopId=65832267&follow=true&tracelog=fromtb25 替换为店铺掌柜说链接地址
@plink@ -> http://rate.taobao.com/user-rate-694987567.htm 替换为店铺评价地址
@sjlink@ -> http://shop66584069.m.taobao.com/ 替换为店铺手机版地址
@shop.id@ -> 66584069 替换为店铺ID
@shop.title@ -> 西色设计旗舰店 替换为店铺名称
@user.id@ -> 686314899 用户id
@user.nick@ -> 西色设计 旺旺登录ID
@user.ecnick@ -> %E8%A5%BF%E8%89%B2%E8%AE%BE%E8%AE%A1 旺旺组件 专用


图文示例

1.进入到"XVT"模块库后台!(点击进入)点击编辑模块

 

2.编辑海报图片

   

3.更换海报图片

   

4.根据自己设计的海报图片进行调整。

 

3.快速调整全屏海报居中哦(必看)!

 

6.完成哦,记得要导出代码哦!

   

7.复制代码

 

8.粘贴到该模块可视化代码框里

1.进入到"XVT"工具界面!(点击进入),点"新建"新建新页面

2.点"新建"新建新页面

3.在组件面板中添加"图片"组件

4.在弹出的组件选框中选择"图片"默认示例

5.替换图片

6.替换成功后,自动获取图片大小

7.调整全屏图片居中

8.在相应的区域添加热区

9.拖动到相应的区域并拉到最合适的大小

10.另外为后,导出->保存->复制代码

11.粘贴到该模块可视化代码框里

本教程提供视频详解



1.进入到"XVT"模块库后台!(点击进入),点"新建"新建新页面,(如何新建新页面??),在组件面板中添加"图层"组件

2.在弹出的组件选框中选择"图层"默认示例

3.设置图层的背景颜色

4.选择图层的背景颜色

5.更多设置->设置层片大小

6.设置层片大小

7.清空文字

8.添加文本组件,在弹出的示例中选择默认“文字”示例

9.输入文字,调整文字大小及颜色

10.继续添加“文字”示例,输入其它文字,分别调整文字大小及颜色,最终效果如下:

问题?文字只显示一半?

解决方法:用鼠标往右拉长一些即可

完成了哦

问题?组件无法拖动?

解决方法:锁定/解锁图标

本教程提供视频详解

问题?双击不到要修改的组件,被其它组件遮挡怎么办?

1.显示/隐藏图标

2.重新双击宝贝组件->选择宝贝即可

本教程提供视频详解

1.鼠标移至【XVT模块库】,点击菜单中【节日/促销模块】。找到自己想要的节日宝贝模块,然后拉到次模块最下面,点击【编辑】。

2.进入可视化界面后,先【登录】。登录后,需要改哪里,双击即可修改。
修改完后导出可视化代码,把代码粘贴到任意一个XVT可视化模块即可。(不懂?如何换上自己的宝贝?)

1、首先删除店招模块,添加两个设计师“自定义模板,一个放头部,一个放海报下面!



2、再到可视化工具,分离导出弹出层。

3、复制“触点层”代码到头部的“自定义模板”,不要“多功能标题”

把“自定义模块1”勾上


 

 4、第二个“自定义模块”下移到海报层下面



5、“弹出层” 代码复制到把“自定义模块1”勾上


5、“自定义模块” 会有20px的最小高度,以下所示。



6、你可以通过以下设置解决,把模块间距设置为:-20



设置后模块编辑栏将显示在下一个模块的顶部!

  • 在线客服
  • 售前:点这里给我发消息
  • 售后:点这里给我发消息
  • 设计师加盟:点这里给我发消息
  • 工作时间 09:00-22:30
  • 马上咨询

    返回顶部