Mastering Basic Edits with Pagefly for Shopify

Mastering Basic Edits with Pagefly for Shopify

Table of Contents

  1. Introduction
  2. Swapping Images
  3. Adjusting General Settings
  4. Styling Elements
  5. Changing Typography
  6. Modifying Heading Blocks
  7. Adding Paragraphs
  8. Customizing Buttons
  9. Adding Additional Elements
  10. Publishing and Finalizing Edits

How to Make Basic Edits in Pagefly for Shopify

In this article, we will walk you through the process of making basic edits in Pagefly for Shopify. Pagefly is a powerful tool that allows you to customize your Shopify store's design easily. Whether you want to swap images, adjust settings, change typography, or add new elements, Pagefly provides an intuitive interface for making these edits. By following the steps outlined below, you'll be able to create a unique and personalized design for your online store.

1. Introduction

First, let's get familiar with the Pagefly interface. When you access the Pagefly editor, you'll see various options and settings on the left and right sides of the screen. These sections contain the necessary tools to make edits to your design. We'll explore these options in more detail as we proceed.

2. Swapping Images

One of the most common edits you may want to make is swapping images. To do this, simply hover over the image you want to change. On the right side of the screen, you'll find the content and styling information for the selected element. Look for the "General" and "Styling" tabs. In the "General" tab, you can adjust elements such as the max width, visibility for different devices, and animations. In the "Styling" tab, you can modify the image's source, change border settings, and add custom code if needed.

3. Adjusting General Settings

To make overall adjustments to the design, go to the "Styling" tab. Here, you can change the content color, adjust padding and margin for spacing, modify typography, and set the background color. Additionally, you can add images or videos as background elements, change borders, and enhance the visual effects.

4. Styling Elements

Each element on your page can be styled individually. For example, if you have a heading block, you can hover over it, ensure you're on the "General" tab, and start typing to change its content. In the "Styling" tab, you can update the font size, change the font itself, and align the heading. You also have the option to italicize the text, adjust the line height, and specify the font weight.

5. Changing Typography

Pagefly offers a wide range of typography customization options. By going to the gear icon and selecting either an uploaded font or a Google font, you can easily change the font style for your headings, paragraphs, buttons, and other elements. Experiment with different fonts, sizes, and alignments to find the perfect combination for your design.

6. Modifying Heading Blocks

Headings play a crucial role in guiding your visitors through your content. To modify a heading block, hover over it and click on the gear icon. Here, you can change its content, update the text styling, and adjust the font settings. Utilize title case or all uppercase formatting, experiment with line heights, and make the necessary adjustments to make your headings visually appealing and easy to read.

7. Adding Paragraphs

Paragraphs are essential for displaying descriptive or informative text. Similar to heading blocks, you can hover over a paragraph element, click on the gear icon, and modify its content. In addition, you can customize the styling by going to the "Styling" tab. Adjust the font size, change the font family, and align the text as per your preference.

8. Customizing Buttons

Buttons are crucial for driving conversions on your website. To customize a button, hover over it and select the desired action, such as "Learn More" or "Shop Now." In the "Styling" tab, you can further enhance the button's appearance by modifying its size, alignment, color, and border settings. Don't forget to update the button's link and ensure it redirects to the appropriate page or URL.

9. Adding Additional Elements

Pagefly provides you with the flexibility to add more elements to your design. If you want to incorporate layouts, slideshows, headers, buttons, or other information, you can do so by accessing the relevant section and choosing the desired element. Moreover, you can integrate Shopify-specific elements like products, collections, customer forms, or blogs to enhance the functionality of your store.

10. Publishing and Finalizing Edits

Once you've made all the necessary edits to your design, it's time to save and publish your changes. Hit the save button to confirm your edits, and when you're ready, click on the publish option to make your edited design live on your Shopify store. Ensure you review the final design before publishing to guarantee a seamless browsing experience for your customers.

In conclusion, Pagefly provides an intuitive and user-friendly interface for making edits to your Shopify store's design. By following the step-by-step instructions outlined in this article, you'll be able to customize your store to reflect your brand identity successfully. Experiment with different elements, fonts, and colors to create a visually stunning and functional online store. With Pagefly's diverse range of features, the possibilities are endless.


  • Effortlessly swap images and customize their properties
  • Adjust general settings for spacing, visibility, and animations
  • Style elements to match your brand's aesthetic
  • Easily change and customize typography throughout your design
  • Modify heading blocks for clear and attractive headings
  • Add paragraphs to provide informative text
  • Customize buttons to drive conversions
  • Incorporate additional elements for enhanced functionality
  • Save, publish, and finalize your design with ease

Frequently Asked Questions

Q: Can I make design edits on specific sections of my page?

A: Yes, with Pagefly, you have the flexibility to make edits to individual sections of your page. Simply hover over the section you want to modify, and the necessary options will appear for you to make the desired changes.

Q: Can I preview my edits before publishing them?

A: Absolutely. Pagefly allows you to preview your design changes before making them live. Use the preview feature to ensure your edits are visually appealing and functioning correctly.

Q: Can I revert to the original design if I'm not satisfied with my edits?

A: Yes, Pagefly provides the option to revert to the original design if you're not satisfied with your edits. Simply access the revision history and select the version you'd like to revert to.

Q: Can I edit my design on different devices?

A: Yes, Pagefly allows you to edit your design for specific devices such as desktop, mobile, and tablet. This ensures that your design looks consistent and visually appealing across different devices.

Q: Is it possible to collaborate with team members on design edits?

A: Yes, Pagefly offers collaboration features that allow you to invite team members to edit and review your design. Collaborate efficiently with your team to create the perfect design for your Shopify store.

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
Browse More Content
Social Media Ads
Other Course
Winning product