User Manual Quickstart General Concepts Overview & Quick Start File Dialogue Editor Admin Mode Frame Context Menu Buyer Side Snippets Styles and Form Fields Flex Designs Sub Documents Scripting Print Workflow Tutorial Videos Frame Features Resources Style Reference Change Log Glossary Acknowledgements Api Reference Authorization Iframe Api Js Api Backend Api

Overview & Quick Start

File Dialogue

After login Printess will start the File Dialogue. Here one can create and manage Templates as well as open previously created Templates for editing.

The File Dialogue opens with the Recent tab on the left selected. This provides you with your last saved Templates giving you easy access to your recent work.

But let us first switch to the Open tab and have a look at some of the additional Printess management options.

Portal Overview

Templates are organized into folders with the current user being the topmost folder. You can create or delete folders using the respective icons located on the top toolbar.

The Templates saved inside of the currently selected folder are shown in the center. Select a Template to open, copy or delete it with the buttons above. Once a Template is selected, the pages saved in the contained documents will be previewed to the right.

To close the File Dialogue, click on the X in the top right.

On the top left, one will see the currently logged in user. Here one may also logout. On the tab to the left, one can create a new Template.

New Template

Select a Page Size from the drop-down (no worries, this can be changed at any point later on) and press the Create button. Alternatively, one may also select any of our pre-built example documents as the basis for a new document. In either case, when a new Template is created, the File Dialogue closes and the Editor opens up in Admin Mode.

Editor Admin Mode

Editor Overview

This is the Printess Admin Mode Editor. This mode is where Templates are designed and configured for further personalization by the Buyer.

Top Menu Bar

Top Menu Bar

Undo Redo
On the left side, one can Undo/Redo operations. This may also be done by keyboard with CTRL-Z for Undo and CTRL-Shift-Z for Redo.

Template

In the center, Printess shows the name of the currently opened Template or in case of a new Template [Unsaved Template]. Furthermore, if a Template from another user is opened one will see the user of origin in a circle.

By clicking on the cloud icon the Template Context menu will open as a drop-down.

File Context

The Template Context Menu contains the following actions:

Switch to Buyer Side

In Printess it is easy to create a powerful and intuitive Buyer Side experience while designing a document, without coding! The Buyer Side is what the end customer will use to configure and personalize their documents. To check the behavior of the Buyer Side, the designer may always switch between the Admin and Buyer Side views by clicking on the Shopping Basket icon.

Zoom can be achieved with CTRL + and CTRL - as well as by simply pinching on the trackpad or CTRL scroll wheel.

Auto Save (Don’t panic!)

While one edits a document Printess will constantly auto save changes in the browser storage. So whenever one accidently closes the browser or any fatal error accurs most likely backup exists. This is true even for new and unsaved documents.

To recover an unsaved document one just needs to open the Editor and then simply close the File Dialogue which intially shows by either clicking the X to the right or the arrow to the left. This will directly return to your unsaved new document in the stae you left it. Do not open or create a another document - this will delete your unsaved state! For this to work one must open the same browser on the same device where the document was edited last within the next 24 hours.

Additionally also all already saved documents will keep their last saved state in the same browser. To access the last saved state just open the document again. If changes are stored a popup dialogue will appear to inform that unsaved changes exist.

Unsaved Version

If OK is selected the local, auto-saved version is loaded selecting Cancel will load the last saved version from the server. Do not press Cancel if the changes might be important. This will load the last saved version and overwrite your local changes. Just press OK you can anytime reload the document again and then decide for the last saved version.

Scope conflicts

If one loads a document which is already opened in another browser-tab in the same browser the system will ask to close this tab or browser window to avoid conflicts within the local backup.

Settings Context

Solution is to simply close the other browser or tab before opening.

Settings

Settings Context

The Settings Menu controls various important Template-wide settings:

Show Smart Guides - Enables or disables the Smart Guide positioning aid, which will snap frames to edges or maintain a user-set distance to other frames while moving them around.

Show Grid Lines - This will display a grid to which all frame positions and sizes will snap when you move or scale frames.

Grid Gap-Size (actual) will set the size of the grid.

Show Layer Matrix - This will open the Layer Matrix settings on the bottom of the window. You can learn more about Layer Matrices here.

Show Styles - This will activate small label tags for all frames that have a Style. Multi Line texts will also show labels for paragraph and character styles.

Search in Global Snippets - This feature is useful for multi-user scenarios where a separate global account is used to publish all Templates and Snippets stored in the user’s eCommerce/Shop system. To see all published Snippets in this type of account while not logged into it, enable this option.

List Template Snippets - By default each Template Snippet you create within a Template will be automatically shown in the Snippets Layout tab (a sub-tab located at the top of the Snippets tab) for insertion. If this feature is unwanted, one may simply switch the behavior off by disabling this option.

Show Document Size Form Field - This will enable or disable the Document Size form field with which a Buyer can control the document size (for products with size variations such as signs, posters etc.).

Preferences

Settings Context

Here one can change Template wide preferences.

Settings Context

This enables or disables filenames for images. Filenames will only be shown in the Admin Interface.
Settings Context

Resources Panel

Resources Panel

The resources panel area contains most of the resources used in a Template. In addition to Images, Fonts and Colors there are also special resources such as Styles and form fields.

This User Manual contains a complete chapter on each of the different resource types:

Pages - Add, sort and remove pages of a document or switch between single pages and facing pages.

Layers - Add or remove layers and manage layer visibilities.

Snippets - Search, select for Buyer Side, remove pages or switch between single pages and facing pages.

Images - Upload, remove and group images.

Fonts - Upload, remove and group fonts.

Colors - Create, delete, group colors and create color schemes.

Styles - Create and edit Styles.

One can minimize the resources panel tab by clicking on the double arrow icon. Once minimized, the tab will open again when another tab is selected.

Features Panel

Features Panel

The features panel contains all of your tools and settings for creating layouts and Buyer Side configurations.

Frame Context Menu

Whenever a Frame or multiple Frames are selected, right clicking on them will open the Frame Context Menu.
Frame Context

Here Frames can be arranged into front or back, the spacing between them or relative to the page can get set or they can get aligned. Read more about arranging and alignement here

One can also copy and paste Frames here.

Pro Tip: In Printess Frames can even get copied between documents and Templates without any issues. If a Frame gets copied into another document or Template it will automatically add all its neccesary resources like images, fonts and colors to the document it is copied into.

Frames can also get Grouped which is also quite important for the Buyer side. Read more about Buyer Side Groups here

Set as Paste Board allows for defining the dimensions of the Paste Board by selecting a Frame. Read more about the Paste Board and this function here

Position Icon
Position
All general properties of a frame such as its position, rotation and assigned styles can be changed. If no frame is selected, the document properties will be configurable in the same tab.

Frame Features

Additionally, every frame may have multiple so-called frame features. A frame feature might be an image, a text, a text on a path, a shape or a Sub Document. These various frame features can all be integrated within a single frame, providing users with powerful creative combinations.

Example: The frame below contains a shape, an image, a text and a path text. As you can see, the text flows through the heart shape, the image is masked into the shape of a heart and the path text follows the border around the heart.

Features Example

Each enabled frame feature is indicated by a magenta-colored icon in the features panel, to provide a better overview of all active frame features.

To add a feature to a frame, select the frame and click on a feature icon such as Images. Next, select which feature you’d like to add (this depends on which feature you’ve selected). A dialogue will now open to ask if you would like to add a feature to the selected frame or to create a new frame with the selected feature.

Features Example

Remark: Once you disable this dialogue, adding a feature to the selected frame is set as the standard behavior.

Learn more about all the possible options of various features here:

Settings Context
Images:
Images are pixel based images which can also contain transparency.

Settings Context
Text which is a special type comes in 4 different flavors:

Single Line Text - A single line text box with a uniform style that automatically scales to the size of the frame.
Multi Line Text - A text box with multiple lines of text that can contain various customizable styles. Multi Line texts can flow into or around shapes, as well as flow across several frames.
Symbol Text - One character from a selected symbolic font.
Barcode - A Barcode (e.g. QR-Code, EAN, Matrix-Code, …) which represents the text content.

Settings Context
Shape
A vector element that can be used for backgrounds, as a flow around/into shape or to mask images.

Settings Context
Sub Document

Sub Documents are one of the most powerful features of Printess. A Sub Document is essentially another document within the same Template that can be used as an image. This gives the user the ability to create a design or functionality that is separate from the actual document. Sub Documents make it easy and convenient to create content derived previews and to print documents from one central design.

Settings Context
Warp
Warps transform the features of a frame (e.g. give them perspective or project them onto a coffee mug). They can be combined into thousands of combinations. Warps are the centerpiece of stunning headlines and the magical photorealistic previews of Printess.

Settings Context
Effect
Effects are mostly pixel-based effects which will provide just the right finishing touch for any design. Like Warps, Effects can be combined in thousands of different ways to create personalized designs that are normally only possible with static graphic design.