All Collections
Advanced
How to Use Global Snippets
How to Use Global Snippets

Create, deploy, and edit global snippets across many pages to streamline content management.

Updated over a week ago

Global Snippets is available to all merchants subscribed to Shogun's Grow and Advanced plans. Should you be interested in acquiring this feature, you can check out our documentation to upgrade: How to Upgrade.


Alternatively, you can find guidance on using the 'Snippets' feature, available to all paid stores here;


Tired of making the same edit over and over across many pages? So are we. So we built Global Snippets to enable your team to easily update content and design across your storefront from one place.

Global Snippets enables you to take any snippet and deploy it across many pages to give you more control and peace of mind that every corner of your store is up to date with your latest changes.

An Overview of Global Snippets

Below is a full walkthrough video of the global snippets feature.
โ€‹(Please note that while portions of the software's design have changed since the original recording, this video helps explain the overall functionality and benefits of global snippets.)

Creating Global Snippets

When the Global Snippets feature is enabled on your account, you will see a new option when creating a new snippet. Give your Snippet a name and toggle on the global functionality to get started.

An image of the Shogun Page Builder application that displays the toggle for creating global snippets.

Tip: Global snippets are highlighted in pink and have an updated sidebar experience so you clearly know this part of your page behaves in a different way. On the right sidebar, you can see a count of how many pages the selected global snippet has been deployed to, as well as edit and detach it.

Browsing global snippets

We added a new tab to our snippet library to easily view all your global snippets. Global snippets are denoted by a globe icon, as well as a running page count so you know how many pages each global snippet has been deployed to.

Deploying global snippets

Once you have created your first global snippet, navigate to some other pages and drop your global snippet on your page. Click Save. That's it! Observe how the page count increases with each page you add it to.

Editing global snippets

You've added one of your global snippets across a few pages, great! Now let's say you want to make a change:

  • Navigate to any instance where that global snippet exists, and click Edit snippet from the sidebar.

    Image displaying the location of the "Edit snippet" button in Shogun Page Builder
  • When you click Edit, you can now drill down into each element within that Global Snippet, and make any change you like.

  • When you are done, click Save.

    Image that shows the location of the "Save Snippet" button inside of the Shogun Page Builder editor.
  • Now head over to your other pages where you deployed that Global Snippet to observe your changes reflected globally.

Publishing global snippets

When saving a change to your global snippet, toggle on the setting to "automatically publish affected pages", then click Save this snippet. Shogun will now run through all pages where that global snippet has been deployed, execute the update, and publish all of those pages.

An image of the confirmation popup that appears when saving a global snippet in Shogun Page Builder.

Navigate over to the Dashboard to check in on the status of your Publishing pages.

Detach your snippet

Let's say you previously added a global snippet to a page, but now you want to make a modification to that page only without effecting the other pages the global snippet is linked to. No problem.

When you select a Global Snippet, click Detach in the right sidebar. Now, updates to those elements will only reflect on the page you are on.

FAQ

Can I place a global snippet inside of a global snippet?

  • Currently we do not support the ability to have nested global snippets. When you try to drop a global snippet inside of a global snippet, we will automatically convert the global snippet you are attempting to drop into a regular snippet.

Can I place a regular Snippet inside of a Global Snippet?

  • Yes, you can drop in any existing snippet when editing a global snippet to quickly make changes to your global snippet.

How do I edit a Global Snippet?

  • When editing a Global Snippet, you can only drop new elements in from the sidebar.

  • When editing a Global Snippet, we currently do not support the ability to drag elements from inside your Global Snippet out on to the editor.

  • Similarly, when editing a Global Snippet, we currently do not support the ability to drag an element that is already on the editor in to the Global Snippet.

Can I reattach a Global Snippet?

  • To reattach a Global Snippet, simply drag and drop that Global Snippet from the sidebar back on to your page.

Can I convert a previously-saved Snippet to a Global Snippet?

  • Yes! To do this, open your Snippets library and click the 3-dot icon on a Snippet. In the menu that appears, select the "Switch to global" option. Changing the existing snippet to a global snippet will replace the existing snippet; a globe icon will now appear on the snippet to indicate it is now global. Any pages already using this snippet will not be affected.

    An image of the Shogun Page Builder application that shows the location of the "Switch to global" option.

Can I switch a Global Snippet back to a regular snippet in my library?

Yes, if a global snippet is not used on any pages, it can be converted back to a regular snippet. This is done by clicking the 3-dot icon next to the global snippet in the library, then selecting the "Switch to custom" option. Once this is selected, the globe icon will no longer appear next to this snippet.

Limitations

  • Global snippets can be synced between multiple Shogun accounts. When you sync a global snippet, the destination site will receive the new version of the global snippet, however that update will not automatically update the pages that global snippet was deployed to on the destination site.

  • When editing a global snippet, if you click outside of the global snippet in the editor, any unsaved changes will be lost. We are working on addressing this.

Did this answer your question?