Global Snippets is available to all merchants subscribed to Shogun's Grow and Advanced plans. If you're interested in adding this feature, 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 lets you take any snippet and deploy it across many pages, giving you more control and peace of mind that every corner of your store stays 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. Name your snippet and toggle on global functionality to get started.
Tip: Global snippets are highlighted in pink and have an updated sidebar experience, so you can clearly see that this part of your page behaves differently. 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 so you can easily view all your global snippets. Global snippets are denoted by a globe icon, along with a running page count so you know how many pages each global snippet is deployed to.
Finding which pages use a global snippet
Want the actual list of pages a specific global snippet is deployed to, rather than just the count? Head to your Pages dashboard (outside the editor), click Add filter, and select Uses global snippet. Choose the snippet you want to check, and the list will filter down to show every page it currently appears on.
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! Watch the page count increase 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.
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.
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.
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 affecting 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 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 onto 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 into 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 onto 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 it; a globe icon will now appear on the snippet to indicate it is global. Any pages already using this snippet will not be affected.
Can I switch a Global Snippet back to a regular snippet in my library?
Yes, if a global snippet isn't used on any pages, you can convert it back to a regular snippet. To do this, click the 3-dot icon next to the global snippet in the library, then select 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 receives the new version of the global snippet; however, that update will not automatically update the pages where the global snippet was deployed on the destination site.
When editing a global snippet, clicking outside the global snippet in the editor will lose any unsaved changes. We are working on addressing this.