Smartlink Apps | Housename

Smartlink Apps | Housename

Introduction

The following article has been written to detail how our standard Housename app can be set up and used for. We have also detailed all of the available features associated with Housename features, styling, renderer option and image upload options. The Housename app is a minimal feature app that is specifically meant for simply text and image upload products. The app is ideal for blanks and virtual product types but was specifically made for products relating to house numbers. 
Key features of this smartlink app include CSS support, dynamic pricing controls and support for multiple image upload options.. 
The app is intended for use on desktop and larger screen sizes and may not display desirably on smaller screens. 

Setting Up An Housename App

To set up a new Housename 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 "Housename" 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, Features, Styling, Product Info, Renderer Options and a Miscellanious 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 language or terminology translations to key elements of the app such as "Add to cart", "add text" or "add Image". 

Features 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
Enable Products Tab
Toggle
This toggle should be enabled if you require the app to work as a product selector and should only be enabled if you want customers to select a product from the products tab. 
Enable Product Range Selector
Toggle
Relating to the products tab this toggle will show the different categories of products so users could select from different ranges of products such as t-shirts and hoodies. 
Step 2
Dropdown
Referring to the second step of the app this relates to the icon galleries that users can select icons from, this could be from any of the following 3 options - Motifs Gallery, Numbers or Nothing. 
Add To Cart Button Background Colour
Input Field
Allowing for a hex code to be entered to change the colour of the add to cart button.
Add To Cart Button Font Colour
Input Field
Allowing for a hex code to be entered to change the text colour of the "Add to cart" text. 
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.  

Styling Menu

Styling refers to the appearance of the app and how to create external CSS that can be used against your app.
Option Name
Setting Option
Description
External CSS
Input Field
Here you can add external CSS to change the appearance of the smartlink.
The styling menu will appear for users like the below. 

CSS is optional but recommended as it allows for your own company branding to match with the selected app. 
Once styling has been added users can move onto the next menu within the sequence. 

Renderer Options Menu

Renderer Options refers to how the app will first render and second the options that can be set for print job generation when an order is received from a customer. 
Option Name
Setting Option
Description
Draw Surface Area Border
Toggle
By default, a blue dotted line visually represents the Print Areas on the product. This can be toggled to turn them off/ on depending upon preference, gives a clean app appearance. This is most commonly best used on photo upload product to highlight where the decoration area is. Generally not needed for virtual products as they already feature a design"
Dynamic Pricing
Toggle
Enabled by default, this ensures that dynamic pricing set on the products are visible within the app. If no dynamic pricing is set on products this should be disabled. 
Show Dynamic Pricing Summary
Toggle
Enabled by default, this should be toggled to display Dynamic Pricing Summary based on user selected options. This requires an EPA parameter as well as appropriate Pricing Data against the Product/s. 
Show Virtual Product Placement
Toggle
Enabled by default, this will ensure for any virtual products that the placement of the image or text areas matches the relevant blank product. 
Show Share Popup After Order
Toggle
Enabled by default, this will open a popup for customers to share their order with others on their social media accounts. 
Link Galleries By Name To Image Areas
Toggle
This links any galleries specified in the smartlink to the Image Area on the product with the same name.
One Colour Mode Enabled
Toggle
The toggle will set the app to be in one colour meaning the button colours that can be set will default to black and white.
The renderer options menu will appear for users like the below. 

Simply scroll through the Renderer Options menu and once happy with your changes select "Save" and move onto the next menu in the sequence.  

Image Upload Menu

Image Upload options refer to options where users can upload their images from. 
Option Name
Setting Option
Description
Enable Image Upload
Toggle
Enabling this option ensures that users have the option to upload images, this should ideally be turned off for any products that do not contain image areas.
Enable Facebook
Toggle
Enables the option to upload images from your Facebook account.
Enable Flickr
Toggle
Enables the option to upload images from your Flickr account.
Enable Google +
Toggle
Enables the option to upload images from your Google Plus account.
Enable Instagram
Toggle
Enables the option to upload images from your Instagram account.
Enable Open Clipart
Toggle
Enabled the option to upload images from Open Clipart which is a free online clip art website that will host images.
Enable Dropbox
Toggle
Enables the option to upload images from your Dropbox account.
Enable QR
Toggle
Enables the option to upload images from your other devices by scanning a QR code.
The Image Upload menu will appear for users like this below example. 

Image Upload 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 with config options shown below. 

Users can access this Housename 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 | 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 | 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 | 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 ...