Publish page to Shopify menu navigation

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.

In this article, you will learn how to sync PageFly pages to your Shopify store and link them to Shopify menu navigation.

Synchronize PageFly and Shopify pages

You can access your PageFly pages anytime from the PageFly App Dashboard or page types menu on the left side so long as you have an active subscription plan ( this includes the FREE plan).

pagefly navigation

Inside the PageFly page editor, you can find two buttons: Save and Publish.

  • Save: This button will save the page on our PageFly server only.
  • Publish: This button will both save the page on our PageFly server and synchronize that data to your Shopify store. After the page is published, you should see the confirmation green message box below.

To make sure that the page is synced successfully to your Shopify store please navigate to Shopify Admin > Online Store > Pages and you should see that your page has been created/published with PageFly.

pagefly navigation

Important note

Note that if you want to edit the page you have to go back to the PageFly editor dashboard.

Linking PageFly pages to Shopify menu navigation

In order to have your PageFly page accessible from the Shopify menu navigation, please go to Shopify Admin > Online Stores > Navigation > and select the menu you want to add a link to on your PageFly page (we have chosen Main menu in this example).

You need to name the page first. And then, you can type the page’s name or find it in the Pages, please see the video below:

Now you can see your page on the live store.

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)

(Optional) Access PageFly page’s source code from Shopify

If you want to find the source code of your PageFly page, you will need the unique ID that PageFly created based on Shopify page ID.

Access the PageFly page from Shopify Admin > Online Store > Pages and you can see that it’s actually a “page template” with a unique ID in the Pagefly editor URL (in this case, the page ID is f641c411). Note that if you are looking for the template ID of your Home Page, it is index.liquid instead of a numeric ID.

Next, you have to go to Shopify Admin > Online Store > Themes > your theme name > Action > Edit code like the image below

Then, scroll down in the Templates file and search for that unique page template ID and you’ll find the source code of your PageFly page. In this example, this file is {/} page.pagefly.f641c411.liquid like the image below:

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?

Top 9 PageFly's features to Boost your Holiday Sales

Try out all PageFly features with Free plan
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!