免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

来源:刚哥哥免费淘宝店铺装修   发布时间:2018-08-26 15:16
淘宝旺铺有基础版、专业版和智能版三个版本。淘宝网针对新手卖家,有扶持政策,1钻前可以免费使用专业版或者智能版旺铺。但当你上钻后,要继续使用专业版或者智能版旺铺,就必须每月付费了。

只有专业版和智能版店铺可以通过上传页头背景图片的方式轻松实现添加全屏店招,可是基础版旺铺不能通过这种简单的方式添加全屏店招,因为基础版装修后台根本没有页头设置的选项。

那有没有什么办法让基础版旺铺也可以添加免费的全屏店招代码实现基础版全屏呢。今天刚哥哥为大家讲讲免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码。

注意:只有淘宝基础版旺铺才根据本教程添加实现全屏店招,专业版或者智能版店铺请学习专业版安装全屏店招模板教程,点击这里

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

操作步骤:

一、确认自己的店铺是什么旺铺版本

打开你的淘宝店铺装修后台,点击这里

页面左上角,淘宝旺铺后边,如果是显示“基础版”,就可以继续看下面的教程。

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

二、登录刚哥哥后台,添加店铺(已经添加过店铺的请忽略这一个步骤)

1、打开刚哥哥会员中心页面,这里进入
  2、选择QQ或者手机号码登录;

免费店铺装修淘宝全屏店招模板在线制作教程(图文)
3、添加店铺名称,添加店铺ID(什么是店铺ID,怎么查找店铺ID,点击这里

如果已经添加有店铺,设置店铺为默认即可。

免费店铺装修淘宝全屏店招模板在线制作教程(图文)

三、选择全屏店招模板,设置,生成代码

1、选择全屏店招模板(这里查找全屏店招模板)。

2、设置全屏店招模板

进入选择好的全屏店招模板,根据页面提示,进行设置。

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码


不同的全屏店招效果不一样,设置的内容也会有所不同。

比如这个模板,需要设置“店铺名称”和“副标题”,其他模板可能有更多设置,但方法都类似。

我们按照提示填写,店铺名称是你在登录刚哥哥后台添加店铺的时候填写的,这里可以修改也可以保持不变。

3、设置完成,点击页面的“预览”按钮,查看设置效果。

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

4、全屏店招模板的安装

如果设置没有问题,预览后,回到页面,点击“生成代码”按钮。

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码


四、安装全屏店招模板(基础版旺铺)

1、复制店招代码和设置店招高度

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

A、首页第一步,安装店招代码

点击“复制店招代码”按钮,会自动复制。如果没有复制成功,在上面的代码框里,鼠标右键,全选,再右键复制。

进入淘宝店铺装修后台,点击招牌模块右上角的“编辑”按钮。如果没有招牌模块,请在左侧模块里,拖动招牌到右侧导航位置。

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

店铺招牌编辑里,招牌内容——招牌类型,首先选择“自定义招牌”。

再次,点击自定义内容里的“源码”按钮,如下图:

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

在所有操作按钮变成灰色后,代码框里粘贴店招代码,如下图:

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

B、设置店招高度

这里设置店招的高度,在“复制店招代码”按钮的位置,有提示数值,一般是120,部分模板会有不同,如果模板显示不正常,要看看这里的设置。

所有设置完成后,点击界面上的“保存”按钮。

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

下面就是店招代码和高度设置后的效果:

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

五、导航样式代码的安装(基础版)

1、复制导航样式代码(基础版)

点击“复制导航样式代码(基础版)”,不能复制的话,在上面的代码框里,鼠标右键,全选,再右键复制。

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

2、进入淘宝装修后台,鼠标放在导航位置,点击“编辑”按钮

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

点击“显示设置”,在代码框里,粘贴刚复制的导航样式代码。

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码


粘贴代码后,点击左下角的“确定”按钮。如下图所示:

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码


六、发布装修

在粘贴导航样式代码以后,在后台装修页面或者预览,我们看到的页面可能是不正常的,可能会出现错位等情况,这个不用管。

店招代码、导航样式代码(基础版)、都设置好以后,点击装修页面右上角的“发布站点”按钮,这样全屏店招模板就安装成功了。如下图操作:

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码

免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码


在此强调三点:

1、在粘贴店招代码的时候,必须点击源码按钮后,所有的操作按钮变灰色的时候,再粘贴店招代码。

2、在复制导航样式代码的时候,必须复制基础版。

3、只有淘宝基础版旺铺才根据本教程添加实现全屏店招,专业版或者智能版店铺请学习专业版安装全屏店招模板教程,点击这里

以上就是刚哥哥与大家分享的免费淘宝店铺装修教程之基础版旺铺怎么添加制作全屏店招代码。

免费淘宝店铺装修全屏店招模板制作点击这里

分享到:
刚哥哥淘宝店铺装修网,提供免费淘宝店铺装修教程模板、网店装修图片素材代码,让你的淘宝店铺装修事半功倍。
本站部分内容来源于网络或网友上传,如有侵犯您的权益,请告诉我们,立即删除处理!
Copyright © 2011-2022 刚哥哥淘宝店铺装修网 All rights reserved.
蜀ICP备17022167号-3