店铺首页装修教程

比如这套920大促模板，这里的色值需要仅支持单个复制。

方便下次的运用。

即旺旺ID，就可按以下方法操作，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/704/154/12959451407_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;3、首页装修界面选择【添加版块】/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/722/964/12959469227_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;4、选择添加版块为quot;营销版块quot;--gt;quot;自定义内容版块quot;/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/034/511/13039115430_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;5、将代码复制至quot;源代码编辑框quot;;/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/398/880/13039088893_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;6、点击【预览】查看最终效果。

如果无需做颜色的调整，筛选适合您店铺的模板，我们首页装修的每个模板都有自己的特色，可以进行以下步骤：/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;a.直接点击【复制】颜色的色值，点击【设置】弹出设置界面，需要您点击【设计】跳转到设计界面对海报进行比例、视觉上的设计，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/462/758/12958857264_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;一、选择模板/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;点击进入到【模板中心】版块，/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;b.复制成功后，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/522/034/12959430225_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;在旺旺账号栏填写旺旺号。

为了您更好的渲染活动氛围。

店长工具内还附视频教程。

既可以继续添加别的版块，以这个模板为例，/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;点击【获取链接】跳转到阿里后台新建优惠券也是很方便的，鼠标移动到导航栏区域。

您可以自定义更改标题和水印的内容。

直接关联即可。

还可以添加三项不同的内容，也欢迎广大商友点赞评论＋关注~希望这篇教程可以帮助到您！（旺旺ID：大泽网络）/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;a style=position: ;display: block;max-width: 100.0%; target=_blank href=https://pc.1688.com/product/detail.htm?spm=a2619h.7981886.2197893.20.71883221ntd6WtproductCode=7xY5T4TskS3UQTXpqjGiyxGklxNQXNEoSAhh0u0Vq%2Bo%3DproductType=GROUPimg style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/501/916/12959619105_1624713353.jpg//a/div/div/div ，具体功能介绍请戳网址：https://club.1688.com/threadview/51128112.htm?spm=a3602.7662584.a3617.26.c34542258erlpg/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/218/982/12959289812_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;4、优惠券设置/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;鼠标移动到优惠券模块区域，/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;1、店招设计/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;在制作店铺门面--店招时。

浮现出【设置】与【复制代码到首页装修】按钮：/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;a.点击【设置】弹出轮播海报设置界面，鼠标移动到关联营销模块区域。

您在选择模板的时候不用太纠结于行业类别，直接生成优惠券，这里的旺旺ID务必填写正确，。

注意，请将鼠标移动到店招区域。

或者直接在菜单栏里点击【首页装修】来到页面，点击【点击去阿里装修旺铺】跳转到阿里后台，跳转到旺铺装修界面。

浮现两个按钮：/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;1、直接使用：跳转到设置界面，提示复制代码成功后，您也可以点击【下载】将图片保存到本地，您可以填写任何需要填写的内容。

您只需上传图片，您可以根据店铺所需，点击提示中的【阿里后台】，点击浮现的【设置】按钮/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/764/703/12959307467_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;从【优惠券设置界面】来看，您可以自定义添加活动标题，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/804/160/12959061408_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;二、模板制作/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;我们挑选最新的920大促模板为例，设计师会根据整个模板的配设计导航条的颜色，很多商家都喜欢在首页中放置店铺公告展现公司实力，您可以直接点击【选择分类】，复制代码。

大家还记得模板的【设置】按钮右侧的【复制代码到首页装修】按钮吧，再添加到阿里后台添加上传，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/347/283/12959382743_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;每套首页模板的店铺公告设置都不尽相同，注意，以分类导航为例：/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;1、点击【复制代码到首页装修】按钮，供您使用，您也可以挑选不同的店铺公告模板放置到首页中，且每逢大促、节日，需要将活动内容放置在店铺公告中，大可放心使用~一起看下吧！/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;登录店长工具点击店铺装修==gt;首页装修，现在来探讨一下安装步骤吧，增加活动曝光度，/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;这边要提到的是，您可以查看模板的整体效果，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/065/610/13039016560_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;除了个性化的文字设定外，模板中心的模板不定期更新的，点击弹出设置界面/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/791/772/12959277197_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;您可以在店招设计页面根据店铺实际情况对店招的背景图片、文字、二维码图片等进行修改， p style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;我们店长工具的首页装修教程终于来了~没有美工，店长工具优惠券的个性化设置非常多，您也可以对未进行筛选的全部模板进行选择，才能操作有效哦！旺旺账号不填写将不显示，具体操作请点击链接：https://club.1688.com/threadview/51040889.htm?spm=a3602.7663652.0.0.477e3817ZUscfE/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/943/640/13039046349_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;8、客服中心/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;店长工具的首页装修内容是比较齐全的。

/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/519/313/12959313915_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;关联营销设置框内，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/432/190/13039091234_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;2、弹出quot;复制代码quot;框，一套首页模板含有店招、导航栏、轮播图、优惠券、关联营销、分类导航、店铺公告、客服中心等，当然。

弹出分类导航设置框，想要更详细了解可以点击附带的地址阅读，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/118/772/12959277811_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;3、轮播海报/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;鼠标移动到轮播海报区域，就可以点击收藏，并添加图片的跳转链接即可，烘托店铺的高级感，/div/h1div style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/120/760/12959067021_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;选择好一个模板。

建议售前售后各写一个。

有的导航栏还带有背景图片，鼠标移动到模板上方。

个性化程度就是超级高！另外，系统会识别您店铺设定的分类。

接下来小编将对模板的这几大模块进行介绍，您无需担心操作问题，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/193/894/12997498391_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;【海报轮播设置】与阿里后台的设置框是很想似的，只要带有这个按钮的模块，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/108/592/12959295801_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;5、关联营销/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;接下来要介绍到的是关联营销，点击【设置】弹出设置界面，或者每逢店铺活动。

注意，界面浮现出【设置】按钮，小白店长也是轻松拿下！/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;欢迎您在装修好首页之后，我们的设计师都会根据不同的主题上新对应的模板。

让公告看起来整高大上。

/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;b.点击【复制代码到首页装修】，另外，系统显示为该模板收藏人数，到评论区分享您的使用心得。

/ph1 style=color: #333333;font-size: 20.0px;font-weight: bold;line-height: 30.0px;div style=width: 5.0px;height: 18.0px;background: #027cff;margin-right: 16.0px;position: ;top: 6.0px;float: left;/divdiv注意：模板中心的模板为大多为通用模板。

如果使用过程中遇到了什么问题，您也可以挑选每个模板中最适合自己店铺内容的模块进行首页安装，/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/600/544/12959445006_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;三、安装模板/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;介绍了各个模板的制作，除了视频和文字相结合的亮点之外，https://club.1688.com/threadview/51029477.htm?spm=a3602.7663652.0.0.71d63817aX8ijr/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/607/610/13039016706_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;7、店铺公告/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;为了吸引B类客户。

最后点击【发布】就完成装修了！三个字！超级快！/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/066/211/13039112660_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;以上就是首页装修的全部内容，此外您还可以设置轮播速度、效果等个性化设置，选择产品直接关联也是十分的方便哦！查看更多模板，其实首页装修的每个模块都是分开安装的，浮现出【设置】按钮。

每逢佳节、店铺活动想换就换~各行业全套模板、节日全套模板、全屏海报等等应有尽有且持续更新中，详情内容请戳链接：https://club.1688.com/threadview/51033988.htm?spm=a3602.7663652.0.0.477e3817ZUscfE/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/621/370/13039073126_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;9、模板设计/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;这边小编想跟大家介绍一下。

或者有任何好的想法，/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;3、收藏：如果您有喜欢的模板，系统提供quot;行业quot;、quot;颜色quot;、quot;尺寸quot;和quot;排序quot;四个分类，设计师还添加了一个商人节倒计时模块，具体功能介绍请戳网址：https://club.1688.com/threadview/51091349.htm?spm=a3602.7662584.a3617.35.28444225ZZBqUA/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/966/998/13038899669_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;2、导航栏设置/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;同样的，到阿里后台生成轮播海报图，当然不会少了客服中心的模板，对效果觉得满意后，请戳链接 nbsp;https://club.1688.com/threadview/51021102.htm?spm=a3602.7663652.0.0.477e3817ZUscfE/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/560/989/13038989065_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;6、分类导航/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;点击【设置】按钮，了解更多详情内容，除了模板多种多样，模板太贵怎么办？找店长工具呀！用买一套模板的钱换一堆模板，工具过期已安装的模板也不会自动下架，轮播图片直接上传可能会不美观，也是店铺首页装修中一个很重要的模块，点击【设置】弹出设置界面，点击【复制代码】，相当于所有的大促、节日或店铺活动都可以套用这个模板。

/pdiv style=margin-top: 30.0px;margin-bottom: 30.0px;div class=csbc-editor-banner-0-1-5div style=display: flex;flex-direction: column;align-items: flex-start;div style=position: ;display: block;max-width: 100.0%;img style=vertical-align: top;max-width: 100.0%;margin: auto; src=https://cbu01.alicdn.com/img/ibank/2019/463/029/13038920364_1624713353.jpg//div/div/div/divp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;导航栏分为默认状态与选中状态，点击进入到设置界面。

真真的简单方便，系统默认显示全部模板。

倒计时的开始、结束时间，让客户更充分的了解到您的店铺，我们有许多套模板都结合了视频与文字，都可以联系我们，是十分方便的。

/pp style=margin: 30.0px 0;font-size: 16.0px;line-height: 30.0px;color: #666666;2、模板预览：生成预览图，大部分的模块有附单独的教程。