How to Copy Sections Between Pages in PageFly & Use Margin Padding: Complete Step by Step Guide
By Braincuber Team
Published on April 1, 2026
PageFly is a powerful Shopify page builder app that lets merchants create stunning, high-converting pages with a drag-and-drop interface. One of the most requested features is the ability to save content sections and reuse them across different pages. This eliminates repetitive work and ensures design consistency throughout your store. This tutorial covers how to use the Section Library to copy sections between pages, customize margin and padding visually, and leverage the Advanced Google Maps element for enhanced store functionality.
What You'll Learn:
- How to save content sections to the PageFly library
- How to reuse saved sections across different pages
- How to customize margin and padding visually with the redesigned Box Styles
- How to use the Advanced Google Maps element with custom styles
- Section library limits across Free, Pro, and Premium plans
Step 1: Select the Content Section to Save
To begin copying a section between pages, first open the page containing the section you want to reuse in the PageFly editor.
Open the Page in PageFly Editor
Navigate to your PageFly dashboard and open the page containing the section you want to copy. You can use any existing page or start with one of the 100+ page templates available in PageFly.
Click on the Content Section
Click directly on the content section you want to save. For example, if you have a promo section at the top of your page, click on that entire section to select it.
Ensure "Section" is Selected in Page Path
Make sure that in the page path selector at the top, you see "Section" selected. This ensures the section menu appears with the save option.
Step 2: Save the Section to the Library
Once the section is selected, you can save it to the PageFly library for reuse across any page in your store.
Click the Save Section Icon
When the section menu appears, look for the save/library icon (the latest icon in the menu). Click on it to open the save modal.
Name Your Content Section
A modal window will appear asking you to name your content section. Choose a descriptive name that helps you identify it later, such as "Promo Content" or "Hero Banner".
Confirm the Save
After naming the section, confirm the save. You will see a confirmation message indicating the section was successfully saved to your library.
Section Library Limits by Plan
Free plan: 1 saved content section. Pro plan: 5 content sections. Premium plan: 20 content sections in the library. This feature is available across all PageFly plans.
Step 3: Find and Manage Saved Sections
After saving a section, you can find it in the PageFly library and manage it as needed.
Access the Section Library
Look at the left icon menu at the top-left area of the PageFly editor dashboard. When you save a content section, a thumbnail is automatically generated and saved in the library.
Delete Unused Sections
When you hover over a saved section thumbnail, a "trash" icon appears. Click it to delete sections you no longer need, freeing up space in your library.
Step 4: Reuse Saved Sections on Other Pages
The real power of the Section Library is the ability to reuse saved sections across any PageFly page in your store.
Open the Target Page
Open any new or existing PageFly page where you want to add the saved section.
Click the Library Icon
Click on the "Library" icon in the left sidebar to access your saved content sections.
Drag and Drop the Section
Drag the saved section thumbnail from the library and drop it onto your page. The section will appear with all its original styling and content intact.
Save Time Building Pages
Reuse proven section designs across multiple pages instead of rebuilding them from scratch every time.
Maintain Design Consistency
Ensure all pages share the same visual identity by reusing the same section templates throughout your store.
Auto-Generated Thumbnails
Each saved section automatically generates a thumbnail preview, making it easy to identify and find sections later.
Available on All Plans
The Section Library feature works on Free, Pro, and Premium plans with varying storage limits per tier.
Step 5: Customize Margin and Padding Visually
PageFly 1.2.3 introduced a redesigned margin and padding interface that makes spacing adjustments more intuitive and visual.
Open the Styling Tab
Select any element on your page and navigate to the Styling tab in the right sidebar.
Use the Box Styles Settings
Under Box Styles, you will find the redesigned margin and padding controls. Adjust values for top, right, bottom, and left spacing visually.
Adjust Button Radius and Width
For button elements specifically, you can adjust the border radius and width values visually through the same Box Styles interface. This concept applies to all elements in PageFly.
| Setting | Description | Applies To |
|---|---|---|
| Margin | Space outside the element border | All elements |
| Padding | Space inside the element border | All elements |
| Border Radius | Rounded corners for the element | Buttons, containers |
| Width | Horizontal size of the element | Buttons, elements |
Step 6: Use the Advanced Google Maps Element
In addition to the Basic Google Maps element, PageFly 1.2.3 introduced an Advanced Google Maps element with more customization options.
Add the Advanced Google Maps Element
From the PageFly element library, drag the Advanced Google Maps element onto your page. This is different from the Basic Google Map element.
Customize Map Height
Use the height value setting to adjust the size of the map section to fit your page layout perfectly.
Configure Map Controls
Enable or disable "Control" and "Draggable" settings to customize user interaction with the map on your page.
Choose a Map Style
Select from multiple map styles: Default, Shades of Grey, Ultra Light, Bright Colors, or Subtle Greyscale to match your store's design.
| Map Style | Best For |
|---|---|
| Default | Standard Google Maps appearance |
| Shades of Grey | Minimal, modern store designs |
| Ultra Light | Clean, airy page layouts |
| Bright Colors | Vibrant, eye-catching designs |
| Subtle Greyscale | Understated, professional pages |
Step 7: Stay Updated with PageFly Changelog
PageFly regularly releases updates with new features, improvements, and bug fixes. Staying informed helps you take advantage of the latest capabilities.
Access the Changelog
In the PageFly dashboard, click on "See the changes" to view the full changelog of recent updates.
Review Important Changes
PageFly outlines important changes in each release so you stay updated with new features and bug fixes relevant to your workflow.
Pro Tip: When to Use Section Library
The Section Library is most useful once you are familiar with PageFly and want to save time building additional pages. Start by creating your best-performing sections (hero banners, promo blocks, testimonial sections) and save them for reuse across your store.
Frequently Asked Questions
How many sections can I save in PageFly library?
Free plan allows 1 saved section, Pro plan allows 5 sections, and Premium plan allows 20 sections in the library.
Can I use saved sections on different PageFly pages?
Yes, saved sections can be dragged and dropped from the library into any new or existing PageFly page in your store.
What is the difference between Basic and Advanced Google Maps in PageFly?
The Advanced version offers height customization, Control/Draggable toggles, and multiple map styles like Shades of Grey, Ultra Light, and Bright Colors.
How do I delete a saved section from the library?
Hover over the saved section thumbnail in the library and click the trash icon that appears to delete it.
Where can I find the PageFly changelog?
Click "See the changes" in the PageFly dashboard to view the full changelog of recent updates, features, and bug fixes.
Need Help with Your Shopify Store?
Our experts can help you build high-converting Shopify pages with PageFly, optimize your store design, and implement advanced page builder strategies for maximum conversions.