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.
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.
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 Designer Side.
This is the Printess Designer Side Interface. This mode is where Templates are designed and configured for further personalization by the Buyer.
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.
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.
The Template Context Menu contains the following actions:
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 Designer 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.
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.
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.
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.
Solution is to simply close the other browser or tab before opening.
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.).
Here one can change Template wide preferences.
This enables or disables filenames for images. Filenames will only be shown in the Designer Interface.
This enables or disables creation of thumbnails for the template - This can save time when saving large documents.
The resources panel tab 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.
The features panel contains all of your tools and settings for creating and manipulating layout elements as well as the buyer side configuration.
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.
Whenever a Frame or multiple Frames are selected, right clicking on them will open the Frame Context Menu.
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