shopify123.cn--一个shopify自学开店、赚美金的网站!
当前位置:shopify > shopify模板 > 正文

一则该文带你介绍Shopify的全数页面结构设计_ch

Bokaro四月海市蜃楼

独立站的网页,结构设计从我的从业人员Shopify实战经验来看,一个网站的结构设计主要会包涵下列几个方面:①插件的优先选择 ②landing page的结构设计 ③主题优先选择和装修

上面我们就详细的来帮我们指导一下:



(1)Shopify的“IOS” 插件如是说


接触过Shopify的独立站商家应该都知道,Shopify有非常多插件,多到让人眼花缭乱,让商家十分头大,那时总结下比较称心的插件,期望能试试我们!上面我将分成7个新浪网给我们如是说这些插件。

单纯来说,Shopify就像一部智能手机,拥有智能手机只能满足你打电话、来电的基本需求,如果想实现买回东西、视频聊天等机能,你就要下载某宝、某信。同样shopify店铺开下来之后,也是只有基础的购物机能,但是Shopify 的相容性非常好,如果你要大批量管理工作产品,大批量管理工作订货,高级的邮件网络营销等机能,只需加装相应的插件方可。话不多说,已经开始那时的正题~

1)店铺结构设计

1.Sales Pop:快捷方式产品销售重要信息插件+快捷方式产品销售重要信息插件(有完全免费和订阅的版)

2.Privy:退出时快捷方式留存+机能强大的EDM网络营销(15天完全免费试玩)

3.BEST Currency Converter:静态货币显示(有完全免费和订阅版)

4.McAfee SECURE:网站安全性显示插件

5.Quick Announcement Bar:宣传栏插件(有完全免费和订阅版)

6.Product Reviews:文章控制系统插件(完全免费)

2)产品平台

1.Oberlo:目前比较火的这款产品开卖插件。Shopify 一件上海联和投资有限公司插件,单纯来说,就是把其他平台的货全屏搬家到你的Shopify店铺,顾客付款给你的shopify店铺,控制系统再自动付款给你的货源平台,适宜想做drop shipping的商家。商家可以将精力集中在网络营销上。

价格:分成完全免费、$ 29.90/月 、$ 79.90/月

2.Spreadr App:引入Amazon产品联营,赚取佣金(7天完全免费试玩)

3.Printful:在没有库存量的情况下已经开始新浪网零售店。出售订制服装,配件和家庭装饰产品,而无须库存量,也无须预付成本。

4.Modalyst:在数十个类别中加进数千个高利润率的产品,而不必担心包装和运输问题。在时尚,成衣,电子产品,保鲜盒,家居装饰品,运动装备以及全部零售商品的60-90%以上搜寻产品。

5.Spocket:美韩分销商及代理商沟通交流平台

Shopify的批发分销商,里面的产品都是从美国,欧洲,加拿大,亚洲等地的最佳分销商处寻找快速提货和热销产品,只需点击几下方可将其加进到Shopify零售店。

3)物流平台

1.ShipStation:物流平台(收费项目:最低$9/月,30试玩期)

2.Oeder Printer Templates:订货打印控制系统(支持发票、发票等等;完全免费加装,模板收费项目)

4)市场网络营销

1.Kit:接通Facebook电视广告(完全免费,需要BM和电视广告账户权限)

2.SEO Image Optimizer:网站SEO插件(有完全免费和$24.99/月)

3.Ominsend:电子邮箱+EDM(有完全免费和收费项目版)

4.Smile:积分及VIP服务(完全免费)

5.Better Coupon Box:代金券插件(有完全免费和收费项目版,14天完全免费使用)

6.Recart Messenger Marketing:第三方Facebook Messenger网络营销+科季夫再网络营销

7.Bold Discounts:订制折扣、优拜、预售等机能($ 14.99 /月,14天完全免费试玩)

5)顾客维护

1.Facebook Messenger:分享产品到Facebook中,并提供实时沟通交流(完全免费)

2.Tidio Live Chat:新浪网客服机能(有完全免费和收费项目版)

3.Easy Contact Form:在网站管吻收集重要信息的表格($ 9.99 /月,30天完全免费试玩)

6)库存量管理工作

1.Stocky: Shopify应用领域零售店中这款助力于库存量管理工作的完全免费应用领域(Shopify官方11.14新推出的)可实现订货采购、林宏吉、提货、库存量调拨、盘点和调整、报告分析等机能。(完全免费)

2.Bulk Product:大批量管理工作编辑产品(有完全免费和收费项目版)

7)产品销售机能

1.Countdown Timer Bar:科季夫买回倒计时插件($ 6.99 /月起,7天完全免费试玩)

2.Free Shipping Bar:科季夫网络营销,提供送货优惠、静态定位(完全免费)

3.Ali Reviews:Danaus文章引入($ 9 /月起,7天完全免费试玩)

Tip:最后,提醒我们:好酒莫神智不清,插件再好,也不能加装太多,一旦插件过多,将会影响网站的读取速度,造成顾客流失。一般建议同类型的插件优先选择一个适宜自己的加装方可。以上为我们整理的内容啦,期望能够帮你省事省力省钱!


所有插件搜寻网址:

https://apps.shopify.com/



(2)首页Landing Page的四个结构设计方法:

ROI是平的或者略亏的,就应该已经开始考虑站内强化,站内强化做的好,ROI就会提升很多。站内强化其中很重要的一个点就是着陆页的结构设计,一个好的着陆页体现的是更多的是高转化或者好的活动结构设计,现在就给我们分享几个shopify店铺中典型的几种着陆页的用法。一般来说,新手刚已经开始推广的时候,会选用shopify的产品页,类目页,或者直接店铺首页,那时如是说的是使用shopify page页自定义的着陆页。

用法1:打折促销活动

可以看到这个着陆页主要突出的是折扣的优惠以及优惠的时间,产品图片集中在一个地方,点击”Grab All My Hoodies At 17% Off”的时候是个bitly链接,然后跳转到分类目录,这样就可以统计从这个page网页进去分类目录的流量情况。

案例链接: https://innerartworld.com/pages/hoodies-collection-sale-vip

用法2:黑五比赛活动

填写完表单后,就可以进入下一步的社交分享。

具体的分享规则可以点击右下角的Rules(View RULES)查看学习。

说明:这里的比赛活动需要有一定的流程以及收集用户的邮件重要信息等,这个案例是通过https://www.viralsweep.com/ 这个第三方服务集成到shopify的page来实现的。

案例链接:https://www.trepadora.com/pages/black-friday(类似比赛案例:https://www.athletikan.com/pages/win,使用的服务是https://gleam.io/

用法3:amazon产品留评

点击LEAVE REVIEW就会跳转到amazon网站。

用法4:完全免费促销活动

做完全免费活动,只收邮费,点击后进入shopify的产品详情页进行买回。

以上的四种基本用法都是以活动为主,page数量不会多,最后再提一个page大批量的用法,直接给几个案例,都是超过一百个的page,具体怎么用我们自己去研究,也可以留言交流。

备注:通过google的site命令,可以查到某个网站page数量,注意,这里是最少的page数量,即是有被收录的page数量。

大批量page案例:

site:https://www.hameraypublishing.com/pagessite:https://adelanteshoes.com/pagessite:https://theglobalartcompany.com/pagessite:https://planetvegeta.me/pagesshopify利用page的几种着陆页的用法,都是点到为止,给我们以思路,具体的我们可以结合案例自己去分析,这些其实在独立站都是有这样的玩法,只是在shopify的page更容易搭建和使用,着陆页和活动的结构设计会大大提高转化,已经入门的同学可以已经开始考虑page的使用了。

(3)如何买回及优先选择合适的Shopify主题模板

很多跨境电商独立站经营朋友优先选择Shopify进行建站,原因之一是设置操作非常单纯,网站有很多主题模板可以优先选择,并且操作可视化,所见即所得。O(∩_∩)O。

那么怎样买回及优先选择合适的shopify主题模板呢?

一、买回shopify主题

总的来说,shopify主题分2种平台买回。第一种为shopify官网买回主题,第二种为第三方买回主题。

1、shopify官网买回主题

(1)打开主题模板网页

进入控制面板,优先选择新浪网零售店内的“模板”,右侧“访问模板零售店”

(2)查看主题模板

shopify提供71种模板,其中包括10个完全免费模板,61个订阅模板,费用在140-180美元之间。

2、第三方平台买回主题

(1)themeforet 主题森林

(2)templatemonster 怪兽模板

第三方提供多种平台模板,价格相对shopify来说更价格优惠一些,且可优先选择的模板种类更多,但买回的时候一定要确认主题是否适用于shopify店铺。与直接在shopify中买回的主题不同,在第三方买回的主题,需要通过上传才能使用。

二、主题模板优先选择原则

不管你通过什么平台买回主题模板,在优先选择的过程中,下列几点需要特别注意。

 从正规平台买回订阅主题,不要乱去下载一些完全免费的,不靠谱,存在风险。 根据自己商品特点,优先选择合适的主题,不要风格一点都不搭,看起来非常别扭,也显得不够专业。 不要在自己的主题中加进过多的元素,会降低网站打开速度,影响购物体验。 认真查看主题的评价,看主题的优点、缺点,全面权衡之后再决定买回。 具有自适应性。因为购物越来越趋向于移动端化,店铺能否在不同型号的智能手机上完美展现是非常重要的。

下列以shopify官网优先选择主题模板为例进行说明

1、根据左侧菜单进行筛选

你可以通过shopify提供筛选菜单,根据自己店铺的特征,按照自己想要的商品展示方式、主页特点等进行初步筛选。

2、通过对模板排序进行筛选

shopify主题提供3种排序原则:按照受欢迎程度、价格由低到高、价格由高到低。你也可以通过这种方式进行初步筛选。不过shopify目前一共提供71种主题,也就三页,你可以每个主题都看看。

3、查看主题

每种主题都有2-3种不同的版式,在外观上大体相同,但是具有的机能一样。你可以优先选择“Try theme”,可以将这个主题应用领域在已有的店铺里面。或者你可以优先选择”View demo”直接查看右边对应主题的零售店。如果你决定买回,直接点击”buy theme”,费用将会一次性直接从你Shopify网站绑定的信用卡里面扣除。

你也可以把网页往下拉,有一项“Stores using xxx”的展示。可以看看应用领域此款主题商铺的更多应用领域效果

更重要的一步,查看应用领域该主题的用户反馈,看评价高不高,了解主题的优点、缺点。

shopify主题地址: https://themes.shopify.com/themes


如上图所示,你可以在该网页左侧边栏按照主题价格,产品数量多少,网页布局方式,以及产品网页机能等等条件对主题进行筛选,也可以在右上角Sort按钮按照主题的价格,受欢迎程度以及主题发布时间对主题进行排序。

点击你看中的主题,进入主题之后,你可以查看主题的风格,以及这个主题的主要机能,如下图:


Shopify官方的所有主题都是无须下载的,点击Start with this theme (完全免费主题) / Try Theme (订阅主题) 方可直接加装该主题到你的Shopify网站,其中订阅主题为一次性订阅,费用会直接从你Shopify网站绑定的信用卡里面扣除。

主题加装之后不会自动启用,网页会自动跳转到你的Shopify后台 > Online Store > Themes 网页。要启用新加装的主题,需要在MORE Themes一栏中,点击主题对应的Actions按钮,在下拉选项中优先选择Publish按钮就可以了。

第三方的Shopify主题市场,

Themeforest (https://themeforest.net/category/ecommerce/shopify) 这家公司也是以卖主题模板,插件为出名的。用户如果在上面进行买回,请前往一点要注意:

你所要买回的主题的是否是Shopify

你所要买回的主题的是否是Shopify

你所要买回的主题的是否是Shopify

一定要和shopify的店铺兼容,否则就浪费钱了。

在Themeforest上买回主题之后,你就可以直接在shopify的店铺中,进行主题的上传

通常在第三方Shopify模板市场上买回的主题,下载下来的是压缩文件,压缩文件里面会有和很多和该主题的相关文件,例如Documentation, Licensing等等等等不需要上传的文件,因此首先需要解压缩,找到里面的需要上传的主题文件,然后再打开Shopify后台 > Online Store > Themes 网页,找到Upload Theme按钮点击上传,如下图:


这里注意:

所上传的文件必须是ZIP格式的压缩文件,上传文件最大50M,

如果你的文件超过50M请再仔细搜寻甄别你下载的主题里面哪个才是真正需要上传的模板文件。

模板上传成功之后,默认是未激活的状态,需要点击主题对应的Actions按钮,在下拉选项中优先选择Publish按钮来发布主题。

通常出现的上传模板文件出现错误的原因可能有:

未解压缩搜寻模板文件而是直接上传的从Themeforest上下载下来的压缩文件

下载过程中因为网速问题导致的文件不完整,出现上传错误

上传过程中因为网速问题导致的文件不完整,出现上传错误

在Shopify网站后台模板管理工作网页,主要有两大板块,一个是Current Theme, 一个是MORE Themes, Current theme就是你的Shopify网站当前使用的主题,Current Theme有且仅有一个主题。More Themes是你加装在Shopify后台的,其他未启用的Shopify主题。一个Shopify网站一次性最多加装20个主题,即1个激活的主题和19个为激活的主题。

每个Shopify模板在你的网站后台都会有两个机能按钮,一个是Actions,一个是Customize。

Actions按钮的机能包括:

Preview: 在你的网站前台预览Shopify主题显示效果

Publish: 激活该Shopify模板主题

Rename: 重命名该Shopify主题

Duplicate: 复制Shopify主题

Download Theme File: 下载该Shopify主题

Edit Code: 编辑该Shopify主题的代码

Edit Langulages: 编辑Shopify主题框架特定文字的语言或者显示方式

Remove: 从Shopify后台删除该模板

这里面,详细解释下上面的几个Shopify模板的Action机能

Duplicate – 点击Duplicate按钮之后,会在你的Shopify网站后台生成一个该Shopify主题的副本文件,意即你Duplicate Brooklyn主题之后,在后台会生成一个名叫Copy of Brooklyn的模板文件。Duplicate机能的使用目的通常是在你对你的Shopify网站进行排版,代码修改之前,做一个当前模板的备份,如果出现问题,可以尽快激活备份的模板文件使你的网站恢复正常。

还有就是在做一些特定活动的时候可以使用Duplicate机能,例如我使用Duplicate机能对Brooklyn模板生成了3个Copy of Brooklyn模板文件,并将这三个Copy of Brooklyn文件重命名为Brooklyn-NEWYEAR, Brooklyn-Christmas, Brooklyn-BlackFriday,分别对这三个主题进行编辑,在三个节日期间分别激活对应的模板,在平常激活Brooklyn主题。这样可免于对模板样式调整过来调整过去造成的麻烦。

Download Theme File: 下载Shopify主题,可以帮你快速的复制你当前的Shopify网站样式到新的Shopify网站,免于重新调整设置的麻烦。

Edit Code – 所有对Shopify模板的代码修改都是在这里进行的。建议在修改代码之前先使用Duplicate机能备份然后再进行修改,以免出现不必要的麻烦。

Edit Languages – 修改的是你Shopify网站的语言以及框架的文字内容。一个Shopify网站的文字内容由两个部分组成,一个是你可以在你的Shopify网站后台直接加进修改的,例如产品标题,描述,价格,产品目录名称,博客内容,网页内容等等等等,一个是你无法直接在Shopify网站后台直接修改的,如科季夫按钮上的Add to Cart文字等等。

在Edit Languages可以帮你修改你的Shopify网站的语言,例如将英语改为西班牙语。

也可以帮你修改网站框架的文字内容,例如科季夫按钮默认显示的Add to Cart改为全部大写的ADD TO CART,或者BUY NOW


Shopify另外一个机能按钮是Customize, 也就是Shopify网站各个网页板块的显示布局设置。

点击Customize按钮之后,网站会自动跳转到网站前台,并且在网站前台会有一个左侧边栏,列举了网站当前网页各个板块的机能设置。左侧边栏分成两个部分,一个是Sections机能,一个是Theme Settings机能。

Sections机能负责的主要是网站网页的布局以及各个板块内容的设置。

Theme Settings机能负责的是网站框架的颜色设置,字体设置,社交网络设置,科季夫网页设置以及结算网页的设置。

目前大部分Shopify模板是支持Shopify的Section模块机能的,在设置上所见即所得,也就是说你在左侧边栏做了哪些改动,在右侧网站前台视窗会做对应的改变。

如下图,将Newsletter板块移动到Featured Collection上方,只需要用鼠标拖动左侧边栏的板块名称,右侧网站前台视窗就可以即时的显示你所做的修改。

左侧的任意模块都是可以点击进去进行详细设置的,要加进模块,点击Sections项下的Add Section按钮,优先选择要加进的板块,点击Add按钮就可以了。然后对板块拖动进行网页的排序。

要删除某个模块,需要点击去模块,在该模块的最下方找到Remove Section按钮,然后点击确认保存,就可以了

在右侧的网站网页视窗上方左侧,为网页切换按钮,下拉优先选择不同的网页,会在左侧边栏显示不同的网页模块,然后对对应的网页进行设置。网站前台视窗的正上方三个按钮分别显示的是智能手机移动端的显示效果,带左侧边栏的显示效果,以及不带左侧边栏的全屏显示效果。

在右侧的网站网页视窗上方左侧,为网页切换按钮,下拉优先选择不同的网页,会在左侧边栏显示不同的网页模块,然后对对应的网页进行设置。网站前台视窗的正上方三个按钮分别显示的是智能手机移动端的显示效果,带左侧边栏的显示效果,以及不带左侧边栏的全屏显示效果。

Shopify主题之间的设置是相互独立的,也就是说,你在设置好Brooklyn主题之后,加装并激活新的主题,新主题需要重新进行网页排版,颜色字体的设置,而且对新的主题的设置不会影响到Brooklyn之前的设置,重新激活Brooklyn主题之后,显示的还是加装新主题之前的样子。


~以上三个板块足够让你建立一个优质的独立站网页~

版权保护: 本文由 shopify 原创,转载请保留链接: http://www.shopify123.cn/shopifymoban/2589.html

博客主人YeLongCu
男,文化程度不高性格有点犯二,已经20来岁至今未婚,闲着没事喜欢研究各种网赚,资深技术宅(联系QQ:1303712368)。
  • 文章总数
  • 424818访问次数
  • 建站天数
  • 标签