京东店铺首页装修怎么操作？京东店铺装修视频教程

越来越多的商家入驻京东平台。如何让店铺在众多商家中脱颖而出，吸引更多消费者关注，成为商家关注的焦点。而店铺首页作为消费者进入店铺的第一印象，其装修至关重要。本文将为您详细介绍京东店铺首页装修的操作方法，助您打造吸睛店铺，提升转化率。

一、京东店铺首页装修概述

1. 页面布局

京东店铺首页装修主要包括页面布局、模块设置、图片设计、文字编辑等环节。合理布局页面，使信息呈现更加清晰，有利于提升用户体验。

2. 模块设置

京东店铺首页主要分为头部、中部、尾部三个部分。头部包括店铺logo、搜索框、导航栏等；中部为核心区域，包括产品展示、促销活动、热销商品等；尾部包括客服、联系方式、购物指南等。

3. 图片设计

图片是影响消费者购买决策的重要因素之一。优质、吸引人的图片能够提升消费者对店铺的兴趣，增加购买欲望。

4. 文字编辑

文字是传递信息的重要手段。在京东店铺首页装修中，文字编辑要简洁明了，突出重点，使消费者一目了然。

二、京东店铺首页装修操作步骤

1. 登录京东卖家中心

登录京东卖家中心，进入“装修中心”模块。

2. 选择装修模板

在装修中心，您可以选择合适的装修模板。京东提供了多种风格的模板，可根据店铺定位和产品特点进行选择。

3. 页面布局

根据所选模板，进行页面布局。调整模块位置，使页面更加美观、清晰。

4. 模块设置

在模块设置中，您可以添加、删除或修改模块。如：添加商品展示模块、促销活动模块等。

5. 图片设计

在图片设计环节，您需上传优质图片。建议使用高清、具有吸引力的图片，提高店铺档次。

6. 文字编辑

对文字进行编辑，确保内容简洁明了，突出重点。注意排版，使页面更加美观。

7. 保存并预览

完成以上操作后，保存装修设置，进行预览。如需调整，可随时修改。

8. 提交审核

预览无误后，提交审核。京东会对店铺首页进行审核，确保符合平台要求。

三、优化建议

1. 重视用户体验

在装修过程中，始终关注用户体验，确保页面简洁、美观，方便消费者浏览。

2. 突出产品优势

在店铺首页，突出产品优势和特点，提高消费者购买欲望。

3. 优化关键词

合理运用关键词，提高店铺在京东搜索结果中的排名。

4. 定期更新

定期更新店铺首页内容，保持页面活力，吸引消费者关注。

京东店铺首页装修是提升店铺转化率的关键环节。通过以上操作步骤，您可轻松打造出吸睛店铺。装修并非一蹴而就，需要不断优化和调整。希望本文能为您的店铺装修提供有益借鉴，助力店铺发展。

京东商城店铺页面怎么装修

每一个店铺标配的4个页面都可以分别进行装修，在没有装修之前系统在每个页面默认了一些常规内容，对于这些内容你可以删除、和修改。

每个页面的装修操作完全一样，这里我们以“店铺首页”的装修为例进行讲解。

页面装修要遵循的原则：

先【添加布局】-然后在布局里【添加模块】-然后【设置】模块的内容-最后【发布】共5个环节。

1、 布局介绍名词解释

布局：是指将页面划分为不同结构的条格，页面的所有装修内容必须放置到布局内;每一个页面可以有多个布局。

目前系统提供了12个布局供选择和组合使用。

特别说明：

每一个页面的最顶部会有一个通栏布局(没有删除、移动操作)该布局里面放置的模块会自动强制显示在店铺所有页面。

建议在该布局内仅放置店铺招牌、店内导航和主推活动的banner等内容;如果只想将内容显示在当前页面，请手动添加新的布局后再添加模块，请勿使用该默认布局。

2、添加布局

2.1可用的布局列表在装修页面点击顶部左上角的【添加布局】按钮，打开如下选择器：

一共有12个布局供选择。

2.2使用说明

点击【添加】后，该布局将显示在页面的最底部，如果必要需手动向上移动。

添加后的可视化页面显示“通栏布局(990)”：

当鼠标移动到布局区域内的时候会出现布局的名字、尺寸和操作，如上图：

名词解释

通栏(990)：是该布局名称，同时指出该布局为宽度990px的通栏布局

红叉：表示删除该布局的操作，布局被删除时它所包含的内容也会一并被删除且无法恢复，操作需谨慎。

绿色箭头：表示布局可用的上下移动操作

重复以上操作我们可以根据设计目的向当前网页添加多个不同版式的布局，比如在某个页面添加了7个布局，显示如下：

注意事项：

布局添加后显示为一个虚线框，每一行虚线框都是一个独立的布局。上图中选中的是左右布局，常用来左侧放置分类，右侧放置推荐商品。

你可以根据自己的设计思路，选择使用1个或者多个布局;布局的使用数量建议不要超过10个。

3、模板介绍

选择了布局就等于是为装修设定好了大纲和框架，接下来我们就要往框架里放置内容。

名词解释

功能模块：提供某些特效内容的系统功能称为功能模块。

目前系统已有5个目录分类共15个功能模块。

可用的“模块”列表

在任意一个布局的左下角有一个为名为【添加模块】的操作按钮，点击会弹出如下：

由上图可以看出模块的所属目录和名称。

上图为“店铺基础模块”，该目录下共有4个功能模块：

分页显示商品：如果您有M个商品，设置每页显示20个，那么就会有M/20个分页，直接点击页码即可查看对应页面的商品列表;每一个页面上的商品可以按照【销量】【价格】【好评数】进行排序。

默认是按照SKU的上架时间从晚到早排序的，您可以通过更换【模版】来调整默认排序。

商品类目：该模块用来显示店铺内的商品分类。

店内搜索：该模块是店铺内搜索框，您可以根据设计要求将该模块放置在合适的位置。

店内搜索结果：顾名思义用来显示搜索结果的，该模块默认在“店铺内搜索结果页面”预置了，如无特殊要求请不要删除。

第二个目录显示如下：

由上图可见该目录下有2个模块：

销售排行：用来显示店铺内商品的销售榜单，默认是前10个。

商品推荐：这个模块使用的频率最高，诸如“热卖”“店长推荐”“重点推荐”等等均可以使用这个模块来实现。

品牌团：仅适用于第三方卖家。商家可在该模块的“设置”里通过SKU ID录入参加了品牌团购的商品。

第三个目录为“店铺营销”模块，显示如下：

由上图可看到该目录共有4个模块：

自定义内容区：大家又称为“HTML编辑器”，也是装修店铺使用频率最高的模块之一，目前自定义内容可以上传图片、写代码等。如果您懂一些dreamweaver、html、CSS DIV的话，使用这个模块可以让您装修出更炫的效果。

导航：比较好理解，即为输入一个关键词 并配置一个链接网址即可。

雷宁轮播图：通过编辑需要轮播的html片段以及背景颜色，实现html片段的轮播效果!

接下来看第四个目录“公司相关”，截图如下：

由上图可以看出该目录包含3个模块：

店铺简介：即显示品牌介绍内容的模块。

店铺公告：即显示店铺内公告信息的模块。

店招模块：即显示店铺招牌内容的模块。

接下来看第五个目录“公司相关”，截图如下：

由上图可以看出该目录包含1个模块

搭配详情：展示用户在搭配购里面的商品搭配，在“设置”里输入搭配id可置入搭配信息。

在装修的时候根据设计可以添加以上15个模块中的任意一个或者多个，同一个模块在一个页面上是可以多次被使用的。

4、添加模块

4.1、添加“分页显示商品”模块4.1.1添加的操作流程

选中要添加模块的布局，比如：

点击【添加模块】按钮，依次找到目标模块后点击【置入】，

模块置入完毕后，可对模块进行修饰和内容完善，操作如下：

4.1.2设置

点击模块的【设置】，会弹出如下操作面板：

如上图，默认选中的是【皮肤】操作。

4.1.3皮肤

名词解释

皮肤：用来美化该模块的边框和周边，详细功能

说明：

皮肤选择：系统预置了2套皮肤，可以快速选择使用

标题栏：用来设置模块标题区域范围内皮肤的操作

内容区：用来设置模块内容区域范围内皮肤的操作

底部栏：用来设置模块最底下区域范围内皮肤的操作

4.1.4模板

每一个模块系统都预置了1个或多个模版，通过更换模版可以使模块显示样子瞬间变化：

说明：

模版共分为“最近使用”“我的创建”和“系统模版”，分别含义如下：

最近使用：里面放置的是你最近使用过的模版，可以快速选择无须寻找

我的创建：里面放置的是你自己创建的模版

系统模版：官方或第三方开发者提供模版

4.1.5选项卡

名词解释

选项卡：是指和模块标题并列显示的可添加超链接的功能。选项卡的使用如下：

使用说明：

输入“超链接文本” 和“网址”如上图中的，然后点击【增加】，可以添加多个，最后点击【批量更新】，最后记得点击【保存】哦，待页面【发布】后可看到效果，点击【刷新】可即可看到效果哦。

4.2添加“商品类目”模块

4.2.1添加的操作流程

选中要添加该模块的布局，点击【添加模块】按钮：

选中“商品类目”模块，点击【置入】：

置入后显示如下：

点击模块名称后面的【设置】可进行该模块的内容完善和显示效果更换等。

4.2.2设置

点击【设置】后显示如下：

默认选中的是【皮肤】。

4.2.3皮肤

同4.1.3操作

4.2.4模板

同4.1.4

4.2.5选项卡

同4.1.5

4.3添加“店内搜索”模块

4.3.1 添加的操作流程

选中要添加该模块的布局，然后点击左下角的【添加模块】，举例如下：

点击【添加模块】后，弹出的操作面板中找到“店内搜索”模块，并点击【置入】：

置入后默认显示如下：

如上图可见，该模块位于“分页显示商品”的下面。

名词解释

模版的拖拉移动：鼠标移动到模块上，并按下左键，不松开左键同时移动鼠标可将模块移动到一个新的位置，比如上下交换位置等。

这时，用鼠标选中“店内搜索模块”，按下左键向上拖拉鼠标，待移动到目标位置时松开鼠标左键，即可将该模版移动到上面(同理也可以往下移动、跨布局移动等)，如下：

松开鼠标：

即可完成模块的上下移动，当然模块的移动不局限于布局内，也可以在布局间来回移动哦。

点击该模块名称后面的【设置】，可进行内容修改。

4.3.2设置

如上图所示默认选中皮肤。

4.3.3 配置

名词解释

配置默认关键词：你可以设定一个搜索词，设定后该词会搜索框里默认显示出来。

配置热荐词：你可以设定3个推荐词，方便用户直接搜索而无须手动输入。

价格筛选：开启后可以让用户按照N元只M元之间来搜索你的店内商品。

4.3.4 皮肤

操作同4.1.3

4.3.5 模版

操作同4.1.4

目前系统预置有2个模版，截图如下：

4.3.6选项卡

操作同4.1.5

4.4添加“店内搜索结果”模块

4.4.1添加的操作流程

“店内搜索结果”模块默认预置在“店内搜索结果”页面里，如无特殊需求请勿删除。

系统预置该模块的显示位置截图如下：

点击【页面装修】显示如下：

当用户点击【搜索】按钮后，用该模块显示搜索结果的，如果删除了该模块，将无法显示搜索结果，请慎重操作，在没有把握的前提下请勿删除和移动该模块。

当然该模块也可以设置，如在上图中点击模块名称后面的【设置】。

4.4.2设置

默认显示如下：

如上图，默认选中了“皮肤”。

4.4.3皮肤

操作同4.1.3

4.4.4模板

操作同4.1.4

4.4.5选项卡

操作同4.1.5

4.5添加“销售排行”模块

4.5.1添加的操作流程

选中将要添加销售排行模块的布局，比如：

点击【添加模块】，在打开的操作面板中找到“销售排行”模块，并点击【置入】，

置入该模块后默认显示效果如下：

点击设置可进行模块内容配置。

4.5.2设置

点击设置打开操作面板默认是“皮肤”。

4.5.3皮肤

操作同4.1.3

4.5.4模板

操作同4.1.4

4.5.5选项卡

操作同4.1.5

4.6添加“商品推荐”模块

4.6.1添加的操作流程

选中要添加该模块的布局，比如：

然后点击【添加模块】，在弹出的操作面板中找到“商品推荐”模块并点击【置入】：

置入该模块后默认显示效果如下：

点击模块名称后面的【设置】可以补充内容。

4.6.2设置

点击【设置】后默认打开的是配置。

4.6.3配置

点击【设置】后会打开如下操作面板：

名词解释

ID录入：是指通过录入一批商品的SKU，来实现推荐商品的操作。

筛选录入：是指通过1、2、3级分类来批量录入商品SKU，实现推荐商品的操作。

1) ID录入：

如何查看商品的SKU?请参考附件一：商品SKU的查看方式。

2) 筛选录入商品：

商品录入后点击【保存】，则商品推荐就操作完毕了。商品显示如下：

这个时候我们可以点击，该模块名称后面的【设置】来更换皮肤哦。

4.6.4皮肤

依次点击模块名称后面的【设置】，在打开的操作面板中选择【皮肤】，即可进行皮肤设置。

操作同4.1.3

4.6.5模板

依次点击模块名称后面的【设置】，在打开的操作面板中选择【模版】，即可进行模版设置。

操作同4.1.4

该模块是装修店铺时用到最多的模块之一，模版数量目前也比较多，截图如下：

4.6.6选项卡

依次点击模块名称后面的【设置】，在打开的操作面板中选择【选项卡】，即可进行皮肤设置。

操作同4.1.5

4.7添加“导航”模块

4.7.1添加的操作流程

选中将要添加导航模块的布局，比如选择一个通栏来做导航模块：

点击【添加模版】按钮，打开添加模块操作面板，找到“导航”模块并点击【置入】：

置入完毕后默认显示如下图，可点击名称后面的【设置】来完善导航模块内容：

4.7.2设置

点击【设置】按钮后会弹出如下操作面板：

默认打开【配置】操作。

4.7.3配置

名词解释

导航名称：是指待超链接的文字

链接地址：是指点击文字后打开的网址

添加完毕后点击保存即可看到效果。

4.7.4皮肤

操作同4.1.3

4.7.5模板

操作同4.1.4

4.7.6选项卡

操作同4.1.5

4.8添加“自定义内容区”模块

4.8.1添加的操作流程

选中将要用来添加该模块的布局，并点击该布局左下角的【添加模版】按钮，在打开的模块选择面板中找到“自定义内容区”并点击【置入】，

置入完毕后显示如下，可点击【设置】来完善内容：

4.8.2设置

点击【设置】默认打开配置内容区域，通俗称呼为“HTML编辑器”。

4.8.3配置

自定义内容区功能简述，自定义内容支持使用：

1) HTML代码(仅支持body标签内的代码，不含body)

2) 部分CSS代码：常用效果的CSS代码也可以

3) Script代码：常见的javaccript代码

4) 系统内置的js库js代码

如果你写入了CSS代码，那么为了避免和系统css冲突请在你的CSS代码前面添加.user等标识，以避免和系统默认样式冲突。

4.8.4皮肤

操作同4.1.3

4.8.5模板

操作同4.1.4

因为轮播图模块可以用来做banner、导航、活动入口、重点推荐等诸多功能，所以该模块的模版按照用途去向分为几个小类，截图如下：

你可根据具体的使用目的灵活组合使用。

4.8.6选项卡

操作同4.1.5

4.9添加“轮播图”模块

4.9.1添加的操作流程

选中要添加轮播图模版的布局，通常用轮播图来做banner、首图等所以一般选择位于页面中上位置的布局：

点击【添加模块】按钮，找到轮播图模块并点击【置入】：

模块置入后默认显示效果如下图，可点击【设置】进行修改内容：

4.9.2设置

点击【设置】按钮，打开操作面板，默认会选中配置操作。

4.9.3配置

说明：

1) 点击【选择图片】上传轮播显示图。

2) 标题：输入每一张图片的标题。

3) 链接：输入每一张图片的链接到的网址，注意必须是京东网址。

操作完毕后点击保存，你最多可以设置8张轮播图哦。

4.9.4皮肤

操作同4.1.3

4.9.5模板

操作同4.1.4

4.9.6选项卡

操作同4.1.5

4.10添加“店铺简介”模块

4.10.1添加的操作流程

选中要添加店铺渐渐诶(改)模块的布局，然后点击左下角的【添加模块】按钮，该模块默认预置在“店铺简介页”里。如果没有特殊需要，请勿删除和移动。

点击【设置】可对该模块进行管理和美化。

4.10.2设置

说明：该模块的简介内容在供应商后台--【我的店铺】-【店铺装修设置】-【品牌简介】：

4.10.3皮肤

操作同4.1.3

4.10.4模板

操作同4.1.4

4.10.5选项卡

操作同4.1.5

4.11添加“店铺公告”模块

4.11.1添加的操作流程

店铺公告模块默认预置在店铺首页左下角的位置，如无特殊需要请勿删除。

4.11.2设置

该模块的内容维护在“供应商后台”-【我的店铺】-【公告海报管理】-【公告管理】。

点击该模块的【设置】直接定位到皮肤操作

4.11.3皮肤

操作同4.1.3

4.11.4模板

操作同4.1.4

4.11.5选项卡

操作同4.1.5

4.12添加“店铺招牌”模块

4.12.1添加的操作流程

店招模块默认在每一个页面的顶部，如果无特殊要求请勿删除该模块。该模块的内容维护在“供应商后台”-【我的店铺】-【店铺管理】-【店铺基本信息】。

4.12.2设置

点击可以进行修饰操作。

4.12.3皮肤

操作同4.1.3

4.12.4模板

操作同4.1.4

4.12.5选项卡

操作同4.1.5

5、页面设置

页面设置包含背景设置和分享设置。

5.1背景设置

在每一个页面装修的时候，浏览器窗口的左上角都有一个按钮叫【页面设置】点击它可以看到【背景设置】

说明：

背景颜色：可以选择或者输入背景色颜色值。

背景宽度：用来限定背景色、背景图的宽度;数值单位是像素，留空则表示全屏。

背景图片：请上传一张图片，大小限制300K。

采用“背景图片”结合“自定义内容区”模块可以制作出诸如“全屏banner”之类的效果。

5.2分享设置

为店铺增加分享浮动条，可以选择显示在页面的左侧还是右侧，同时可以设定默认分享词;支持分享店铺到新浪微博，腾讯微博，人人网，开心，豆瓣等其他第三方网站。

分享词，留空则程序自动读取一段文字，建议手动撰写文案后保存。

说明：

分享词：建议输入140字符内，因为要分享到微博等网站，超出部分将被对方网站自动截断。

可能会影响微博内容的完整性。

京东怎么装修店铺

装修京东店铺的方法：

1、首先账户登录到京东后台，然后找到“我的店铺”，点击进去。

2、在弹出的选项中选择第二个“店铺装修设置”点击进入。

3、然后在界面的右面会看到一个“店铺高级装修”，同样点击进入。

4、这个时候就已经来到了装修的内部，点击“店铺装修”，进入装修界面。

5、然后在这里有装修店铺的很多东西，可以按照选项进行一步步的操作。

京东（JD.com）是中国的一家自营式网络零售企业，1998年6月18日由刘强东在北京中关村创立，旗下设有京东商城、京东金融、京东智能、O2O及海外事业部等。2014年5月，在美国纳斯达克证券交易所正式挂牌上市。京东是一家总部设在北京的中国电子商务公司。它是中国两大交易量和收入的B2C在线零售商之一，是“财富”全球500强企业的成员。截至2018年第一季度，该平台拥有3.018亿活跃用户。京东公司由刘强东于1998年7月创立，其零售平台于2004年上线。它最初是一家在线磁光商店，但很快就多元化，销售电子产品，手机，电脑和类似产品。该公司于2007年6月将其域名更改为360buy.com，然后于2013年更改为京东。与此同时，JD.com宣布了其新标识和吉祥物。

京东店铺首页应该怎么装修

开一家属于自己的店铺装修设计是很必要的

作者：萌装修 发表时间：2023-12-27 16:53 【导读】 现在，不少的商家，选择在上开一家属于自己的店铺，而开一家店铺，店铺的装修设计就是很必要的，尤其是首页的装修，更是重中之重。

那么，店铺首页应该怎么装修呢?下面就为大家带来相关分享。 0

店铺首页应该怎么装修

1.主打产品 通常情况下，店铺的首页，主要展示的就是店铺里的主推宝贝，所以这个时候，商家就可以挑选几个主打款放在首页展示，其余的商品可以用链接的形式来关联 现在，不少的商家，选择在上开一家属于自己的店铺，而开一家店铺，店铺的装修设计就是很必要的，尤其是首页的装修，更是重中之重。那么，店铺首页应该怎么装修呢?下面就为大家带来相关分享。 0

【关键词】首页展示

1.主打产品 通常情况下，店铺的首页，主要展示的就是店铺里的主推宝贝，所以这个时候，商家就可以挑选几个主打款放在首页展示，其余的商品可以用链接的形式来关联。 在展示主打商品的时候，商家也可以加入像“新品上新”“店内大促”等醒目的提示语，既能展示宝贝，同时也能够在首页体现出活动。 0

店铺的活动，大多是以海报的形式呈现，而将活动海报全屏化的加到首页上，既能够凸显设计感，同时也能够体现出活动的重要性(图)

2.活动海报 店铺的活动，大多是以海报的形式呈现，而将活动海报全屏化的加到首页上，既能够凸显设计感，同时也能够体现出活动的重要性。 0

3个关键词让你的文章点击率翻倍

3.商招 商招，通常都是一些带有诱导性的文字图片，最适合放在首页上，一是因为首页能够带来巨大的流量，放在首页上的商招，更有点击率和曝光率;同时，商招体现的就是店铺的精神文化，放在首页也能够变相的为店铺做宣传、广告。 0

4.导航 导航是一个首页必不可少的因素，尤其是对于买家来说，导航的存在能够提升买家的购买效率，同时也能够加大店铺的客户留存度，也能为其他页面导流。 一般来说，导航一般有固定的设计区域，基本上都是在页面的上半部分，这样更有设计感，也更贴合买家需求。 综合来说，店铺首页的构成，和淘宝、拼多多首页一样，主要就是四个构成部分：店招、导航、海报、产品展示，只四样东西具备，且没有太过于位置错乱的话，首页的装修基本上就不会出大问题了。 【萌萌客:】提供专业的电商在线客服外包服务、电话客服及内容审核等服务，帮您简单客服难题。

土巴兔在线免费为大家提供“各家装修报价、1-4家本地装修公司、3套装修设计方案”，还有装修避坑攻略！点击此链接：【】，就能免费领取哦~