PageFly - Publish page to Shopify menu navigation

395 views PageFly 1

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

Sync PageFly page to Shopify

You can access your PageFly page anytime from Manage pages dashboard when having the active subscription plan (including FREE plan).

PageFly Manage pages dashboard

Inside the PageFly page 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 that the page is synced successfully to your Shopify store please navigate to Shopify Admin > Online Store > Pages and you should see your page created/published with PageFly.

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

Shopify Pages

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

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 URL (20070629474 in this case). Note that 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 have to go to Shopify Admin > Online Store > Themes > your theme name > Action > Edit code. Then search for that unique page template ID and you’ll find the source code of your PageFly page.

Source code of PageFly page in Shopify theme

In order to have your PageFly page accessible from the Shopify menu navigation, please 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. Give the item a name to be displayed on the Shopify 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 (header), here is the result on the live store.

Result of linking PageFly page to Shopify menu navigation

Additionally, we have this video instruction ready for you