首页 理论教育 如何优化PC端首页装修?

如何优化PC端首页装修?

时间:2023-06-11 理论教育 版权反馈
【摘要】:图3-34进入PC端装修界面上一步操作,在如图3-35所示的店招区域点击“编辑”按钮。图3-38“发布站点”界面图3-39“确认发布”PC端店招界面2.PC端海报制作PC端的图片轮播区域可以发布店铺促销海报,为店铺主打款、爆款做宣传。图3-52导航栏效果4.PC端自定义促销宝贝制作打开店铺装修界面,进入如图3-53所示的自定义促销宝贝区域,点击“编辑”按钮。

如何优化PC端首页装修?

1.PC端店招制作

(1)在千牛卖家工作台中点击“店铺管理”下的“店铺装修”,如图3-33所示。

图3-33 进入店铺装修界面

(2)跳转到店铺装修界面后,点击如图3-34所示的“PC端”,再点击“装修页面”,进入首页进行店铺装修。

图3-34 进入PC端装修界面

(3)上一步操作,在如图3-35所示的店招区域点击“编辑”按钮

图3-35 店招编辑区域

(4)在如图3-36所示的界面中选择默认招牌,添加自己的店招图片即可。注意,图片高度有限制,不能超过120像素。此外,还可以选择是否将店铺名称显示在店招上。

图3-36 默认招牌界面

(5)在如图3-37所示的界面中,商家也可以自定义招牌,插入文字和图片。这样的编辑比默认方式会麻烦一些,但店招界面会更有特色。建议商家按照店铺风格设计自定义招牌。

图3-37 自定义招牌界面

(6)编辑完成后返回上一页面,点击右上角的“发布站点”(见图3-38),在弹出的对话框中点击“确认发布”(见图3-39),即完成了店招的制作。

图3-38 “发布站点”界面

图3-39 “确认发布”PC端店招界面

2.PC端海报制作

PC端的图片轮播区域可以发布店铺促销海报,为店铺主打款、爆款做宣传。顾客点击即可跳转到促销界面。可以说,这是店铺首页非常重要的内容模块之一。

(1)打开店铺装修界面,找到如图3-40所示的图片轮播区域,点击“编辑”按钮。

图3-40 图片轮播区域编辑界面

(2)在图片轮播的“内容设置”中,可以添加海报图片及对应的商品链接,可以只用一张海报,也可点击图3-41中的“添加”按钮,从图片空间的照片里选择促销海报,添加多张促销海报。这需要商家提前将海报照片上传到图片空间。复制宣传商品的网址链接,粘贴进“链接地址”中,如图3-42所示。

图3-41 “内容设置”添加界面

图3-42 图片轮播——“添加图片”界面

(3)第二张海报的操作流程同上,最终内容设置如图3-43所示,点击“保存”按钮,再提交装修修改,即可完成图片轮播的制作。

图3-43 图片轮播——“内容设置”界面

(4)进入淘宝店铺首页查看海报轮播效果。从图3-44所示的效果可以看出,在提交时没有对照片进行处理,导致图片大小不太合适。因此,商家在提交修改时要注意海报尺寸,按要求进行修改后再上传,以达到最好的效果。

图3-44 图片轮播反例效果(替换成正确的效果)

3.PC端分类导航制作(www.xing528.com)

(1)打开店铺装修界面(见图3-45),找到导航栏区域,点击“编辑”按钮。

图3-45 导航栏区域编辑界面

(2)在导航栏的“导航设置”中点击如图3-46所示的“添加”按钮,添加多个导航栏目,但最多只能设置12项一级内容。

图3-46 导航栏——“导航设置”界面

(3)在如图3-47所示的界面中,可以展示之前对宝贝的一级分类,也可添加二级分类。

图3-47 导航设置——“宝贝分类”界面

(4)此外,还可以自定义链接。例如,有促销打折商品时,可以在图3-48中的“链接名称”中输入“折扣”,并将活动页面的网址复制到“链接地址”中,点击“保存”按钮即可添加自定义的折扣栏。

图3-48 导航设置——“自定义链接”界面

(5)最终的“导航设置”如图3-49所示,点击“确定”按钮即可添加设置好的导航栏。

图3-49 “导航设置”示意

(6)在“显示设置”中可以对导航栏进行颜色、符号、图片等方面的装饰。从图3-50可以看出,“显示设置”中需要输入代码。可以通过Dreamweaver软件,新建HTML文件来进行创作。

图3-50 导航栏——“显示设置”界面

(7)图3-51是导航栏经过装饰后的效果图,比默认的导航栏美观许多。

图3-51 装饰后的导航栏效果

(8)如图3-52所示,在页面编辑区域可以看到导航栏已经修改完成,点击后查看是否能够跳转至对应的页面,如果没有,就说明未输入链接或者未对宝贝进行分类。最后点击“发布站点”即可。

图3-52 导航栏效果

4.PC端自定义促销宝贝制作

(1)打开店铺装修界面,进入如图3-53所示的自定义促销宝贝区域,点击“编辑”按钮。

图3-53 自定义促销宝贝区域编辑界面

(2)在如图3-54所示的“宝贝设置”界面中,添加左侧大图宝贝和右侧小图宝贝,点击“选择宝贝”按钮,可以在之前发布的宝贝中选择促销宝贝。一般将折扣力度最大的宝贝放在大图位置,将折扣力度小的宝贝放在小图位置。

图3-54 自定义促销宝贝——“宝贝设置”界面

(3)在如图3-55所示的“显示设置”中,可以设置自定义促销宝贝区域的名称。默认情况下是SALE和特价。商家也可自行修改,如改成限时特惠等。

图3-55 自定义促销宝贝——“显示设置”界面

(4)提交后预览,即出现如图3-56所示的界面。

图3-56 自定义促销宝贝效果图

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈