Mastering PageFly: A Beginner's Guide to Shopify Page Editing

Mastering PageFly: A Beginner's Guide to Shopify Page Editing

Table of Contents

  1. Introduction
  2. Swapping Images
  3. Adjusting Content and Styling
    • General Tab
    • Styling Tab
  4. Changing Fonts
  5. Adding and Editing Paragraphs
  6. Designing Buttons
  7. Adding Additional Elements
    • Layouts
    • Slideshows
    • Headings
    • Buttons
    • Instagram Feed
    • QR Codes
  8. Adding Shopify Elements
    • Products
    • Collections
    • Customer Form
    • Blog
  9. Saving and Publishing
  10. Conclusion

How to Make Basic Edits in PageFly for Shopify

PageFly is a powerful Shopify app that allows you to customize and design your online store's pages with ease. Whether you're a beginner or an experienced user, this guide will walk you through the process of making basic edits using PageFly.

1. Introduction

Before we dive into the specifics, let's familiarize ourselves with the PageFly interface and the Claire template, which we'll be using as an example. The Claire template offers a clean and modern design, but you can make a ton of different changes to make it your own.

2. Swapping Images

One of the first things you might want to do when editing your page is swapping images. To swap an image, simply hover over the image you want to change and click on the right-hand side. Here, you'll find options to adjust the content and styling of the image, including the general settings, mobile and tablet views, animations, and custom codes.

3. Adjusting Content and Styling

When editing a section, you'll find two main tabs: General and Styling. The General tab allows you to control the number of rows, add new rows, adjust the max width, and update visibility settings. On the other hand, the Styling tab enables you to modify the overall appearance of the section, such as the background color, typography, padding, and margin.

3.1 General Tab

Within the General tab, you can add or edit text content. If it's a heading block, simply click on the block and start typing. If it's a paragraph block, you can update the styling and the content within the block. You can also adjust the font size, alignment, text transform, line height, and font weight.

3.2 Styling Tab

The Styling tab allows you to make changes to the overall appearance of the text. You can select different fonts, increase the font size, change the alignment, and even add effects like italics. Additionally, you can customize the color, background, padding, and margin of the text.

4. Changing Fonts

PageFly offers a wide range of font options for you to choose from. You can either upload your own font or select a Google font. Simply go to the styling settings of the text element, click on the gear icon, and select the desired font. You can then make further adjustments to the font, such as increasing the size, changing the alignment, and applying text transformations.

5. Adding and Editing Paragraphs

To add paragraphs, hover over the desired area and click on the "Add paragraph" option. You can then start typing your content. Similar to headings, you can adjust the styling and formatting of the paragraphs using the options available in the Styling tab. This allows you to change the font, font size, alignment, line height, and other text attributes.

6. Designing Buttons

Buttons are an important element on your page, as they encourage users to take action. With PageFly, you can easily design and customize buttons to suit your brand and website's aesthetics. When editing a button, you can update the text, make it full width, and add links to URLs or other pages within your website.

7. Adding Additional Elements

PageFly offers a range of additional elements to enhance your page's design and functionality. These include layouts, slideshows, headings, buttons, Instagram feeds, QR codes, and more. You can access these elements through the "Add" section, where you can choose the desired element and customize it to fit your needs.

7.1 Layouts

Layouts provide pre-designed templates that allow you to easily create visually appealing sections on your page. Simply select a layout and customize it with your own content and styling preferences.

7.2 Slideshows

Slideshows are perfect for showcasing multiple images or products in a dynamic and engaging way. PageFly allows you to create custom slideshows with various transition effects and settings.

7.3 Headings

Headings are essential for organizing your content and improving readability. With PageFly, you can add headings of different sizes and styles, allowing you to structure your page effectively.

7.4 Buttons

In addition to the basic button design mentioned earlier, PageFly also offers pre-designed button templates. These templates can save you time and ensure consistency throughout your page.

7.5 Instagram Feed

For those who use Instagram as a marketing tool, PageFly allows you to integrate an Instagram feed directly into your page. This feature helps to showcase your Instagram content and drive more engagement.

7.6 QR Codes

QR codes can be a convenient way to share links, promo codes, or other information with your customers. PageFly enables you to generate QR codes that can be easily added to your page.

8. Adding Shopify Elements

PageFly seamlessly integrates with Shopify, allowing you to add Shopify-specific elements to your page. These elements include products, collections, customer forms, and blog posts.

8.1 Products

If you're running an e-commerce store, you can easily add individual products to your page. PageFly automatically pulls in the product information, such as images, descriptions, and prices, making it easy to showcase your products.

8.2 Collections

Collections allow you to group related products together on your page. Using PageFly, you can create custom collections and choose the specific products you want to include in each collection.

8.3 Customer Form

To collect valuable information from your customers, you can add a customer form to your page. PageFly provides form-building functionalities, allowing you to create custom forms with different fields and validation options.

8.4 Blog

For those who have a Shopify blog, PageFly enables you to design and customize your blog's layout and appearance. You can display your blog posts in different styles, making your content more visually appealing.

9. Saving and Publishing

Once you're satisfied with your edits, it's important to save your progress. PageFly offers a simple save feature to ensure that your changes are preserved. When you're ready to make your page live, you can simply hit the publish button and your updated page will be available to your customers.

10. Conclusion

PageFly is a versatile tool that empowers Shopify users to create stunning and customized web pages. With its intuitive interface and extensive editing options, you can bring your vision to life and deliver a unique online shopping experience for your customers.


  • With PageFly, you can easily swap images, adjust content and styling, change fonts, and add paragraphs to your Shopify pages.
  • Designing buttons and adding additional elements like layouts, slideshows, headings, and Instagram feeds can greatly enhance the visual appeal and functionality of your page.
  • PageFly seamlessly integrates with Shopify, allowing you to add products, collections, customer forms, and blog posts to your pages.
  • Saving your edits and publishing your updates is quick and straightforward with PageFly.


Q: Can I upload my own fonts in PageFly?
A: Yes, PageFly allows you to upload your own fonts or choose from a wide range of Google fonts.

Q: Can I customize the appearance of buttons in PageFly?
A: Absolutely! PageFly provides various options for customizing button text, width, and linking.

Q: Can I add more elements to my page besides images and text?
A: Yes, PageFly offers additional elements like layouts, slideshows, headings, Instagram feeds, QR codes, and more to enhance your page design.

Q: Can I integrate my Shopify products and collections into my PageFly page?
A: Yes, PageFly seamlessly integrates with Shopify, allowing you to add products and collections, and showcase them on your page.

Q: How do I save and publish my edits in PageFly?
A: PageFly provides a save feature that allows you to save your progress. When you're ready to make your changes live, simply hit the publish button.

I am a shopify merchant, I am opening several shopify stores. I use ppspy to find Shopify stores and track competitor stores. PPSPY really helped me a lot, I also subscribe to PPSPY's service, I hope more people can like PPSPY! — Ecomvy

Join PPSPY to find the shopify store & products

To make it happen in 3 seconds.

Sign Up
App rating
Shopify Store
Trusted Customers
No complicated
No difficulty
Free trial