Global Sections [Zipify Pages]

A Global Section is a section or set of multiple sections that can be customized, saved, and re-used throughout your store!

Jeff Maxfield avatar
Written by Jeff Maxfield
Updated over a week ago

Overview

A Global Section is a single section or set of multiple sections that can be customized, saved, and re-used throughout your store. Once a Global Section is created, it will retain its design and function when added to a page. Anytime a change is made to the Global Section, that section will instantly update across every page it’s added to. Global Sections can include elements such as rows, columns, text, images, buttons and more!

Global Sections save you time and effort by streamlining the design process, making it easier to update and maintain pages. These sections are also team-friendly, ensuring that the correct design and function is maintained when multiple team members access and work inside the Zipify Pages app.

Getting Started with Global Sections

To access Global Sections in the app for the first time, hover over the "Global" section in the sidebar and select "Sections":

Then click the "Get Started" button there:

On the Global Sections screen, you will be presented with the options to create a global:

  • ZP Header (1)

  • ZP Footer (2)

  • Content Sections (3)

The global ZP Header and Footer are the primary header and footer intended for use across all your Zipify Pages. These sections can be quickly added to any page by enabling the "Use my Global Header" and/or "Use my Global Footer" switchers within the Page Settings > Layout section in the builder:

A global content Section is a section that can be used across any page by adding it from the "Global Sections" category inside the Sections Library located in the builder. Header/Footer sections created in global content "Sections" will function like any other global section and will not have their own switcher inside the builder.

There's currently no limit to the number of global sections which can be created, but each global section can only be added to a particular page once.

Creating a New Global Header, Footer and Sections

Header/Footer

To create a new Global Header or Footer, start by clicking on the "Create" button below the "ZP Header" or "ZP Footer" section:

On the next screen, either select a global section Template or choose the Blank Section option to create one from scratch. Click the "Create Blank Section" or "Use Template" button in the top-right corner, depending on your selection:

Next, edit your new Global Header or Footer section(s) to your liking using the options available in the builder. Once edits are complete, click the "Save" button in the top-right corner:

πŸ“A set of multiple sections can be selected, configured and saved as a Global Header or Footer sections.
​

Once your Global Header and Footer sections are saved, they can be accessed by navigating to Global > Sections within the app. There you can Edit (1) the Header or Gooter by hovering over and clicking on each one. You can also Delete (2) each one if desired by clicking on the 3-dots (more options) button and selecting "Delete Section":

When deleting a Global Header or Footer section, it will also remove it from any/all pages the section is being used on. You must confirm the delete action in the "Delete Global Section" popup by typing in "confirm" and then clicking the "Delete" button:

Content Sections

To create a new Global Content Section, start by clicking the "Create" button below "Create your Sections":

On the next screen, either select a global section Template (1) or choose the Blank Section option (2) to create one from scratch. Click the "Use Template" or "Create Blank Section" button in the top-right corner, depending on your selection:

Name your new global section in the "New Global Section" popup, then click the "Create" button:

In the builder, find and select the section(s) you want to create a new global section for:

πŸ“A set of multiple sections can be selected, configured and saved as a global content section.
​

Edit the section(s) as needed using the options available in the builder, then click the "Save" button:

Give your new Global content Section a name and then click the "Save" button in the "Global Section Settings" popup to publish it:

Once you publish a Global Section, it can be accessed by navigating to Global > Sections within the app. There you can add new global sections by clicking on the "New Section" button (1), Edit existing global sections by clicking on the Section Name (2), make a copy of the global section (3) or click the 3-dots button (more options) to edit section properties or delete the section (4):

When deleting a global section, it will also remove it from any/all pages the section is being used on. You must confirm the delete action in the "Delete Global Section" popup by clicking the "Delete" button:

Enabling Global Header/Footer on a Page

To enable your Global Header and/or Footer on any page, open the page in the Zipify Pages builder. Click into the "Page Settings" tab from the sidebar, then click the toggle next to "Use my Global Header" and/or "Use my Global Footer":

πŸ“ Global Header and Footer sections are fixed to the top and bottom of your page respectively and can't be moved. Placeholder images will be shown in the builder.

Adding a Global Content Section to a Page

To add a Global Content Section to any page, within the builder click into the "Global Sections" category of the Sections Library and select the global section you'd like to add by clicking on it:

A global section can't be edited independently on a particular page in the builder since it's global. To edit the section globally, click on the 🌐 icon or directly on any element within the section (1) then click the "Edit Global Section" link (2) from the sidebar:

To edit a global section independently on a particular page, it needs to be detached from global first. When a section is detached, global changes will not be applied to it. To detach a global section, either click on the 3-dots (more options) menu and select "Detach" (1) or click on the "Detach Global Section" link (2) from the sidebar:

Confirm the action by clicking the "Detach" button on the "Detach Global Section" popup:

Did this answer your question?