Global Blocks [Zipify Pages]

A Global Block is a block or set of multiple blocks 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 Block is a block or set of multiple blocks that can be customized, saved, and re-used throughout your store. Once a Global Block is created, it will retain its design and function when added to a page. Anytime a change is made to the Global Block, that block will instantly update across every page itโ€™s added to. Global Blocks can include elements such as text, images, buttons, headers, footers and more!

Global Blocks save you time and effort by streamlining the design process, making it easier to update and maintain pages. These blocks 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 Blocks

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

Then click the "Get Started" button there:

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

  • ZP Header (1)

  • ZP Footer (2)

  • Content Block (3)

The global ZP Header and Footer are the primary header and footer intended for use across all your Zipify Pages. These blocks can be quickly added to any page by enabling the "Use my Global Header/Footer" switcher inside the builder:

A global Block is a block that can be used across any page by adding it from the "Global Blocks" section inside the Block Library located in the builder. There's currently no limit to the number of global blocks which can be created, but each global block can only be added to a particular page once!

๐Ÿ“Header/Footer blocks created in the global "Blocks" section will function like any other global block and will not have their own switcher inside the builder.

Creating a New Global Header, Footer and Blocks

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 block Template or choose the Blank Block option to create one from scratch. Click the "Create Blank Block" or "Use Template" button in the top-right corner, depending on your selection:

Next, edit your new Global Header or Footer block(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 blocks can be selected, configured and saved as a global header or footer block.

Once your global Header and Footer blocks are saved, they can be accessed by navigating to Global > Blocks within the app. There you can Edit the header or footer by hovering over and clicking on each one. You can also Delete each one if desired by clicking on the 3-dots (more options) button and selecting "Delete Block":

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

Content Blocks

To create a new Global Content Block, start by clicking the "Create" button below the Blocks section:

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

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

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

๐Ÿ“A set of multiple blocks can be selected, configured and saved as a global block.

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

Click the "Publish" button in the "Global Block Settings" popup to publish your global block:

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

When deleting a global block, it will also remove it from any/all pages the block is being used on. You must confirm the delete action in the "Delete Global Block" popup by typing in "confirm" and then 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 blocks are fixed to the top and bottom of your page respectively and can't be moved.

Adding a Global Content Block to a Page

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

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

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

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

Did this answer your question?