商店的主页是访问者最先看到的一个页面。他们会形成他们的第一印象，决定是否留在商店。

一个制作不佳，主题不明，或配色昏暗的主页就是在破坏商店的形象。

即便有令人赞不绝口的 WooCommerce 商店，有用的应用程式，或者能极大地帮助访问者的生活或业务的服务，如果他们从来没有浏览过主页，他们也有可能不会看到。

主页的作用有很多。比如：

让访问者知道他们在正确的商店上展示商店的独特之处分析访问者的需求和问题告诉访问者他们下一步该做什么

这看起来非常多，不必担心，下面将逐一介绍主页设计的来龙去脉。了解设计一个出色的主页的重要性，商店主页的特点，以及帮助 WooCommerce 商店所有者建立主页。

为什么商店主页很重要

主页可能是商店上最重要的页面。除非访问者是通过搜索引擎访问商店，或是检视在社交媒体上分享的 WooCommerce 商店文章，否则主页是访问者最先会看到的商店页面。

第一印象很重要，尤其是在网上。主页将会设置与访问者的互动基调。

就像在实体店购物一样。走进商店的那一刻，就会先感受商店的美感，然后才开始与员工交谈。接下来，员工需要回答问题并将顾客引至商店的正确位置，从而创造积极的体验。

主页应该有同样的效果。商店应该引导访问者找到他们正在寻找的确切资讯或商店区域。因为没有人能在商店上引导他们，主页必须足够直观，这样访问者就可以独立完成这个任务。

如果没有这些资讯，访问者既不知道商店的主要内容，也不知道他们是否来到了正确的商店。

别担心，接下来将介绍如何建立一个出色的主页。

需要包含的基本主页元素

每当访问者登陆商店时，他们都希望在几秒钟内找到他们想要的东西。如果没有，他们会点选后退键，退出商店。

因此，主页的布局至关重要; 以下是商店需具备的要素：

1. 徽标和导航

先从每个商店都需要的两个元素开始：徽标和导航栏。徽标的目标是唤起访问者对品牌的某种感觉。它需要传达品牌的核心，同时展示品牌的独特性。

尽管徽标看起来很简单，但设计一个具有代表性的品牌徽标需要很长的时间。

接下来，是导航。

无论是在徽标下面，还是在它的右边，都应该放置导航选单。商店导航选单应该以合乎逻辑的方式呈现商店的重要页面，这样访问者就可以决定他们下一步可以访问哪些页面。

2. 引人注目的标题

在徽标和导航栏下面是访问者的下一个浏览介面。这个地方适合放置标题，这将独特地展示商店的核心内容。

3. 描述性副标题

在标题下面有副标题。在这里，访问者可以进一步地了解商店更多的资讯。副标题可以进一步阐明访问者的需求，或者进一步说明提供的服务。

副标题不是必需的，但这是一个吸引访问者浏览更多页面的绝佳机会，让他们知道他们来到了正确的商店上。

4. 行动呼吁

最后，是时候新增行动呼吁了，即 CTA 。这是告诉访问者他们下一步应该采取的行动的方式。比如说让他们更深入地了解服务，探索服务，注册列表，或者其他完全不同的任务。

5. 首页下方的内容

主页的这一部分会根据利基有很大的不同。 “首页下方” 部分是访问者必须滚动才能看到的内容。此部分将根据执行的商店型别和主页的目标而有所不同。

例如，一些商店会建立一个类似于销售页面的主页。因此，主页上会提供诸如推荐、社交证明、产品或服务福利等内容。

其他商店可能会直接显示 WooCommerce 商店内容的列表，包括公司资讯或简介，或者完全是其他内容。

除了上面提到的所有内容之外，可能还需要包括其他主页元素，如：

公司 WooCommerce 商店的一个部分，或者最受欢迎的文章对自己或公司的简短介绍联络方式或业务所在地图展示业务的拨出区域

如何在 WooCommerce 中建立主页

幸运的是，在 WooCommerce 商店中建立主页非常简单。然而，在开始建立主页之前，需要策划一下主页草稿，或者至少整个页面的内容大纲。

这是在为页面的总体布局和流程定下基础。写好了草稿之后，开始以下操作：

1. 在 WordPress 仪表板中导航到主页

在商店上安装了 WordPress 之后，主页就会自动建立。主页的部分外观取决于商店所有者选择的主题。

一些主题会有一个好多小部件主页，而其他主题只拥有基本的元件。

建立或访问主页之前，请导航到“页面>新增新页面” 。然后输入 “主页” 。

2. 自定义主页

然后，使用新的 Gutenberg 编辑器，新增名为 “块” 的新主页元素。要新增这些元素之一，请单击 “+” 图示，如下所示：

这可以建立新的主页部分，新增影象，视频店群，报价，标题等内容。

使用 WordPress Gutenberg 编辑器，可以建立一个包含许多不同部分的主页。

3. 使用标准的 WooCommerce 商店连结

如果正在建立 WooCommerce 商店，并希望将其设置为主页，那么也可以这样做。由于 WordPress 是一个内容管理引擎，所以这个操作非常简单。

只需导航到“设置>阅读”，然后从 “主页显示” 部分选择 “最新文章”：

希望以上内容可以帮助商店所有者理解主页的重要性。如果访问者非常喜欢当前出色的主页，那就无须做任何改动。

但是，大部分商店所有者都需要改善自己的主页。希望上面提到的技巧和商店示例能给商店所有者指明正确的方向。

它可以帮助 WooCommerce 商店所有者评估其他相关的流行商店，看看是他们如何构造自己的主页。这可以为商店所有者提供有用的资讯，商店布局的灵感，以及可以包含的其他元素。相关阅读搭建移动商店有哪些步骤。