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).
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.
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.
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.
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.
Link PageFly page 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 > select the menu you want to add the link to your PageFly page (we choose Main menu in this example).
Next, click on the Add menu item button. Give the item a name to be displayed on the Shopify menu.
In the Link field, type the name of your PageFly page then choose it and click the Add button.
Now the “Example page” is linked to the main menu (header), here is the result on the live store.
Additionally, we have this video instruction ready for you