Snippets are a great way to create easily configurable documents for Buyers.
There are two different types of Snippets:
Group Snippets are small design blocks that are easily placed and personalized by a Buyer. They automatically stick together and all of their editable texts and images are grouped into a one simple to use UI for editing.
An exception are Snippets which contain only one Frame. This single Frame will not be grouped and therefore allows for Snippets which can later on be used like a single Frame. This is perfect for building a Snippet library in the Designer Side!
Note: We recommend to avoid Flex settings like Anchors and %, %%, <% units in Group Snippets as it will lead to unexpected behavior of the Group Snippet when inserted into a target document.
Layout Snippets are page design blocks which can be used when a Buyer needs to have multiple choices between different page layouts such as inside pages in greeting cards, layouts with different amounts of images for photobooks, etc.
Snippets may also be used in Designer Side as a library of complex, functional building blocks that a Template designer can quickly utilize instead of rebuilding them all the time.
Note: Please read the Snippets chapter in the Resources tab to find out how to use Snippets and how to define selectable Snippets for the Buyer Side.
Creating Snippets is easy because every created document is already a Snippet!
The only thing left to do is to mark the document as a Snippet document, tag it, give it a name and publish it. After that, it will be available to add as a possible choice for Buyers or used on the Designer Side.
Note: A Snippet document will only use the first page of the document. Additional pages will always be ignored during publishing.
Let’s go through the complete process step by step:
In this example, we are going to create a Group Snippet to be added and configured by a Buyer later on.
We want the text to be editable later so we will enable content editing for both text frames in the Buyer Side settings. Once you are done configuring your Buyer Side settings, switch to the Buyer Side view by clicking on the Shopping Basket icon in the top menu bar.
Right-click on the document name in the top menu bar to open the Context menu. In the Document Context menu click on Group-Snippet.
Go to the document settings (deselect all frames and navigate to the ruler icon on the features panel). At the bottom of the tab define the label(s) for the Snippet that will show up on the Buyer Side. Then, either select from existing Snippet tags or create a new one. This will define in which categories the Snippet will later be shown.
Choose Publish Snippets (located in the cloud icon drop-down) in the top menu bar, which will publish all Snippets in the actual Template.
After this, the new Snippet is available for use.
Please see here for details on how to enable published Snippets to be added to the Buyer Side or how to use them on the Designer Side.
Snippets can contain Sub Documents that will automatically be imported when a Snippet is used.
Although, if you want to use Sub Documents you have to be aware of certain limitations.
Sub Documents imported together with a Snippet will only carry over document resources such as form fields and Styles. Avoid using Template Styles for form fields. Instead, make sure they are created at the (Sub)-Document level and NOT on the Template level.
Read more about Styles and Form Fields in the Resources chapter.
Snippets are mainly used in eCommerce applications - “The Buyer Side”. When it comes to using Snippets on the Buyer Side, Group and Layout Snippets behave differently.
Users can add one or more Snippets onto a page and resize them or delete them again. All frames inside the Snippets are automatically grouped and cannot be ungrouped by the Buyer. Only the first page of the Snippet will be used. All frames of the snippet will be inserted on the Base Layer. It does not matter on what layer they were during the time of publishing. This is quite useful if you need to ensure certain things stay in front of or behind the Buyer’s design. If a Snippet uses a Sub Document it will be inserted into the current Template.
A list of available layouts will be presented to the user based on the selected page. The front cover of a greeting card can display a different selection of layouts than the inside or the back page.
On the first page, the Buyer may select only front card layouts:
For the inside of the card. the Buyer may select only the inside card layouts:
Only the first page of a Layout Snippet will be used. When applied, Layout Snippets will always span the entire page to which they are applied to. They will not lose their aspect ratio and will fit on the width axis.
Layout Snippets should always have the same aspect ratio as the target document.
Layout Snippets will remove any previously applied Layout Snippets before inserting themselves.
Layout Snippets can insert multiple layers. Thus, some frames may appear in front of or behind the Base Layer where the user can then insert new frames.
Layout Snippets are the only Buyer Side way that frames can be inserted onto other layers than the Base Layer -> Beispiel wie die Layer eingefügt werden - bildchen
Layout Snippets can be combined with Group Snippets to create powerful and easy to use Buyer Side user experiences.
NOTE: If you’d like to create a Layout Snippet for facing pages, just design them on a page with the size of the facing page (double the width of the facing pages document).
The available Layout and/or Group Snippets for a Buyer are defined at the page level. This makes it possible for a Buyer to select individual layouts for different pages.
With a greeting card scenario, one might enable a layout selection for only the inside card pages that does not allow the Buyer to alter the front or back of the card. This can be achieved by only assigning Layout Snippets to the inside pages while omitting Layout Snippets on the front and back pages.
Layout and Group Snippets are assigned by adding the tags from which Snippets are selected to the Buyer Side settings in the Snippet tab. **Please see here**for details on how to assign Buyer Snippets to pages.