PageFly - Publish page to Shopify menu navigation

7460 views PageFly 8

In this article, you will learn how to publish your PageFly to the Shopify menu navigation .

Synchronize PageFly and Shopify pages

Sync PageFly page to Shopify

First, you access your PageFly page in the Manage pages dashboard.

PageFly Manage pages dashboard

Inside PageFly editor, you can find two buttons Save and Save & Publish.

  • Save: this button will save the page on our PageFly server only.
  • Save & Publish: this button will both save the page on our PageFly server and synchronize that data to your Shopify store. You should see the confirmation message below.

Save & Publish confirmation message

To make sure the page is synced successfully to your store, navigate to Shopify Admin > Online Store > Pages. You should see the page created/published with PageFly.

Note: To edit the page, you have to go back to PageFly Editor.

Shopify Pages

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

To find the source code of your PageFly page, you will need the unique ID generated from PageFly.

First, access the PageFly page from Shopify Admin > Online Store > Pages. Here, you can see that it’s actually a page template with a unique ID in the URL (20070629474 in this example). 

Note: if you are looking for the template ID of your Home Page, it is index.liquid instead of a numeric ID.

Accessing PageFly pages from Shopify Pages

Next, you go to Shopify Admin > Online Store > Themes > your theme name > Action > Edit code.

Then, use “Ctrl + F” to search for that unique page template ID. You’ll find the source code of the PageFly page in a blink.

Source code of PageFly page in Shopify theme

To have your PageFly page accessible on the Shopify menu, go to Shopify Admin > Online Stores > Navigation > select the menu you want to add the link to your PageFly page (we choose Main menu in this example).

Menus in Shopify Navigation

Next, click on the Add menu item button. You should give the item a unique name on the menu.

Name of menu item

In the Link field, type the name of your PageFly page then choose it and click the Add button.

Pick a page to be used as menu item

Now the “Example page” is linked to the main menu (in header). Here is the result on live page.

Result of linking PageFly page to Shopify menu navigation

Additionally, we have this video instruction ready for you.

Was this helpful?