Sticker Snippets

Sticker Snippets Intro

Stickers Introduction

Stickers are small design blocks for Buyers to add to a Page. They can consist of multiple elements, such as Shapes, Sub-Documents and static or editable Image or Text Frames. When published, Printess will automatically group all elements of a Sticker to make them behave like a single Frame on Buyer-Side. This makes it easy for Buyers to place Stickers and customize their properties. Stickers can always be moved, resized, rotated and deleted by Buyers.

Info: Stickers can also consist of only one element (e.g. [Basic Image and Text Frame Stickers](#simple-text- and-image-stickers)).

Show Stickers on Buyer-Side

In order to grant Buyers access to Stickers on Buyer-Side, you have to assign them to a Page or Spread within your Template.

You can only assign Stickers to a specific Page or Spread. This allows you to define whether or not Buyers can add Stickers to a Page or Spread and assign individual Stickers to different Pages.

Tip: Check out the „Greeting Card“ Sample and you will notice that Buyers can only add Stickers to the Inside Pages of the card.

  1. On Designer-Side, go to the Page or Spread for which you want to allow Buyers to add Stickers.

  2. Go to the „Stickers“ Tab on the Resource Panel.

  3. Click „+ Add Group“.

Sticker Panel Tab

Tip: Grouping Stickers into meaningful categories makes it easier for Buyers to find the Stickers they want.

  1. (Optional) Click on the „Stickers Group Title“ Input Field, delete the placeholder text „Add Graphic“ and type in a Title for your Stickers Group.

Sticker Panel Tab

Tip: The Title will be shown on Buyer-Side and should give Buyers a hint, which kind of Stickers can be found in this Group.

  1. (Only for „Creative Photo Product“ UI) Select the Buyer-Side Tab in which the Sticker Group will be shown. The default Tab is „#STICKERS“. Learn more about Buyer-Side UI-Selection.

  2. (Optional) Set the number of columns in which the Stickers Thumbnails will be ordered on Buyer-Side by clicking on the circled numbers. This will also affect the size of the Thumbnails.

“Sticker” Tab on Buyer-Side with three columns:

Sticker Panel Tab

  1. Click on the „Sticker Tag“ Input Field. This will open up a list containing all the Sticker Tags in Printess along with the number of Stickers tagged.

Sticker Panel Tab

  1. Select the Sticker Tag you want to assign to the Page or Spread from the list or type in the Tag Name. Once you have selected a Tag, all Stickers with this Tag will be displayed in this Group on Buyer-Side. You can add multiple Tags to a Group and multiple Groups to a Page or Spread.

Sticker Panel Tab

  1. Repeat the steps 3 - 8 for each Sticker Group you want to assign to this Page or Spread.

Info: All Frames of the Sticker Snippet will be inserted on the Base Layer.

Show Stickers on Designer-Side

To show all the Sticker Snippets you assigned via Tags, click on “Show in Search”. This will open up the “Search Stickers” Tab icon, where all assigned Sticker Thumbnails are shown. Clicking on a Thumbnail will directly insert the Sticker into the current Page.

Show in Search

Clicking on “Sticker Snippets For Page No. x” will bring you back to the “Sticker Group” Tab.

Show in Search

If you do not want Buyers to add Stickers but want to insert a Sticker from a Sticker Library, go to the “Search Stickers” Tab by clicking on the “Magnifying Glass” Icon icon. Click on the “Sticker Tag” Input Field and select or type in the Tag name, which is assigned to the Sticker Snippets you want to insert. Click on the Thumbnail of the desired Sticker to insert it directly into the current Page.

Tip: The Link button icon below each Sticker Snippet in the search can be used to directly open and edit a Sticker Snippet.

Simple Text and Image Stickers

Most other editors have little Text or Image Insert-Icons which Buyers can select to insert basic Texts and Image Frames into their Page. In Printess there are Sticker Snippets for that.

To allow Buyers to insert a simple Image or Text Frame, assign the „printess-basic-image“ or the „printess-basic-text“ Stickers Tags to a Page. These Tags contain Round and Square Image Frames or Single and Multi Line Text Frames respectively.

Sticker Snippets Image Basic

  1. On Designer-Side, go to the Page for which you want to allow Buyers to insert the Printess Basic Stickers.

  2. Go to the „Stickers“ Tab on the Resource Panel.

  3. Click „+ Add Group“.

  4. (Optional) Click on the „Sticker Group Title“ Input Field, delete the placeholder text „Add Graphic“ and type in „Basic Image“ (This is just a suggestion - you can choose any Title you want).

  5. Click on the „Sticker Tag“ Input Field and select the „printess-basic-image“ Tag from the list.

  6. Repeat step 3 - 5, but this time type in „Basic Text“ as Title for the new Group and select the „printess-basic-text“ Tag from the list.

On Buyer-Side you can see that there are two Sticker Groups with the Basic Image and Text Stickers for Buyers to add to their Page.

Sticker Snippets Always Available

Tip: You can also change these icons (and most others) on the Buyer Side UI by using Custom Translations

Create Sticker Libraries

In order to design and publish a new Sticker, you need to create a new Sticker Library first.

Sticker Snippet Create

  1. In the File Dialogue, go to the „New“ Tab, click on the „Select Template Type“ Select List and select „Sticker Library“ from the drop-down list. Learn more about Template Types.

  2. Click on the „Page Size“ Select List and select a Page Size (You can Change the Page Size later on).

Tip: Best Practice is to choose a Page Size Orientation (Portrait, Landscape, Square) that fits your Sticker design. This can be useful for Variant Creation.

  1. Click on „CREATE“. This will create a new Sticker Library and automatically open the Designer-Side. The new Sticker Library will initially have a single-page Document marked as „Sticker / Filter-Snippet“.

You have successfully create a new Sticker Library. Now you can go ahead and design your new Sticker on the first Page of a „Sticker / Filter-Snippet“-Document.

Info: You can change the Template Type of an existing Template by clicking on the pink badge stating the current Template Type (e.g. „Standalone“) right next to the Template Name on the Top Menu Bar. This will open up the „Template Type“ Dialog. Select a Template Type and click on „SAVE“.

Tip: You can also check out (and feel free to use or modify) our Sticker Snippet Example Libraries in the “New” Tab of the File Dialogue.

Sticker Sample Libraries Sticker Snippet Example Libraries

Design Stickers

To design a new Sticker Snippet in Printess you can use all the elements such as Single/Multi Line Texts, Images, Shapes and Sub-Documents. You can make them static or allow Buyers to edit their properties on Buyer-Side.

Despite having all the creative freedom, there are some important restrictions for Sticker Snippets:

Buyer-Side Settings for Stickers

You can allow Buyers to customize elements of a Sticker by enabling the desired settings in the "Buyer-Side“ Tab on the Feature Panel.

  1. Select the Frame you want to make editable on Buyer-Side.

  2. Go to the "Buyer-Side“ Tab on the Feature Panel.

  3. Checkmark the Properties to make them customizable on Buyer-Side.

Example: To allow Buyers to upload an Image to an Image Frame, checkmark the „Content“ Property in the „Image“ Section.

Sticker Snippet Create

Sub-Documents in Stickers

Stickers can contain Sub-Documents. When the Sticker is used, Printess will automatically import the referred Documents in the current Template. The imported Documents will be invisible for Buyers, but will be shown on Designer-Side.

Notice: Imported Documents will only carry over Document Resources such as Form Fields and Styles. Avoid using Template Styles and make sure that they are created on the Document level instead.

Tags for Stickers

To make a Sticker accessible from other Templates, you have to assign at least one Tag to it.

  1. With the "Sticker / Filter-Snippet“-Document you want to publish selected, go to the „Snippet Export“-Tab on the Feature Panel.

  2. Go to the „Tags“ Input Field and click on it. This will open up a list containing all already existing Tags.

Sticker Snippet Tags

  1. Select a Tag from the list or type in a new Tag and press RETURN.

You can now access this Sticker from other Templates by adding your chosen Tag to a Sticker Group. Learn how to Make Stickers accessible on Buyer-Side.

Info: You can assign multiple Tags to a Sticker and one Tag to multiple Stickers. You can think of Tags like categories for Stickers. So it is best practice to assign Tags that are suitable for more than one specific Sticker, to make it easier for you to assign them to a Page or Spread.

Title and Thumbnail for Stickers

(Optional) You can give Stickers a custom Title and Thumbnail, that will be shown on Designer- and Buyer-Side. By default, the Document Name is the Sticker Title and the Thumbnail is created automatically. It will contain all the Frames visible on Buyer-Side and automatically updates every time you change the Sticker Snippet.

Title:

  1. Go to the “Snippet Export” Tab on the Feature Panel and go to the “Snippet Title” Input Field.

  2. Click on it and type in your new Sticker Title.

Thumbnail:

  1. Go to the “Snippet Export” Tab on the Feature Panel and go to the “Snippet Thumbnail” Section.

  2. Click on “Add”. This will open up the “Select Image” Dialog.

  3. Select a already existing Image or upload a new one.

Notice: A custom Thumbnail will not update on changes. This could lead to a difference between the actual Sticker Snippet and the Thumbnail.

Publish Stickers

To make Stickers inside your Stickers Library accessible in other Templates and for Buyers to add, you need to to publish them first.

Info: To publish Stickers inside a new Stickers Library, you have to save and name your Sticker Library at first. Once your Library is named and saved, Printess will automatically save your Library every time you publish Stickers from it.

  1. Inside your Stickers Library, go to the Top Menu Bar and click on the Library Name. This will open up the Template Context Menu.

Publish Sticker Snippet

  1. Click on „Publish x Sticker Snippets“ („x“ = Number of "Sticker / Filter-Snippet“-Documents in your Stickers Library). This will open up the „Publish Snippets“ Dialog.

Or

  1. Inside you Sticker Library, go to the „Snippet Export“ Tab on the Feature Panel.

  2. Go to the „Publish Snippets“ Section and click „Publish All“ (will publish all Stickers inside your Library) or „Publish This“ (will only publish the Sticker in the selected Document). This will open up the „Publish Snippets“ Dialog.

Publish Sticker Snippet

The „Publish Snippets“ Dialog shows a list of the Stickers Document Names along with the assigned Sticker Tags and the Slot-Aspect-Ratio.

Publish Sticker Snippet

  1. Click on „Publish all Snippets“ to publish all the listed Sticker Snippets.

Notice: For Stickers without Tags it will show a warning stating „Please add a tag to this snippet in order to make it available.“ That is because Stickers can only be assigned to a Page or a Spread if they have at least one Sticker Tag assigned to them.

Publish Stickers in Manual Merge Template

Info: Although publishing Sticker Snippets in a Manual Merge Template can be useful in very few cases, we highly recommend to keep Stickers Snippets separated from your Product Template.

  1. Mark the Sticker Document as a “Sticker- /Filter-Snippet” in the Document Context Menu.
  2. Tag it and publish it.

After that, it will be accessible in the current Template and in other Templates.

Sticker 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 Sticker Snippet. Sticker 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 and 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 Sticker Snippet which should show a price label, select a price category for the Sticker Snippet.

Layout Snippet Filters

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

Image Filter Sticker Snippets

Image Filter Sticker are a special kind of Sticker Snippet which allows Buyers to add preset Image Effects to their uploaded Images.

Image Filter Example

  1. Without any Frame selected, go to the “Buyer-Side” Tab on the Feature Panel.

  2. Go to the “Snippet Image-Filters” Section and click on the “Image-Filter” Input Field. This will open up a list containing all the Stickers Tags.

Image Filter Selection

  1. Select or type in the Tags which are assigned to the Image Filter Stickers you want Buyers to be able to use.

Info: You can add multiple Image Filter Tags to a Document.

Tip: Use the Tag “printess-filter” to add some simple Image Filter Presets.

Now when a Buyer uploads Images to this Document, an “Image Filters” Tab in the “Upload Image” Section appears where all the selected Image Filters are presented.

Info: Buyers can still use the standard Filters to change Contrast, Brightness etc. even if an Image Filter is added. To turn this option off, go to the “Buyer-Side” Tab and switch off “Brightness, Hue, Sepia,…”.

Image Filter Buyer Side Example

Create Image Filter

Image Filters are basically built like Sticker Snippets, but there are some differences to be noted.

  1. Add a new Document to your Sticker Library.

  2. Add an new Image Frame to the first Page of the new Document. Make sure the Frame exactly fills the entire Page and the Frame is placed at the top left corner of the Page.

  3. Go to the “Buyer-Side” Tab on the Feature Panel and checkmark “Content” to allow Buyers to insert their own Image into the Frame.

  4. Still in the “Buyer-Side” Tab switch on “Is Image Filter Target”.

Is Image Filter Target

Notice: Only one Image Filter Target is allowed in an Image Filter Document.

  1. Now go ahead and add some Effects, Masks, Overlays or additional elements to finalize your Image Filter.

Tip: The Layer panel indicates if an image-filter-group is active. The designer can permanently persist the filter by simply ungrouping and re-grouping the frames.

As Image Filter Sticker Snippets will be resized to match the uploaded Image there are special considerations to take:

Keep Aspect Ratio

Tip: Using the minimum percent unit <% for width and height of an element let it be of the same size when having horizontal and vertical aspect ratios. You can also use normal % values and the “Fit” property of an Image to achieve the same behavior.

Publish Image Filter

  1. Without any Frame selected, go to the “Snippet Export” Tab on the Feature Panel and switch on “Export as Image Filter”.

  2. Still in the “Snippet Export” Tab, add a “Snippet Title” and at least one “Snippet Tag” to your Image Filter.

  3. Publish the Image Filter like every other Sticker Snippet.

Image Categories for Sticker

To enable a Sticker for Variant Creation you need to assign at least one Image Category.

  1. Go to the “Snippet Export” Tab on the Feature Panel.

  2. Go to the “Variant Creation” Section and click on the “Image Categories for Variants” Input Field. This will open up a list containing all the Image Categories in your Account Portal.

Image Categories for Stickers

  1. Select or type in the Image Category you want to assign to this Sticker Snippet.

You can now use this Sticker Snippet for Layout Variant Creation and Printess will use the Images from the assigned Categories to populate the Image Frames in the respective Layout. Learn how to Create Layout Variants with Stickers.