Shopify店铺导航菜单设置 - Navigation的添加和管理

Shopify店铺导航菜单 Navigation 是我们设置网站前台顶部和底部导航菜单项目的基础。同时Shopify的Navigation也提供了一个链接重定向的内容。本节内容我们要做的就是把之前创建好的CollectionsPages以及Legal页面添加到网站的前台菜单中。另外要说的就是使用Shopify的URL Redirects生成我们自己网站的短链接服务。

Shopify网站导航Navigation的添加和管理

1 Shopify网站导航菜单设置

2 Shopify重定向URL Redirect使用教程

Shopify店铺导航菜单设置

打开Shopify的后台,在Online Store – Navigation页面,打开Shopify店铺导航设置页面。

Shopify系统默认生成了两个菜单,一个是Footer Menu,放到网站前台页面底部的菜单项目,一个是Main menu,放到网站顶部的菜单选项。点击右上角的Add menu可以创建其他菜单项目比方说 Sidebar menu。虽然名字写的是Main menu,footer menu,但是其实我们可以不局限于菜单名称,在主题设置的时候是可以把Footer menu放到网站前台顶部的,只不过方便管理,我们就一一对应的去设置就OK。

点击Main menu之后,进入到顶部菜单项目添加和管理页面。如下图所示,你可以修改Title以方便你的辨识管理。按照我自己的习惯,我会把Main Menu改成Header Menu,来和Footer Menu对应,方便其他业务在修改网站内容的时候理解。你甚至是可以直接使用中文填写在Title的位置的,菜单的Title文本框内容只是我们自己内部管理方便,不会显示在网站的前台。

点击Menu items板块中的Add menu item,可以给这个菜单项目中添加链接地址。通常我们要加在网站顶部的菜单为网站的产品目录,也就是我们在Collection中创建的项目,所以,直接点击弹窗中的Link,在下拉选项中选择Collections

然后依次将我们在Collection中创建的产品分类添加到这个页面就可以了。要在Shopify中创建下拉菜单,或者二级分类,只需要在下图所示的菜单项目中,鼠标按住并拖动Collection名称前面的6个点的图标进行左右上下拖动,就可以实现下拉菜单的设置。

目前shopify最多支持三级下拉菜单,要支持更多级别的下拉菜单,可以搜索安装相关应用来实现。

菜单设置好之后保存。打开网站前台,就可以看到如下图所示,在网站的顶部就是我们刚刚添加到Main Menu的菜单项目了。当鼠标移动到顶级菜单Dog的时候,就会自动出现下拉菜单选项,展示我们刚刚设置好的二级菜单。

如果你在后台设置好了Main menu,但是在网站前台的顶部还是看不到菜单,则需要你仔细阅读你的主题使用说明文档,需要你去主题中进行设置,才会出现在网站前台。

和Main menu的操作流程一样,我们需要把我们之前创建好的Legal页面以及Page页面中的About us,Contact us等等页面添加到网站的底部。同样进入到Footer menu的菜单项目添加页面之后,点击Add menu items按钮,在弹窗中选择Pages,然后将你之前创建好的页面依次添加到菜单中,然后选择下图所示的Policies,将我们在Legal页面生成的Privacy Policy,Refund Policy,以及Terms of service添加到网站底部菜单中。

保存修改之后,在网站的前台底部可以看到如下图所示的菜单项目。同样,如果你的网站前台底部没有看到任何变化,则说明你还要在网站的主题中进行进一步设置。

接下来说下Shopify的链接重定向URL Redirects功能。点击Navigation页面标题下方的URL Redirects打开如下图所示页面。链接重定向的目的是将原来有但是现在失效的链接地址重定向到现在新的可以正常打开的链接地址。

比方说,你原来用的是Woocommerce搭建的独立站,现在把网站系统换成了Shopify,那么原来Woocommerce上面的产品信息迁移到Shopify上之后,需要将原来Woocommerce上原来的产品链接地址重定向到新的Shopify网站上对应产品的链接地址,那么用URL Redirects就可以实现。

不过这里的一个应用场景则是,使用URL Redirect生成我们Shopify网站自己的短链接服务,而不是用Bitly生成短链接。方法很简单,在Redirect from输入任意单词,redirect from就可以看作我们自己制作的短链接。

如下图所示,我在Redirect from中填写了earphone,我的网站域名为iwaimaob2c.com, 则我的短链接地址为 iwaimaob2c.com/earphone, 当在浏览器中打开iwaimaob2c.com/earphone,则页面会自动跳转到我们在Redirect to输入的任何链接地址。而Redirect to填写的链接地址通常就是我们要推广的完整的产品链接地址。

为什么个人不太推荐使用Bitly的服务呢?如下图所示的一个Facebook广告中使用的就是Bitly生成的短链接地址。

当我们将该Bitly链接地址复制下来粘贴到浏览器,同时在链接地址后面添加上“+”号打开页面之后,就可以看到如下图所示的Bilty数据,也就是该广告中的Bitly链接在过去几个月的点击数据。这些数据相对还是比较敏感的,还是不要这么的轻松给潜在竞争对手做贡献了吧。

赞(16) 打赏
未经允许不得转载:歪猫跨境 | WaimaoB2C » Shopify店铺导航菜单设置 - Navigation的添加和管理

留言交流 5

  1. #3

    你好!想请问下怎么设置鼠标悬停后菜单的自动下拉

    独立站2年前 (2020-08-27)回复
    • 建议看下你的主题设置说明书有没有相关的设置,如果你用的Shopify主题没有自带这个功能的话可以在插件市场搜索 Mega Menu 查找相关插件来实现

      Conway2年前 (2020-08-28)回复
  2. #2

    你好 博主 ,如果是新店是不是就不用URL重定向了吧

    匿名2年前 (2020-05-28)回复
    • 对,不用

      Conway2年前 (2020-05-28)回复
  3. #1

    bitly+,现在好像只能看到创建时间和原链接了,其他看不了吗?

    匿名2年前 (2020-04-28)回复

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容

支付宝扫一扫打赏

微信扫一扫打赏