建立在线店铺可以有很多种方法,没有哪种是绝对正确的。许多人可能认为聘请专业的网页开发人员是最佳选择,但你可能想要听到的是:
你完全有能力自己学习如何设计一个Shopify网站。
当你进入DIY的思维模式并掌握了网站设计所需的基础知识,你就有了将自己的电商企业想法变为现实的能力。与其花钱外包并努力地向他人传达你的想法,自己动手可以让你用更少的开支、以更大的信心创建一个更能反映你创业精神的在线店铺。
Shopify的电商平台可以让你轻松成为自己的网页构建专家。阅读本文,了解如何在无需任何资深专业人士帮助的情况下,为你的在线店铺设计Shopify网站吧。
为什么选择自己DIY Shopify店铺?
选择自己DIY Shopify店铺有助于:
- 更快地启动在线店铺
- 随着时间调整店铺设计
- 节省更多资金
即使你从未创建过网站,甚至没有经营在线店铺的经验,你也可以自己构建在线店铺。护肤品牌Scrub Inspired的联合创始人基尔斯滕·汉利(Kiersten Hanly)说:“我的商业伙伴有商业和市场背景,而我有戏剧学位。”
“我们是对技术一无所知的完美例子,但利用提供给我们的资源,我们能做成几乎所有的事情。”
这些资源包括从谷歌搜索到论坛、帮助文档等他们能找到的一切。在尝试解决问题后,基尔斯滕提到与Shopify支持团队进行沟通也是个寻找答案和帮助的好方法。
知道何时寻求专家帮助
选择DIY你自己的电商网站并不意味着你要永远独自一人来做这件事。恰恰相反:由于你没有在这方面投入大量的业务预算,你可以更灵活地聘请专业人士来为你处理店铺或项目的某些特定部分。
这正是Scrub Inspired在其团队想要重建品牌时与品牌设计专家合作的方式。
基尔斯滕说:“当业务有所增长时,我们的下一步就是重建品牌。我们想弄清楚我们希望自己的产品是什么样子,以及我们在向哪些群体销售,并将这些信息作为我们网站实现的所有视觉效果的参考。”
“那是我们第一次与设计师讨论,他们与我们合作进行品牌设计。我们编制了完整的品牌指南,这意味着当我们使用网站构建器来设计网站时,我们知道应该关注哪些颜色。我们知道我们的目标市场是哪些群体。我们知道买家是从什么地方看到我们产品的。”
自己构建网站可能需要学习,无论是通过谷歌还是你身边的Shopify合作伙伴。
一个好的方法是先从DIY开始。聘请专业人士可能会让人感到安心,因为你知道他们知道自己在做什么。但你仍然需要做一些工作,因为你需要花时间与他们沟通,以便他们理解你的需求,之后你还需要依赖他们来进行任何更改。
如果你不知道如何在店铺中更改产品信息,那每当你需要调整时,你就必须联系你的网页开发团队。了解关于店铺基本运作方式的知识,对于小企业来说是一项良好的投资,无论你是想要永远DIY还是会在后续过程中聘请专业人士。
Shopify网站设计:五个简单步骤打造专业店铺
1. 规划你的店铺设计
人在设计任何事物的体验时可能都会有无数个不同的想法,还可能需要无休止地重复某些工作任务。如果没有确定店铺结构,设计你的在线店铺可能会让你感觉像是被困在最复杂的迷宫中,而四周没有出口标志。
因此,首先设计出你的MVP(最小可行产品)是很重要的。
MVP代表“最小可行产品”。进一步来说就是,它是启动你的店铺、收集反馈并根据反馈来改进在线店铺所需的最少工作量。
不要因为以最低限度的标准来推出你的第一家店铺而感到沮丧。例如,如果你看看像耐克这样的店铺,你可能就不会这么沮丧了。耐克的在线店铺曾经设计得非常简单,也没有图片,但它根据顾客反馈逐步进行改进,最终成为了行业领先的品牌和购物体验。
这是它在2024年的样子:
现在你已经熟悉了MVP网站的概念,接下来看看你需要规划的现代电商设计的六个原则:
1. 顾客信任
信任是很难建立的,但在店铺网站上添加如联系页面或可见的退货政策等元素,可以大大减少消费者在购买你产品时的犹豫。
此外,保留网页底部的“Powered ByShopify”(由Shopify提供支持)链接也可以帮助建立顾客信任,让他们了解到Shopify是一个值得信赖的平台。
2. 视觉吸引力
你的在线顾客无法实际触摸到或感受到他们感兴趣的产品,因此他们在作出购买决策时会非常依赖于强烈的视觉吸引力。拥有能够轻松传达和展示产品或服务价值的电商摄影图片是必不可少的。
苹果等公司在这方面就做得非常好,例如苹果手表的案例。
你可以看到苹果公司是如何展示不同年龄段的用户的,且其快速传达了其产品能为顾客提供的价值。
💡提示:建立一个能够吸引顾客注意的图库。如果你没有自己的照片,可以利用Shopify提供的免费图库,Burst,里面有大量展示生活方式的优质图片可供使用。
如果你找不到所需的内容,可以尝试Unsplash。这是另一个优秀图库,里面包含了由全球优秀摄影师上传的超多免版权费的图片。
3. 彩方案
简单而有效的色彩方案有助于你说服顾客采取你希望他们采取的行动。
例如,如果你将绿色按钮设置在红色按钮旁边,通常就会发现用户更倾向于点击绿色按钮,因为绿色与“前进”相关,而红色通常象征着“停止”。
在为你的在线店铺选择色彩方案时,应尽量保持简约的色彩风格。寻找在线店铺色彩方案的好方法包括:
Dribbble:你可以搜索“电商蓝色”(或你选择的其它颜色),然后就会搜索出许多采用蓝色的优秀电商网站。
Canva色彩调色板生成器:此工具可以通过关键词轻松搜索到色彩调色板。
4. 排版
保持正文的字体样式简单易读。对于标题,你可以在字体上稍微大胆一些。作为新手,建议仅选用两种不同的字体样式,这样管理起来会更容易,而不是尝试选用更多种类的字体并协调这些字体的风格。
5. 移动优化
有时,商家可能会忘记他们的在线店铺在移动设备上的浏览量通常会高于桌面设备。因此,优化你的网站以适应移动购物者是很重要的。
在现代社交媒体时代,品牌通常会在Instagram或TikTok等主要移动应用上推送内容。幸运的是,使用Shopify主题自定义工具,你可以在桌面和移动设备上预览你的店铺。
6. 产品集
将你的产品分入到不同的产品集中,以便顾客更容易找到它们。产品集有助于顾客根据他们的兴趣来浏览你的产品,而不必查看多个产品页面才能找到他们想要的东西。
例如,如果你的企业是一家珠宝品牌,你可以将产品集分为戒指、手链、耳环和项链等类别。在下图中你可以看到Pura Vida是如何将其产品分类,以便人们在其主页上找到它们的。
同样,一家服装品牌可以将产品分为裤子、衬衫、西装外套、短裤和鞋子等类别。看看Alex Mill是如何为顾客组织其网站导航的。
💡提示:为你的产品类别命名,并且要让你的目标受众能够看懂。要使用简单明了的产品类别名称,使其与购物者更可能搜索的词汇保持一致。更具创意性的名称可能会让购物者感到困惑,这样会妨碍他们进行购买。
选择你的Shopify计划
在你开发店铺设计的过程中,你可以将上述原则作为你的指导基础。规划店铺的最后一步是选择适合你企业需求的Shopify计划。
Shopify提供了多个计划,以帮助你的企业在每个阶段实现增长:
- 基础计划:提供创建店铺、发货订单和处理付款所需的一切。
- Shopify计划:适用于需要专业报告和更多员工账户的企业。
- 高级计划:适用于需要自定义报告和更低交易费用的老牌店铺。
- Shopify企业计划:适用于进行高销量销售的企业店铺。
你可以免费试用Shopify三天,无需信用卡。试用期结束后,再选择适合你企业规模和阶段的计划。
2. 选择完美的主题
接下来你可以选择Shopify主题,以作为你在线店铺的“骨架”。幸运的是,Shopify提供了大量出色的主题(包括免费版本和付费版本),你可以在Shopify主题店铺中找到。
如果你还没有注册,可以申请一个免费的Shopify试用版,无需信用卡。这样你就可以按照本教程来进行操作,而且你有整整两周的时间来构建你的在线店铺。
在选择主题之前,请问自己以下几个问题:
- 你的网页设计预算是多少?
- 你计划销售多少产品?
- 你所处的是哪个行业?
你的网页设计预算是多少?
Shopify主题的价格从免费到200美元(约1449元人民币)不等。
如果你刚开始创业并且预算有限,Shopify有许多优秀的免费选项可供选择。付费的高级主题通常会具有更多功能和实用性,比如集合过滤和大菜单,这可以节省你将来聘请Shopify开发团队来构建网页的时间。
你计划销售多少产品?
有些主题非常适合单款商品、50款商品,甚至1000款以上的商品目录。在浏览主题店铺时,你可以在“目录大小”标题下选择:
- 1到9款产品
- 10到199款产品
- 200款或更多产品
你所处的是哪个行业?
有些主题是根据行业特征专门设计的。例如,Streamline主题非常适合活跃的生活方式品牌,具有视频英雄和大图以及号召性用语等功能,以大胆的方式传达品牌信息。
在回答这些问题时,请记住:你不会永远“绑定”第一个采用的主题。Scrub Inspired迄今为止已迭代过三个网站版本,基尔斯滕分享说第二版的主题达到了他们的预期。
“在选择第二版主题时,我们选择了Shopify最简单、最基本的长期主题Minimal。我们选择它是因为它是Shopify主题,所以当Shopify更新时,他们就会更新自己网站的主题。此外,我们知道我们可以将其设计成任何样子。”
如果灵活性对于你来说很重要,就像对于基尔斯滕和Scrub Inspired一样,那你可以借鉴他们的经验,看看真实企业是如何使用你正在考虑的主题的,然后再做决定。
“我们研究了一些使用Minimal主题的其他网站,”基尔斯滕说。“对于其中一些,你可以明显看出这些网站用的就是这个主题,但对于大多数网站,你可以调整到让它看起来不像Shopify模板。我们的目标是找到一个简单的主题,可以将我们的品牌印上去。”
如果你想深入挖掘,你可以查找其他店铺如何使用某个主题的示例,许多主题页面都会展示该主题的实际应用示例。
3. 添加你的产品
现在你已经选择了主题,是时候向你的店铺添加产品了。你可以进入你的新Shopify店铺,点击产品>添加产品以创建你的第一个产品列表。
在这个页面上有几个决策需要做。接下来逐一分析。
- 写下你的产品标题。 你的产品标题能清楚地表明你卖的是什么产品。顾客在浏览店铺时会看到它。你应尽量保持标题简短,20到70个字符为佳。
- 添加描述。 描述并推销你的产品。你应该突出激励措施,解决常见问题和异议,并帮助顾客想象自己使用你的产品的情景。
- 上传产品照片。 添加高质量的照片,以最佳方式展示你的产品。加入动作镜头可以帮助购物者想象使用你产品的情景。
- 设置价格。 添加顾客购买产品时需要支付的价格。有多个变量会影响产品定价,例如运输成本、原材料和产品的感知价值。
阅读更多:如何撰写产品描述(示例+模板)
4. 设置你的插件和偏好
能让你的Shopify店铺取得成功的另一种方法是向店铺添加Shopify应用。这些插件程序可以为你的店铺提供额外的功能,帮助你创造更好的购物体验并提升销量。
Shopify应用店铺提供了超过8000个应用供你选择。在此你可以找到能帮助你寻找可售产品、吸引顾客、交付产品、掌握搜索引擎优化(SEO)、自定义店铺和扩展业务的应用。
你有无尽的选择。安装Shopify应用非常简单。其中大多数应用也提供免费试用,因此你无需担心前期支出。
了解更多:20款最好的免费Shopify应用,助你轻松打理网店
你还可以自定义Shopify店铺中的各种设置,包括:
- 结账
- 电子邮件通知
- 税务
- 运输
- 语言
结账
虽然结账模板不能进行大幅修改,但你可以对其进行自定义以匹配你的品牌外观和风格。
在主题自定义器中,你可以在顶部下拉菜单中找到结账模板设计选项。点击“结账”后,你会发现左侧屏幕上的可编辑选项也会发生变化。
为了保持网页简单有效,请确保执行以下操作:
- 上传一个可读的且不占用太多空间的徽标。
- 更新你的标题和正文字体,以匹配现有网站样式。
请确保你的网页背景和按钮颜色与其他一般设置的风格相一致。处理这些简单的更新工作能让你的结账页面看起来就好用且能保持一致的风格。
电子邮件通知
人们常常认为购买过程在结账时就结束了,但事实并非总是如此。你可以自定义各种购买后电子邮件并设置好以使其能自动发送给顾客。
电子邮件通知是一个强大的内置功能,可以向顾客传达关键信息,例如订单何时已确认或物品何时正在发货。
幸运的是,使用Shopify,你可以自定义这些通知电子邮件模板以匹配你的在线店铺品牌指南。要做到这一点,你可以跳转到管理面板,导航到左下角的“设置”,然后点击“通知”。
与结账类似,有几个选项是用于自定义电子邮件通知的,包括上传徽标和自定义按钮颜色。
一个很好的办法是尽可能地让这些通知保持简洁明了,但如果你想增强它们的效果,建议使用UpOrder等应用。UpOrder可以让你选择不同的电子邮件通知布局,并做一些非常不错的事情,例如嵌入自定义折扣码以便顾客重复购买或向顾客推销互补产品。
税务
只需转到设置>税务和关税即可开启销售税收部分。Shopify会应用默认税率,并定期更新。但你可以根据具体情况进行更改。
使用Shopify税务手册,你可以快速且全面地了解如何设置店铺以缴纳销售税。
阅读更多:如何报税:小企业指南(英文)
运输
运输可能是电商业务中最复杂的部分之一。因为有许多因素需要考虑,例如产品重量、包装成本、运输目的地和承运人费率。你可以在Shopify管理中编辑运输设置,路径为设置>运输和交付。
你可以编辑运输偏好,例如:
- 运输区域
- 有条件的运输费率
- 实时计算的运输费率
- 本地交付和自取选项
- 运输标签
- 连接承运人账户
关于Shopify运输:通过使用Shopify运输,你可以获得折扣费率、在Shopify中打印运输标签,并在单一后台管理订单履行事宜。
语言
你还可以以多种语言展示你的店铺。在为店铺添加新语言时,必须提供翻译。如果你正在添加新语言,请确保你已经准备好了翻译,或者已从Shopify应用店铺安装了翻译应用。
你只需在Shopify管理中,转到设置>语言,即可选择添加语言以设置语言偏好。
5. 添加个人化元素
选择主题后,你就可以开始自定义店铺页面的外观和风格了。在自定义工具中,你会发现主题设置在主页选项下方。选择该选项后,你就可以根据所选的调色板来更新你的色彩方案,以及根据所选字体来更新标题和正文排版。
注意:
每个主题都有自己的一套可配置选项,但颜色和排版通常是相同的。
自定义你的主页
你的网站主页通常是顾客与之互动的第一个网页。你有大约三秒钟的时间来给目标受众留下深刻印象,吸引他们了解更多关于你品牌的信息并探索你的产品目录。
以下是确保你的网站主页设计能够产生效果的三个重要策略:
1. 确保传达清晰的信息
让你的受众尽可能清楚他们将会进入什么页面,并提供明显的号召性用语以吸引顾客访问特定页面、产品集或产品,这样他们在购物时才会优先考虑你的在线店铺。你应确保你的号召性用语(CTA)设置在页面的上方,即用户无需向下滚动页面即可找到的地方。
简洁的文案最能激发顾客采取行动。一个很好的例子是服装品牌Chubbies的网站。
其主页传达了该品牌销售泳装,并通过“买二件省10美元”(约72元人民币)的信息来吸引顾客购买。这个CTA不仅能让顾客兴奋地购物,还提高了平均订单价值。
确认你已简化你的网站导航
一般在网站导航中通常能看到具有最高优先级的项目,比如特定的产品集、关于页面或品牌历史,以及顾客在需要咨询购物相关问题、退货政策或运输问题时联系你的简单方式。
一个好的例子是BrightLand。
在主页上展示畅销产品
在主页上突出你的畅销产品,可以让顾客了解到你最受欢迎的产品。这有助于减少他们在购买时的犹豫。 Girlfriend Collective运动服品牌就在其主页上很好地运用了这一策略。
自定义你的产品页面
你的产品模板可以说是你网站上最重要的模板。这是顾客了解某款商品最多信息的地方,也是他们在点击“添加到购物车”或“立即购买”之前与产品互动的最近距离。
许多顾客在购买某些产品时往往会犹豫不决,尤其是在购买他们不熟悉的品牌产品时,以下几个设计相关元素可以大大减少顾客的犹豫,同时提供一些示例:
强有力的描述和图片
撰写强有力的产品描述的一个好策略是确保你传达了购买该款产品的好处。
这样,顾客就能了解到购买你的产品将会获得什么。明确“为什么”可以消除买家在添加到购物车之前可能会有的任何疑问。
除了你的产品描述,产品图片是传达信任的最简单方式。买家会希望看到产品的外观以及如何使用该产品。
如果你是新手,那你至少要为每款产品准备一张照片,但应确保它在白色背景上展示,并尽量保持所有产品照片的一致性。
如果你的主题设计允许,你可以尝试添加一段在生活环境中展示产品的视频。这有助于你传达产品的价值,并增加顾客购买它的可能性。它可以唤起顾客与产品之间的情感联系,让他们能开始想象自己与所考虑购买的产品的关系。
美容品牌Glossier在解释其眉胶的使用好处方面就做得非常出色,它提供了出色的前后对比图,直观地解释了其产品能够为顾客带来的积极影响。
评价
收集和展示评价几乎与金钱本身一样重要。这不仅是与新顾客建立即时信任的绝佳方式,而且也是让顾客分享他们使用你产品的个人照片和视频的好方法,而这些内容是你可以在后续的市场营销中用到的。
信任标志
添加信任标志是减少新顾客犹豫的一个很好的视觉方式,尤其是对于那些从未购买过你的产品或可能不太熟悉你品牌的顾客。
信任标志可用于传达你的退货和运输政策。例如,你可以宣传30天退款保证、100天试用政策或提供免运费和免费退货的优惠。
改善你的Shopify店铺设计,以提升销量
作为电商,你肯定会想让你的店铺完美地反映你的品牌形象、产品和愿景。毕竟,这是你的企业,而且对于许多电商创业者来说,这也是他们唯一的店面。
尽管如此,你心中完美的店铺如果没有上线,那就无法接收订单。你不能对不存在的事物进行反馈和改进。
因此,在你努力建立在线店铺并推出它时,请记住,在你的店铺上线之后,你也还是可以随时对其进行更改——包括重大更改,比如重建品牌或在你有预算时与专业人士合作进行重新设计。
Shopify店铺设计——常见问题
Shopify店铺设计容易吗?
创建Shopify网站快速且简单。使用模板和拖放网站构建功能,你可以在几小时内成功构建出自定义的Shopify电商店铺。立即开始使用Shopify吧
Shopify会为你创建网站吗?
Shopify提供有数百个网站模板,称为Shopify主题,因此你可以快速构建电商店铺。Shopify不会为你创建网站,但你可以使用Shopify主题和自定义功能自行构建。或者,你也可以聘请一家专门从事Shopify平台的网站设计公司来构建自定义主题。立即开始使用Shopify吧
构建Shopify网站需要多长时间?
使用Shopify主题,你可以在25分钟内成功构建出一个MVP Shopify网站。如果想要完全设计好网站、添加产品和编辑偏好及插件,那通常需要花几个小时。立即开始使用Shopify吧
聘请Shopify网站设计师的费用是多少?
这因情况而异。如果你使用自定义网站的自由职业网站设计服务,那可能会花费5000到2万美元(约3.6万~14.5万元人民币)。如果你想聘请大型机构来构建大型项目,那费用可能会更高。立即开始使用Shopify吧