User Manual Quickstart General Concepts Buyer Side Snippets Engraving Styles and Form Fields Flex Designs Sub Documents Scripting Workflows Editing Workflow Production Workflow Tutorial Videos Frame Features Resources Pages Layers Snippets Using Tags Configure Buyer Side Snippet Pricing Images Fonts Colors Styles Form Fields Account Portal Style Reference Change Log Known Bugs & Limitations Glossary Acknowledgements Api Reference Authorization Tokens Embedding The Editor Custom Integration Backend Api Price Display


Snippets are a great way to create easy to configure documents for Buyers. There are two different types of Snippets:

Sticker Snippets (Renamed from Group Snippets) - Small design blocks that are easily placed and configured by a Buyer.

Layout Snippets - Page design blocks that can be used when the Buyer wants to have a selection between various page layouts.

Note: Please also read the overview topic on how to use, create, and publish Snippets in the main Snippet chapter.

In the Snippets tab, you can find Group and Layout Snippets to use in the current layout. Here you may also set up the available Group and Layout Snippets for the Buyer Side.

This tab contains a lot of bells and whistles so let’s orientate ourselves:

Layers Tab

Using Tags

To display Sticker Snippets or Layout Snippets with specific tags, first select Group or Layout Snippets on the top menu bar. Next, either open the drop-down or type a tag name into the search drop-down text box. Once you have selected a tag, all Snippets with this tag will be conveniently displayed in the left Snippets tab. It is also possible to search and select multiple tags to be displayed.

Selecting a Snippet this way will directly insert it into the current page.

Pro Tip: Inserted Layout Snippets are marked as such, so they will be removed if the Buyer selects another Layout Snippet. Inserted Layout Snippets can therefore be used to set the default layout for the Buyer Side. The Form Layout Snippet property can also be manually set with the Layers tab in the Context menu of a frame.

Configure Buyer Side

Buyer Side selection and categorization can be done by selecting the Shopping Basket icon.

Note: Setting the available Group or Layout Snippets is valid for the only page you are currently editing. This ensures that a Designer has total control over what can be inserted on each page by a Buyer. The page number being edited is displayed on top of the Snippets tab:

You can add a new category by clicking on the Add Category button Add Category.

You can add as many categories as needed. Each category has a headline for the Buyer Side, as well as tags for defining which Snippets will be shown in each category. Here is an example configuration with two categories:

Sticker Snippets Config

Categories may also be sorted by moving them with the moving bar icon directly to the left of the name.

Shown below is how the above Snippet configuration will appear on the Buyer Side:

Sticker Snippets Config

You can simply scroll through the document to see the available categories and Snippets associated with each page.

Layout Snippets work the same, except that they will appear in a minimizable tab to the left of the Editor.

Sticker Snippets Config

Filter Layout Snippets by aspect ratio

For variable document size templates, you can filter layout snippets depending of the current aspect ratio of the document to ensure that only matching snippets are shown. Just click on the little portrait and landscape icons to the left of the group name. An activated icon means the snippets with the selected tag(s) will be shown when the respective aspect ratio is true.

Layout Snippet Filters

Snippet Pricing

If you’d like to charge a little extra for certain Artworks buyers are using have a look at the price display feature and use price groups to show a price label next to the snippet. Snippets can have a price group (1-5) and the price groups can receive a price label given at the start of the editor.

Both Sticker Snippets or Layout Snippets can display a price.

Set Label-Strings for each Price-Category in attach-call: priceCategoryLabels = [“Price 1”, “Price 2”]

Layout Snippet Filters

When exporting the Snippet which should show a price label select a price category for a snippet.

Layout Snippet Filters

Please read more about displaying price and the use of the PriceChangeCallback() in the Buyer Side - Display Price chapter.