手把手教你设置Shopify导航菜单

提升店铺转化率!手把手教你设置Shopify导航菜单

研究表明,清晰的导航菜单可以将电商网站的转化率提升高达30%!很多Shopify卖家却忽略了导航菜单的重要性,导致用户找不到想要的商品,最终离开店铺。本文将手把手教你如何设置Shopify导航菜单,提升你的店铺转化率。

Shopify菜单示例

在Shopify中,菜单主要应用在网页的页头和页脚,菜单的外观和位置取决于使用的Shopify主题。

免费主题支持常规下拉菜单、抽屉菜单以及多列布局的超级菜单,而大多数付费主题则支持展示图片或产品的超级菜单,更适合商品种类丰富的电商网站。

1.页头菜单

页头菜单一般用于展示网站的核心页面,如 产品分类、促销活动页面、博客文章、联系页面 等,下面是免费主题 Dawn 的页头菜单展示:

以下是付费主题 Prestige 的页头菜单展示,支持可显示图片的超级菜单:

Shopify最多支持两级的菜单嵌套,即支持三级菜单。对于需要更复杂导航结构的商家,可以通过二次开发主题或 使用Shopify插件 实现,以下是三级菜单结构示意图:

2.页脚菜单

页脚菜单主要显示商店政策信息和联系信息等内容,相关内容请查看 如何在Shopify创建政策页面

页脚菜单支持两层菜单,结构层图示意图如下:

下面是免费主题Dawn的页脚菜单展示:

以下是付费主题Prestige的页脚菜单展示:

了解基本概念后,下面演示如何创建Shopify菜单。

创建Shopify菜单

1. 创建全新菜单

进入到Shopify后台,选择【内容】 > 【菜单】,位置如下图所示:

Shopify 预设了三个不可删除的默认菜单,你可以在预设菜单的基础上编辑内容:

  • Main Menu:主要用于制作页头菜单
  • Footer Menu:主要用于制作页脚菜单
  • Customer account main menu:用于客户账户页面

同时,你可以创建全新的菜单进行编辑,更加灵活。这里演示如何创建一个页头菜单,点击上面截图中的【创建菜单】。

2. 添加菜单项

接下来,输入菜单名称以便区分不同菜单,然后点击【添加菜单项】:

下一步,输入菜单项名称及目标链接,具体操作如图所示:

重复上述步骤,依次添加所有菜单项,效果如图所示:

3.调整菜单顺序

要实现菜单的分层与嵌套,需调整菜单项的顺序,具体操作如下图所示:

所有菜单的创建方法一致,保存设置后即可应用于页头、页脚及客户账户页面。

设置菜单

菜单内容属于后台数据,更换主题时不会消失。若要在页面显示菜单,需在主题模板编辑器中设置,点击主题【自定义】:

1.设置页头菜单

进入模板编辑器后,在【标头】中选择更换目标菜单:

免费主题在PC端提供三种菜单展示类型:下拉菜单、超级菜单和抽屉式菜单,你可以在此处选择所需的菜单类型:

免费主题的超级菜单不支持显示图片和产品,仅支持多列布局,如下所示:

2.设置页脚菜单

在模板编辑器中,点击【页脚】 > 【添加块】 > 【菜单】:

若需添加多个页脚菜单,需添加多个“块”,并在页面右侧配置各块的菜单信息:

3.设置客户账户页面菜单

客户账户页面的菜单内容可通过直接编辑 “Customer account main menu” 来设置,操作方法与上文所述的菜单设置一致:

客户账户页面菜单显示效果如下:

以上就是Shopify导航菜单的创建流程和设置方法。此外,你可以通过 Shopify系列教 了解如何从0到1搭建Shopify独立站。

这篇文章有用吗?

平均评分 0 / 5. 投票数: 0

到目前为止还没有投票!成为第一位评论此文章。

很抱歉,这篇文章对您没有用!

让我们改善这篇文章!

告诉我们我们如何改善这篇文章?

滚动至顶部