Smartlink Apps | Eris
Introduction
The following article has been written to detail how our standard Eris app can be set up and used for. We have also detailed all of the available options associated with Eris General, Miscellaneous and Image menus. This app has similar styling to the basic 3 customised but this is specifically designed for multi page printed paper products. This app is specifically designed for mobile devices with a simple signposted process.
Key features of this smartlink app include unlimited image & text areas, drag and drop uploads and inline image editing tools.
The app is intended for use on Mobile devices and may not display desirable on bigger screens. Setting Up An Eris App
To set up a new Eris app users need to head into the Settings menu and select the "Smartlink Apps" option highlighted below.
Once in the "Smartlink Apps" menu simply search for "Eris" or select it from the available default options.
Here you can set up new "Configurations", "Language Packs" and "Details" from within the sub menus.
We have broken down each section of the submenus in the remainder of this article.
How to Set A Configuration
The following tables added below outline the available configuration options that can be used to tailor the App to meet specific requirements. To access every menu simply click the arrow pointing down and the menu will expand for you to customise.
Within the setup of configuration there are multiple menus detailed below for General setup, Miscellaneous and Image menu
Once created users will be left with a unique 15 digit config code that can then be used to add config to the smartlink.
General Menu
The general menu will allow you to set the name of your config as well as the ability to enable multiple different locale options. This menu has been shown below.
Locale options link into Language packs which has been detailed further down in this article. Essentially these act as app translation locales that can be listed into this menu for languager or terminology translations to key elements of the app such as "Add to cart", "add text" or "add Image".
Miscellaneous Menu
The following table details every single option that can be enabled within the Features menu located on your set configuration.
Option Name | Setting Option | Description |
Show Fill Message | Toggle | Enabled by default |
Image Validation | Toggle | Toggles visibility of the remove background tool which is set by default on this app. |
Save | Toggle | With this toggle enabled the customer will be able to save the design that they have created by entering their email to send their saved design to. |
Canvas Mode | Toggle | Canvas mode is ideal for users of kiosks and this option should be turned on if the environment being used is that of a kiosk. This is not set by default because the app has been designed for mobile devices. |
Background Colour | Toggle | With this toggle enabled the app will display a background colour for you to set. |
Image Areas Dropdown Enabled | Toggle | This toggle should be switched to on if you want the "Add Image" tab to be visible, please note that this will not create any new image areas as with the Eris app this is infinite and not a requirement to be enabled. |
Create new Text Area When You Click On Text Tab | Toggle | This toggle should be switched to on if you want customers to automatically create a new text areas when they click onto the "Add Text" tab found at the top of the app. |
Add Image Tab Enabled | Toggle | This toggle should be enabled if you want customers to be able to add images to their products, this should be turned off if you do not want customers to add image areas. |
Add Text Tab Enabled | Toggle | Same as the Image Tab Enabled but this will enable the "Add Text" tab which will allow users to personalise unlimited text areas but this should be turned off if you do not want this level of customisation. |
Print Job Thumbnail Type | Dropdown | From this dropdown you can specify the type of print job that will be generated by the system - this can either be left at PNG by default or updated to generate as JPG. |
External CSS URL | Input Field | Here you can add external CSS to change the appearance of the smartlink. To enable this you simply have to add the URL of the hosted CSS into the input field. |
Email Template | Input Field | The email template refers to the "Save" toggle and this will be the text that will be sent over to any customer who saves the design. An example of this could be "The following email contains a link to the design you created" and here you can set this template. |
Panel Background Colour | Input Field | With this field users can set colour of the panels within the app, by default these fields will be blue and green but here that colour can be set. |
Panel Background Colour Selected | Input Field | This field is similar to the above option but this will be the colour of the panel when the option is pressed. |
Print Job Number Of Thumbnails | Input Field | With this input field users can specify the number of thumbnails that can be produced with every artwork generation from this app. This is set to "-1" by default to not produce these thumbnails but users of multi aspect product can update this to produce a thumbnail for each page. |
Print Job Thumbnail Size | Input Field | The thumbnail size will be set to 500 pixels by default but users can update this to produce bigger or smaller thumbnails for each generated print job. |
Google Analytics Code | Input Field | Enter your Google Analytics ID here, Starting with "UA-". |
Mouseflow Website ID | Input Field | Mouseflow is a third party that tracks user activity within your app. Simply add the Mouseflow website ID they will have created for you and this will track activity. |
Below gives you a look at how this menu will appear for users.
Simply scroll through the features menu and once happy with your changes select "Save" and move onto the next menu in the sequence which is the "Image" menu.
Image Menu
The Image menu allows for users to upload images from the following listed options.
- Upload from your device
- Facebook Account
- Instagram Account
- External Links
- Flickr Account
- Dropbox Account
- Google Drive Folders
- OneDrive Folders
- QR Code
The menu will appear within the menu like the below image, with every toggle enabled to "on".
Image is the last menu within the configuration, users will than have a unique 15 digit code that they can use when using smartlink builder or default apps.
Language Packs
As mentioned before on this article language packs can be set to define the shown text for menu options such as "Add To Cart" which users may want to change to either "Add To Bag" or spelling add to cart in French which would be "Ajouter au panier". To set a new language pack simply click the "+ Create Locale" button shown below.
Once clicked users can select the language type from the dropdown which is set to English by default, as well as options to set a unique identifier as well as a name.
With these basic details now set users can expand the menu with the arrow which will show the Translations options which must be entered into the "To" column. These can be changed at a later date by simply amending the app.
Once the "To" translations have been set simply save the Locale which can than be entered into the "Enabled Locales" menu within the config which will ensure this locale is used for the app.
Example Of The App
We have created an example of the app for customers to use, this is using a test product and test galleries while using a variety of the different features and config options shown below.
Users can access this Eris App link here - Click Here
Related Articles
Smartlink Apps | Smartlink Builder Overview
Overview Smartlinks can be configured to suit different use cases and offer control over the end user journey. The available apps that the user can choose from will be detailed within this article. This article will offer information on the core ...Smartlink Apps | Stepped3
Introduction The following article has been written to detail how our standard Stepped 3 app can be set up and used for a stepped app experience. We have also detailed all of the available features associated with Stepped 3 general, features, ...Smartlink Apps | Proof3
Introduction The following article has been written to detail how our standard Proof 3 app can be set up and used for. We have also detailed all of the available features associated with Proof 3 features. This app is designed for the B2B market and ...Smartlink Apps | 3Column3
Introduction The following article has been written to detail how our standard 3Column3 app can be set up and used for. We have also detailed all of the available options associated with 3Column3 features, styling, product info, renderer option and ...Smartlink Apps | Flow
Introduction The following article has been written to detail how our standard Flow app can be set up and used for. We have also detailed all of the available options associated with Flow features, styling, product info, renderer option, POS (Point ...