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

Shopify平台注册开店零此基础进阶教程–Shopify主题

Shopify主题的优先选择对许多人,特别是有优先选择自闭的人而言,是两件让人唏嘘的事。即使在优先选择主题的这时候,他们多多少少会紧密结合他们的业务和产品的前述情况,去较为各主题的色调布局,机能特征,然后优先选择出来那个和他们预期最相近的主题购买加装,可是使用了一两年之后发现,却是有各种不爽,又在考量呢除此之外两个主题更好许多,于是又加装了除此之外两个主题,再过一两年,又调回了以后的那个主题…

因此说在许多这时候没有优先选择的余地要比优先选择太多来的更痛快许多。就像前段时间,和一位朋友圈的朋友聊天,说他他们从接触Shopify到现在,一步步科学研究,搞掂了许多的技术难题:解析存取域名,给App加装代码,给主题加装Amazon重定向按钮,加装GA,Pixel代码… 的确,对大部份人而言,这些都是较为新鲜的玩意儿,虽然不难,但是假如要学,可能也却是要花个一天半天去折腾的,因此说,成长约莫就是这样被慢慢逼著的吧。不过,假如跟着教程操作一遍还不乐意,建议请教或是外包给他人,不要在这些事上浪费太多的时间。

回到第三集该文的主题,原本第三集文本有三部份的:

第三部份就宿苞他们来看看关于Shopify主题的优先选择,他们须要具体内容考量些什么难题; 第三部份总结几种查找竞争者网站,如何对竞争者的网站做单纯分析。

第三部份Ramanathapuram的分析下目前综合排名基威诺县前的Shopify网站colourpop的主题特征。

不过在发该文的这时候,考量到第三部份文本以后有不少人在朋友圈问到过,因此决定单独Kozhikode一篇该文详尽的说说。第三集该文的两个思路约莫就是具体来说和他们谈谈Shopify主题优先选择的这时候约莫须要特别注意或是要考量的事,然后去Google找其他人的Shopify网站,特别是做的较为好的同行竞争者的Shopify网站进行分析科学研究,对他们的网站需求有更加明确清晰的介绍。最后一部份文本紧密结合Colourpop这个网站Ramanathapuram的单纯谈谈我所看到的Colourpop网站的特征亮点。

第三集该文在工作之余断断续续写了有两个多星期,却是较为单纯的文本,前面会根据他们的反馈自动更新该文文本。

具体来说开始第三部份,优先选择Shopify主题,具体内容须要考量些神马难题。优先选择一款主题,你可能须要考量的难题约莫会有如下表所示几点:

主题的手写体,色调,网页排印主题的主要机能

主题的价格

主题的难题呢许多,售后服务能力如何主题的网页加载速度

主题的自适应能力

Bokaro (假如前面有想到捷伊重要的点,会再自动更新) 先来聊下主题的手写体,色调,网页排印

在优先选择主题,特别是自动更新主题的demo演示站点的这时候,是能忽视主题的手写体和色调的, 即使绝大多数主题在加装到你的Shopify网站之后,都是能完全自订各文本股的文字手写体、大小、色调以及主题网页各股的色调的。

但是要特别注意的是,这里他们说的是在优先选择主题的这时候能忽视主题的手写体和色调,并不是说这两个不重要,要知道,色彩在网络营销中有特别的象征意义,特别是在线网络营销。因此说在网站建站初期规划网站的这时候,紧密结合他们的产品和服务,他们心里对他们的网站色调艺术风格是要有两个大体的想法的。同时在科学研究竞争者的网站的这时候,也要细细琢磨下他们的网站手写体大小颜 色,色调艺术风格什么样是他们能照搬过来的,什么样是须要改进的,特别是那些流量相对较大的

Shopify网站,更具有参考象征意义。

上面是来自KissMetrics的一张重要信息图,他们能介绍下他们的数据科学研究结果(点击图片能查看大图或是下载图片)



重要信息图来源于: Kissmetrics: How do colors affect purchases?

这里推荐除此之外几篇Kissmetrics的博客该文,他们能去大体介绍下网站艺术风格色调对网站订单转化的影响,以及男女之间对待相同的网站色调做出的反应差别,却是蛮有趣,也挺实用的

(如下表所示截屏):

https://blog.kissmetrics.com/how-colors-affect-conversions/ https://blog.kissmetrics.com/gender-and-color/ https://blog.kissmetrics.com/psychology-of-color-and-conversions/



关于网页的排印,即使目前Shopify系统支持Section模块拖曳机能,因此,所有支持Section 机能的主题网页,特别是网站的网页的排印是很灵活的,上面在优先选择主题时要考量的的主要机能的许多点详尽说。

Shopify主题的主要机能

在第三方的Shopify主题站,例如Themeforest,优先选择购买付费主题以后一定要看好,该主题是否支持Shopify的Section机能,也就是Shopify Drap & Drop Section Editor Support字样, 网页模块拖曳自订模块机能。支持Section机能的主题,你能使用鼠标点击和拖动就能随意添加删减以及排序网页模块。

通常最捷伊Shopify主题都是支持Shopify的Section机能的,许多发布时间较为久的主题,可能是不支持Section机能的,也就意味着这类主题的网页排印是固定的(当然,假如你有对主题的二次开发能力,就是除此之外一回事了),你看到的Demo站是什么样子的,那你加装好主题之后就是什么样子的了。

除此之外主题会自带许多Shopify App也能实现的机能,比方说Mega Menu, Popup, Cross- Sell, Product Compare Countdown, Countdown TimerBokaro,主题的所有机能都仔细看一遍吧,一般来讲,主题机能越多,则价格越高,并且主题文件越大,影响网站打开速度的因素越多。要做个取舍。当然,如上所说,假如主题各方面都挺不错,但是就一两个你想要的机能没有,那能去Shopify的App Store找下相关的APP。

假如你是个新手,对这些感到迷茫,那你能用前面的方法去搜索你所在行业的Shopify网站,把那些你觉得不错的网站综合起来做个分析,在纸上和脑子里给你他们的网站做个基本的架构,那么前面在决定选用哪个主题的这时候就轻松多了。

主题的价格

https://yourshopify.com/有提供免费的Shopify主题,但是相对较为单纯,所有许多人会优先选择购买主题来满足某些特定的机能和须要。购买Shopify主题的主要途径包括,Shopify官方的主题商城, 第三方的主题网站如Themeforest和Templatemonster,以及主题开发者的官网。从付费主题价格来讲,Themeforest是首选,然后是主题开发者的官网,再然后是Templatemonster,最后是Shopify的theme store。

个人建议,假如须要付费主题,建议从正规渠道购买,所有上传到Shopify以及Themeforest 上的主题,都会经过Shopify或是Themeforest的全方面主题代码检查以保证安全,主题作者将他们的主题放在平台上销售期间也是接受平台监管的,因此在安全上的风险要小许多。下图是Themeforest对所有上传到其网站上的主题时的安全审核流程,供介绍



Themeforest安全审核流程

网上分享或是某宝网上的免费的或是低价的付费主题,不排除会有别有用心的人用这种方式来获利。安全无小事,因此却是建议他们优先选择正规渠道购买付费主题,切勿贪图便宜导致更大的损失。



主题的难题呢许多,售后服务能力如何

优先选择主题以后,特别是决定购买付费主题以后,一定要特别注意阅读下这款主题的Reviews,就像老外在Amazon上买东西以后肯定是要读读Review的,从他人的口中对这个主题有更加全面的介绍,包括他们对主题售后服务的评价,好,好在哪里,不好,为什么不好。有了更加

清楚的认识之后,再决定是否付款购买。

除此之外,假如是从第三方Shopify主题网站,例如Themeforest上购买主题,要看下主题是什么这时候发布的,自发布之后经历过几次自动更新,假如是一两年以前发布的,并且自发布之后就没有任何自动更新的主题,建议慎重购买,一方面是Shopify系统一直在自动更新,老旧的主题可能不适配捷伊Shopify系统,会出现各种各样的小难题;而除此之外一方面,发布时间久而且没有自动更新, 和主题作者的沟通,以及售后难题处理可能会较为麻烦。

主题的网页加载速度

上面是来自Kissmetrics的一组数据:

73% of mobile internet users say that they’ve encountered a website that was too slow to load.

47% of consumers expect a web page to load in 2 seconds or less.

40% of people abandon a website that takes more than 3 seconds to load.

A 1 second delay in page response can result in a 7% reduction in conversions. If an e-commerce site is making $100,000 per day, a 1 second page delay could potentially cost you $2.5 million in lost sales every year.

从这组数据就能看到,网站的打开速度的重要性了吧。Shopify网站速度优化会涉及到几个方面。

因此在优先选择Shopify主题的这时候,尽可能的避免那些有许多不必要存在的特效的主题,比方说加载进度条,动画,以及花哨的侧边滚动条等等,这些好玩儿的元素可能会吸引一部份网站访客,但是多数情况下,这些元素会降低你的网站的打开速度,造成相反的效果。

优秀的Shopify主题注重为用户提供单纯的在线购物体验,目标是卖出去尽可能多的商品,这约莫也就是Shopify官方开发出来的那些免费主题都是那样的简洁的原因吧。感兴趣的朋友能去看看Shopify主题制作团队是如何制作Narrative这个主题的,以及Shopify官方写给主题开发者们的该文,从中你也能约莫介绍许多关于主题的优先选择的考量因素。

performance

主题的自适应能力

自适应主题就是说这款Shopify主题能自动识别屏幕的宽度高度,并且自动做出相应的网页排印设计来适应屏幕大小,目标就是位来自各种屏幕大小访客提供最佳的网页浏览体验。

为什么自适应很重要?以后有几篇该文已经说到过,目前Shopify超过一半以上的订单都是来自移动端的,各渠道的流量来自移动端的也能占到半数以上。Shopify今年黑五网一的数据也显示移动端的订单数量已经是PC端的两倍了,因此说,主题的自适应能力非常的重要,直接关系到订单的转化。



他们不必去特别的关心某款主题是否具备自适应能力,能说99.99%的Shopify主题都是自适应的。但是具体内容的显示效果,浏览下单的体验如何,就须要去前述的观察测试了。因此建议他们在使用上面的方法浏览同行业的Shopify网站的这时候,重点也要关注下他们网站移动端的体验如何,有什么样地方值得学习的。

如何体验测试呢?一种方法是直接缩小你的浏览器窗口大小,不同的浏览器窗口,网页排印是不同的。不过假如你要精确的介绍某品牌某具体内容型号的手机的使用效果,就须要使用方法二了,使用Google浏览器, 在打开同行Shopify网站的情况下,按下F12(或是

Ctrl+Shift+I),然后点击右侧窗口左上角的手机平板小图标,就能了。左侧窗口顶部菜单栏能优先选择不同的手机/平板型号或是直接自订屏幕尺寸。如下表所示图所示



好了,以上就是目前我能想到的关于Shopify主题的优先选择要考量的许多事,前面假如有捷伊要特别注意的点,再自动更新第三集该文。

上面第三部份,就以上瞎叨叨的那些文本,带他们Ramanathapuram的分析下http://Colourpop.com这个网站的主题艺术风格用户体验。

网站首页

科学上网状态下打开Colourpop的网站的速度却是蛮快的,网站整体很简洁,文本间距不是特别紧凑,较为舒适。产品为化妆品彩妆之类的产品。



色调为紫红色,和上面他们看到的KissMetrics的分析是一致的 – Pink: Used to Market products to women and young girls; Purple: often seen in beauty or anti-aging products.



网站弹窗机能,用于collect潜在客户的邮箱地址。



产品列表模块在价格和Add To Bag之间添加了Review Rate


网站的Shop the Look 和 Instagram Gallery都添加了Shopable Instagram机能,点击Instagram的照片之后会弹窗显示图片模特使用的产品以及对应的产品链接。



当鼠标移动到网站购物车按钮时,购物车会自动从右侧滑出并显示产品图片,标题,价格, 数量,总价等重要信息



网站Collection网页

侧边栏有产品筛选机能,并且能自主优先选择显示却是隐藏侧边栏



支持Quick View弹窗快速购物机能 – 当鼠标放在图片上时,会显示quick view按钮,点击按钮之后,在下方会弹出产品大图,详尽重要信息以及购物车按钮。



产品列表网页能无限下拉,省去翻页加载的等待时间,体验相对更好许多。当鼠标移动到产品图片上时自动轮播该产品的其他图片.

同样在价格和Add To Bag之间添加了Review Rate.

网站内页Gift Shop下雪的特效,烘托节日气氛.

产品详情网页

限制购买数量机能



图片轮播放大机能

产品标题下方添加了Review Rating并且有Read Review锚链接重定向到网页底部Review股的机能

Cross-Sell机能

同样在网页中添加了Shop Instagram机能其他网页

购物车网页和Checkout网页没有发现特殊机能

FAQ网页和Contact us网页是单独做的,没有在Shopify的系统上 (这里个人觉得体验不太好的是FAQ在同一网页打开,而不是在新窗口中打开)

移动端的体验

Colourpop网站移动端的体验也是蛮棒的,具体来说移动端的菜单栏和购物车按钮和PC端的体验一致,都是从左侧右侧滑出,占满整个手机屏幕,体验很赞。

点击菜单栏按钮之后,整个菜单从左侧滑出,占满整个屏幕,点击LIPS之后,打开的是二级菜单,同样占满整个屏幕。


点击购物车按钮之后,购物车从右侧滑出,占满整个屏幕

Colourpop网站的产品列表网页和

PC端一样,也是支持无限下拉的, 这种体验在移动端上的优势很明 显,没有翻页按钮的打扰,算得上是一种沉浸式的体验吧。

产品详情网页,很赞的两个机能是购物车按钮固定在屏幕下方,不会随着用户下滑操作而导致购物车按钮从网页中消失,客户在看到任意两个地方,都能直接点击购物车按钮将该产品加入到购物车里。这个很值得借鉴。

产品详情网页的除此之外两个机能就是上图中购物车按钮右上方的那个圆形的紫色按钮 – 一款名为

Personalizer的Shopify App,能实现相关产品的智能推荐,机能强大,体验也相当不错,如下表所示图。推荐他们加装试用。

还有就是在购物车网页,结账按钮下方,会有Cross-Sell机能,这个也不错。










更多shopify咨询请关注https://yourshopify.com/,提供shopify主题购买,代运营,代建站

shopify主题购买 theme模板 shopify独立站代运营yourshopify.com/


更多谷歌推广,外贸建站咨询请关注西木建站https://www.weswoo.com/

西木建站—提供个人和企业建站推广解决方案 -www.weswoo.com/

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