Use Top Navigation with PageFly

This article will guide you through the top navigation of the PageFly editor page, helping you understand and navigate PageFly effectively.

1. Overview about Top NavigationClick to copy

The Top Navigation is a menu bar where you can:

2. DetailsClick to copy

2.1. Page TitleClick to copy

In the top left of the page, you will find the Page Title area. Click on it to Add or Change the name of the page.

2.2. Page StatusClick to copy

You can see the status of your page is published or unpublished in these features. Along with that, you can check the saving status of the page next to it.

2.3. Device View ModeClick to copy

You can switch among devices to check responsiveness of the page. Click on the icon to open the dropdown menu to select from: All devices, Laptop, Tablet and Mobile view.

2.4. Canvas SizeClick to copy

In the Canvas Size settings, you can set a specific width for viewing your page on different devices. This ensures that every section and the full page look good on various screen sizes. Here are the width ranges you can choose from:

  • All devices (desktop) mode: 1200px – 10000px
  • Laptop mode: 1025px – 1199px
  • Tablet mode: 768px – 1024px
  • Mobile mode: 0px – 767px

Additionally, you have the option to make the canvas fit the viewport. The ‘Fit Viewport‘ function adjusts the canvas height to match the width and height ratio for each device. This is useful for checking if a section fits within one scroll, which can help improve your page’s conversion rate optimization (CRO).

2.5. Settings DropdownClick to copy

In the settings dropdown menu, you have the option to enable the following features:

  • Theme Styling: This feature lets you apply your theme’s styling within the editor, offering a more intuitive editing experience. When Theme Styling is enabled, the actual header/footer and other design elements of your Shopify theme become visible.

  • View Page Structure: Enables you to see your page’s structure directly on the canvas, providing an overview of the entire layout.

  • Enable Auto Save: With this option activated, the system automatically saves every change made in the editor. For more information on this feature, refer to the linked article.

  • Show Canvas Size: Displays a ruler on the canvas, allowing you to view the standard proportions for each device. This feature helps in adjusting sections to improve your page’s conversion rate optimization (CRO) and is most effective when used in conjunction with the Canvas Size function.

2.6. Undo / RedoClick to copy

You can undo or redo the last actions that have been made.

2.7. SaveClick to copy

You can click the Save button to manually save all the changes you’ve made.

To publish or unpublish the page, click on the arrow icon next to the save button.

  • Select “Save and Publish” to make all the page’s changes live on your store.
  • Choose “Unpublish” to remove the page’s content from the live store.

2.8. PreviewClick to copy

After saving your page, you can view it in Preview mode. If you prefer not to publish your page until it’s complete, simply save your changes and then review them in preview mode. This allows you to see how the page looks before making it live.

2.9. View Live PageClick to copy

You can only see your page in your live store with View Live page mode when you select publish this page:

2.10. More SettingsClick to copy

In More settings, you can access the Page Template, Page Settings And Visit Theme Editor.

2.11. Background ProcessClick to copy

With this feature, you can follow switching theme process, for more details, you can follow this article.

2.12. Help and SupportClick to copy

You can search for elements or anything which is related to PageFly in the search box, then you’ll find some related articles in the Help Center displayed. Click on one of these articles to go to the Help Center.

  • Click the Browse the Help Center will lead you to the PageFly Help Center.
  • Click Start Live Chat will lead you to our 24/7 support live chat
  • Click the Join PageFly Community will lead you to the PageFly Facebook group that converges a lot of PageFly users.
  • Click the Watch video tutorials will lead you to the PageFly Youtube Channel.

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us