将页面发布到Shopify菜单导航

Note that if your theme is not published yet, the PageFly pages you want to be added into the Shopify menu won’t show up. You need to publish your theme to see the PageFly pages to see it from clicking on the menu navigation.

Before going to the specific steps, you can watch this video tutorial to have a better view on how to link a PageFly page such as sales page or landing page with Shopify Menu

And you can also check and follow this guide to know some ways to build a highly converting Shopify store with PageFly.

在本文中,您将了解到如何将PageFly页面同步到Shopify商店并将其链接到Shopify菜单导航。

同步PageFly和Shopify页面

将PageFly页面同步到Shopify

只要您有有效的订购计划(包括免费计划),就可以随时从左侧的PageFly 仪表板或页面类型菜单访问PageFly页面。

pagefly navigation

在PageFly编辑器,也可以看到保存发布两个按钮。

  • 保存:此按钮将页面保存在我们的PageFly服务器上。
  • 发布:此按钮将页面保存在我们的PageFly服务器上的同时,将该数据同步到Shopify商店。 页面发布后,看到绿色的确认消息框。

为确保页面成功同步到Shopify商店,请转到 Shopify管理员> 在线商店 > 页面,可以看到页面已使用PageFly创建/发布。

pagefly navigation

重要提示

请注意,如果要编辑页面,则必须返回到PageFly编辑器仪表板。

将PageFly页面链接到Shopify菜单导航

为了使您可以从Shopify菜单导航中访问您的PageFly页面,请转到Shopify管理员>在线商店>导航>选择要添加PageFly页面链接的菜单(在示例中,我们选择了Main菜单) 。

您需要先命名页面。 您可以输入页面的名称或在页面中找到它,请参见下面的视频:

现在,您可以在实时商店中看到您的页面。

You can check this article to know how to create a password page with PageFly when you haven’t finished building your store yet (without publishing your pages)

从Shopify查看PageFly页面的源代码(可选)

如果要查找PageFly页面的源代码,则需要PageFly基于Shopify页面ID创建的唯一ID。

Shopify管理员>在线商店>页面,访问PageFly页面,您可以看到它实际上是一个在Pagefly编辑器URL中具有唯一ID的“页面模板”,(如下图所示,页面ID为f641c411)。 请注意,如果要查找主页的模板ID,它是index.liquid而不是数字ID。

接下来,转到Shopify管理员>在线商店>主题>您的主题名称>操作>编辑代码,就像如下图所示:

然后,在模板文件中往下查找该唯一的页面模板ID,您将找到PageFly页面的源代码。 在示例中,此文件为{/} page.pagefly.f641c411.liquid,如下图所示:

Congrats! You unlocked one more Shopify building block – the road ahead is no hassle-free, but we got you covered!

Check out our exclusive content: Step-by-Step Guide on How You Can Build A High Converting Shopify Store with PageFly

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages