Shopify高级指南:如何在2020年在线销售

如果您曾经接触过Shopify,或者没有接触Shopify初学者指南,则可能会遇到一些常规渠道无法帮助您的错误或问题。它可能是一款表现有趣的应用,也可能是某人从未想过的功能。在这些情况下让Shopify正常工作可能是一个真正的痛苦.


这些情况令人沮丧,但令人遗憾的是,如果您在Shopify环境中工作,那将是非常痛苦的事实。不过请放心,Cloudwards.net可以为您提供帮助.

在Shopify的高级指南中,我们将引导您了解有关Shopify的更高级的知识。我们将说明如何选择正确的主题以及如何自定义其主题和设计。最重要的是,我们将向您展示如何正确处理产品以及应该考虑安装哪些应用。让我们开始吧.

如何为Shopify选择合适的主题

首先,我们将向您解释什么是主题。可以将其视为商店的外观。您不会根据主题来决定商店的外观,但是会向特定的方向指引.

在开始建立店铺之前,请务必考虑将要使用的主题,因为这样做可以节省以后的时间和金钱。例如,如果主题具有内置的侧边栏功能,则您以后无需自定义主题,因为您可以毫不费力地将其添加到商店中.

在Cloudwards.net,我们创建了一个方便的核对清单,可让您轻松选择合适的主题.

Shopify-主题店

主题标准1:业务要求

听起来平淡无奇,但是选择主题时,您的业务要求很重要。正如我们在有关如何从头开始构建网站的文章中所说的,一切都始于草稿.

首先考虑您的要求,并列出您认为对您的商店来说必要的东西。我们建议您在考虑Shopify主题时,提出以下简短问题:

  • 您希望客户如何浏览您的商店
  • 是否应该有搜索功能
  • 您想在导航栏中添加侧边栏吗
  • 您是否需要大型菜单
  • 您的产品组合有多大
  • 您以后想如何推广您的商店
  • 您是否需要首页滑块
  • 商店应该配备博客吗

产品组合点尤其重要。根据您要在商店中展示多少产品,您的主题应该支持您而不是阻碍或阻碍您。 Shopify世界中基本上有三种投资组合大小:单一产品,小型目录和大型目录.

您可以在Shopify主题商店中找到主题,如果您看了一下,可以在每个主题的描述中找到它们各自的功能,包括产品组合的大小.

Shopify主题首次亮相

如果您喜欢的主题不能满足您的所有要求,请优先考虑。一个主题不可能满足您的所有需求.

主题标准2:搜索引擎优化

由于您可能不想一直放置付费广告,因此您还应该长期考虑有机营销。事先检查一些最重要的技术搜索引擎优化标准是有意义的,例如:

  • 第一视图加载时间
  • 页面速度移动
  • 页面速度桌面
  • 跨浏览器兼容性

您可以使用Google的PageSpeedInsights测试页面速度。话虽如此,因为这很耗时,而且并非所有主题都可能实现-您必须购买其中一些主题-您可以提前在互联网上进行研究.

Google页面速​​度索引

主题标准3:价格

不幸的是,钱不会长在树上,作为企业家,您必须时刻留意成本。这就是为什么出现旧问题的原因:免费还是购买?

我们可以建议您使用付费主题,但这仅是事实的一半。大多数付费主题在功能方面都更好。期。您必须根据您打算对商店做些什么来自己决定是否值得购买付费主题.

如果您倾向于免费设计,那也很好。就是说,您应该问自己几个与WordPress中的插件相似的应用程序,之后必须安装,因为大多数应用程序都花钱,并且会延长商店的加载时间。也许从付费主题开始比在免费主题上更有意义,而免费主题则必须配备应用程序.

最好的做法(尤其是对于初学者而言)是坚持免费主题,因为与第三方相比,从Shopify获得支持更容易。我们将在后面解释这意味着什么.

主题标准4:支持

支持和文档是选择最佳Shopify主题的重要标准。 Shopify为以下主题提供支持:

  • 无边无际
  • 最小的
  • 快速入门
  • 供应
  • 流行音乐
  • 出道
  • 简单
  • 创业
  • 布鲁克林区
  • 叙述

如果您选择的主题不是所列主题,则将依赖第三方开发人员。这意味着Shopify在主题细节方面无法提供太多支持.

也就是说,您需要检查Shopify一般提供多少支持。通常,当涉及技术问题和深入的定制时(Shopify就是这种情况),该服务会像第三方提供商一样向您收费或将您转发给第三方提供商,这又会让您付款为它的工作.

文档也很重要。看看主题的记录方式。您会惊讶于主题文档质量的多样性。特别是对于付费主题,质量变化很大。您可以在Shopify主题商店中找到每个主题文档的链接。.

Shopify-主题-供应文档

主题标准5:评论

最后但并非最不重要的一点:信任人群。您不是第一个开设Shopify商店的人。花些时间阅读评论.

不过,不要让不良评论使您不愿使用某个主题。在许多情况下,用户的评论是无知的,或者是在评论部分丢下的沮丧表情,正如我们在下面的屏幕截图中所见.

Shopify主题首次亮相

“ Swagger Boutique”抱怨首次亮相的主题。关于图片无法在手机上显示的说法是胡说八道。所有Shopify主题均响应当前标准。因此,您在做出决定之前应该遵循我们的建议并仔细查看评论.

定制:用液体推动像素

现在,您已经选择了想要的主题,我们将告诉您如何使用Liquid对其进行自定义以满足您的需求。请务必注意,如果您开始进行自定义,则应坚持使用主题,因为切换主题时,所做的任何更改,自定义和设计工作都会丢失.

简而言之,您将不得不再次进行开发工作。从一开始就尝试只使用一个主题,并使其受密码保护.

重要建议: 确保制作主题的多个副本。理想情况下,您应该进行定期备份并相应地命名,尤其是在安装应用程序时.

为了使您免于潜在的灾难,我们将向您展示如何使用Liquid在Shopify中进行开发。在接下来的几节中,我们将仔细研究Shopify开发环境中最重要的组件.

如果您需要有关Liquid编码的更多信息,请查看官方Liquid参考或联系开发人员.

定制基础

让我们从一些基础知识开始.

要访问商店的自定义菜单,请单击“在线商店”。菜单应显示以下项目:“主题”,“博客文章”,“页面”,“导航”,“域”和“首选项”。点击“主题”继续.

在屏幕右侧,您将看到两个大区域:“当前主题”和“更多主题”。在“当前主题”区域中,您会找到当前处于活动状态的主题。另一个区域显示您从主题商店下载的主题.

Shopify主题自定义基础

主题的右侧是“自定义”。单击它以访问定制菜单.

Shopify主题自定义基础定制

您现在位于自定义菜单中,可以在其中对主题进行所需的更改。在左侧,您将看到控制面板,通过该面板您可以编辑活动页面的各个部分.

Shopify主题自定义基础自定义控制面板

在“版面”旁边,您会找到“主题设置”区域,您可以在其中调整主题的常规设置,例如字体,颜色和图标.

Shopify主题自定义基础定制控制面板主题设置

您还可以在其中找到主题的文档以及支持的联系方式.

Shopify主题自定义基础自定义文档

您还可以在“主题操作”下深入了解主题的临时代码 > “编辑代码”可进行更深入的定制。我们稍后再讨论.

Shopify主题自定义基础编辑代码

在顶部栏中,您可以看到正在编辑的主题的名称。您会看到一个菜单,您可以在其中切换要自定义的页面.

Shopify主题自定义基础定制更改页面

在该菜单旁边,您可以在桌面版本和移动版本之间进行选择.

Shopify主题自定义基础定制移动版本

重要的是要注意,如果您正在自定义,浏览文档并意识到自己做对了所有事情,但是该功能仍然无法正常工作,这可能是因为Shopify中的某些功能(尤其是应用程序)仅在主题发布.

章节:逐一到一家美丽的商店

“部分”是可重用的构建块,可用于构建和设计Shopify主页。不过,除了到达网页外,无法在其他页面上使用它们。要了解目标网页的重要性,请阅读我们有关如何使用Instapage的指南.

基本上,Shopify区分静态部分和动态部分。顾名思义,静态部分是静态内置在主题中的。页眉和页脚是静态部分的很好示例。无法将它们添加到自定义菜单中。您只能通过编程插入它们.

Shopify主题自定义基础自定义静态部分

另一方面,动态部分是可以在定制编辑器中动态添加的构造块。您可以通过选择“添加部分”来实现。

Shopify主题自定义基础自定义动态部分

之后,您应该看到主题可用部分的列表。.

Shopify主题定制基础定制动态部分列表

如果您的清单看起来与我们的清单有所不同,请不要感到惊讶。大多数主题都有一些共同的部分,但许多主题也有自己的特殊部分.

选择正确的部分并选择它。名称旁边应出现一个“添加”按钮。该部分也显示在预览功能中.

Shopify主题自定义基础定制添加部分

如果要插入该部分,请点击“添加”按钮.

问题是,如果我们只能使用主页上的部分,为什么Shopify会区分静态部分和动态部分。我们怀疑Shopify也正在使用其他页面上的section功能.

Theme.scss.liquid:外观和感觉的核心

既然您知道如何更改目标网页的结构,我们将向您展示如何修改其外观。为此,请单击“主题操作”,然后选择“编辑代码”。

之后,您应该看到以下界面:

Shopify-Development-IDE

在那里,您可以看到很多文件,这些文件分为七个大文件夹:

  • 布局
  • 范本
  • 栏目
  • 片段
  • 资产
  • 设定档
  • 语言环境

“资产”文件夹对我们来说特别有趣.

Shopify-开发文件夹

打开“ theme.scss.liquid”文件.

Shopify-发展-SCSS

在大多数情况下,文件长数千行代码。在我们的示例中,有7,098行代码。那是因为所有样式都在其中完成。如果您想更改CSS,请帮个忙,在那里做.

Shopify产品:像Pro一样处理产品

现在,您知道如何更改商店的外观,我们将讨论其中的内容:产品。我们在新手指南中介绍了如何创建产品。现在,我们将更深入地讨论变体和选项.

所有产品都可以有变体,尽管不是必须的。每个变体都有不同的选项,否则变体就没有意义。一个常见的示例是颜色变体:

Shopify-产品-变量

从上面的屏幕截图中可以看到,您可以为同一产品配备不同的颜色,而不必为每个产品创建一个新产品,这非常方便.

如何在Shopify中导入产品

如果您的商店中有大量产品,则可能不希望将每种产品单独添加到商店中。这就是为什么Shopify提供批量导入功能的原因.

在Shopify的主菜单中,单击左侧的“产品”标签以进入产品菜单.

Shopify-主菜单-产品

点击“导入”。

Shopify-产品-导入

您应该会看到一个窗口,您可以在其中下载用于导入的.csv文件模板。用您的产品填充并再次上传。由于模板中的字段令人困惑,因此我们建议您在填写时使用Shopify官方解释.

Shopify-产品-导入-弹出

以下是更多专家提示,可帮助您轻松进行导入:

  • 如果您导入很多产品,请首先将产品图像上传到Shopify。这样可以确保图片已经具有Shopify URL,您需要将其写入上传文件。否则,您将必须手动将所有图像分配给产品和变体.
  • 对于具有变体的产品,您必须将某些字段保留为空,以便Shopify将其创建为变体而不是独立产品.
  • 当心Excel陷阱。默认情况下,Excel使用分号作为.csv文件的分隔符,但Shopify不会。确保上载文件用逗号而不是分号分隔.
  • 同样重要的是,将列表和枚举放在引号中,并使用句点(而不是逗号)来表示大小和价格.

应用程序:Shopify的有用增强功能

与WordPress中的插件一样,Shopify中的应用程序是功能扩展,您必须单独安装。有些是免费的,有些则不是。如果WordPress对您来说都是希腊文,我们已经准备了一些WordPress指南:

  1. WordPress入门指南
  2. WordPress中级指南
  3. WordPress使用高级指南

以下是我们的顶级Shopify应用:

工具包:投放更好的Facebook广告

Kit是Shopify开发的应用程序,可帮助您改善Facebook营销。它不仅可以免费使用,而且还可以充当虚拟助手,并定期向Facebook Messenger提出建议,以增加在线商店的访问量。这是任何为商店进行Facebook营销的人的必备条件.

Oberlo:在Shopify上找到要出售的产品

对于那些想通过其在线商店进行直接运送的人来说,Oberlo是一个完美的伴侣。该应用程序已连接到多个速卖通市场,例如AliExpress,并允许将产品轻松导入Shopify商店。.

您所要做的就是安装该应用程序,以浏览成千上万种产品,然后单击即可将其导入您的在线商店。客户在您的在线商店下订单后,您只需在Oberlo下订单即可直接从供应商将产品发送给客户.

Shopify-应用程序-Oberlo

Hotjar:真正了解访问者如何在您的网站上进行互动

Hotjar是一个有用的工具,可用于创建在线商店的热图。它还使您能够查看导航商店的访客的记录.

该应用程序之所以有意义,是因为它使您能够确定网站上运作良好的部分以及大多数访问者忽略的部分。这对于您的在线商店尤为重要,因为例如,您想了解哪些商品已查看但未购买。这使得Hotjar成为市场上最好的潜在客户生成工具之一.

您可以在Hotjar网站上了解它的详细工作原理以及如何将其集成到商店中.

大胆的自定义定价:销售和转化优化

Bold Custom Pricing是由Bold Commerce开发的,Bold Commerce是Shopify环境中的佼佼者,并开发了许多有用的应用程序。我们对加粗自定义定价特别感兴趣,因为它使您可以启用批量折扣和其他定价技巧。最重要的是,您可以创建客户群并以适当的折扣奖励忠诚的客户.

该应用程序的一大缺点是,Bold Commerce更改了很多主题,以使Bold Custom Pricing顺利运行。许多.liquid文件(例如product-template.liquid)看起来会有所不同,并且难以维护。您将依靠Bold Commerce支持.

有关应用的更多提示

每个应用程序都会更改主题代码。在安装任何应用程序之前,请确保进行备份。如果您不知道在哪里寻找优质的备份服务,请阅读我们的在线备份评论.

如果您的商店中安装了多个应用程序,则可能会在安装其他应用程序时遇到问题。在大多数情况下,这是因为主题和可能已安装的应用因商店而异,并且存储和更改代码的方式不同,无法以标准方式安装其他应用.

这也是您不应该尝试一次安装多个应用程序的原因。您会很快忘记更改。慢慢来,一次安装一个应用程序.

您也应该避免让支持团队立即访问您的商店。否则,您将不会知道已安装和集成了哪个应用程序,以及哪个不是.

最后的想法

希望我们通过这份深入的Shopify指南为您提供有用的提示和技巧。 Shopify是一个有用且良好的平台,可让您在眨眼之间建立在线商店,尤其是在您不知道如何编码的情况下.

也就是说,如果您具有先进的技术技能,Shopify将成为功能强大且可自定义的盟友,可以为几乎所有在线业务设计.

如果您还有其他基本问题,最适合您的是本文顶部链接的初学者指南。如果您还有其他问题,请随时在评论中提问。感谢您的阅读.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map