Simpl template

 

This manual will help you set up your Simpl design. Dependent on your needs and the style you are going for, you can skip the steps, that you do not feel are relevant to your webshop. The manual contains information regarding the extra features that are included in the Simpl design, so it can be a good idea to refer to the manual for your webshop platform for general instructions to setting up a design in your webshop.

 

We have created Simpl based on research into the latest webshop design trends and feedback from our customers. We hope that you will be happy with the design, and wish you a successful webshop!

Select a theme

To start using Simpl as your design, you will need to access Online store > Design > Browse Design Store and select Simpl. When you see Simpl in your list of designs, click Customize.

 

Simpl comes with four themes, that you can choose between under Themes. Click Save to save your changes. Use the See online button to preview your webshop with the Simpl design. Don't worry if the webshop is not looking exactly, as you expected, as we will be covering the rest of the setup process in the following steps.

Concrete

Haranae

Nightshade

Paper

Picture element

The picture element is placed on the front page just below the top navigation menu. When selecting images, consider what will represent your webshop best, as this will make the shop more memorable for your customers, which will increase the chances of them returning to your shop.

Image size

Make sure to upload high quality images to the shop, to enjoy the full graphical potential of the design. For the best experience on your frontpage, we recommend using images with the following dimensions: 2560x704px at 72dpi and setting the height of your picture element to 704px:

To optimize the image, you can use e.g. the compression tool Optimizilla which will help to reduce the size of the file, while retaining the image quality. All you have to do is upload your image to their service, change the quality settings if necessary, and click download.

 

Use a captivating headline and a call-to-action button to drive interaction with your customers

Add content

Click the pencil in the picture element section to add headlines and a call-to-action button. Insert the link to the URL you wish to send the customer to, when clicking the slide. The title will act as a headline, while text is a descriptive text below the headline. The link text is the text displayed on the call-to-action button. You must enter a value for link text in order to display the button on the slide.

Frontpage categories

Simpl enables you to display select categories on the front page of your webshop. You can select an unlimited amount of categories to display. The categories will be displayed in rows of 4, so they are easy to navigate.

 

 

You can rename "Shop by Category" to a different text by going to Actions > Edit translations and changing the field SHOP_BY_CATEGORY:

 

To display a category, enter the category ID under Customize > Settings in the field Frontpage categories. Separate IDs with a comma ( , ).

 

You can find the category IDs in the category list under Products > Product categories.

Product list

Simpl features a page content width of 1600px, which brings additional space for products in the productlist, compared to most other designs. Therefore, you can select whether to display 4 or 6 products in your product lists. You can see examples of the two choices below:

 

Select whether to display 6 products in product lists under Customize > Settings in the field Expanded productlist:

Unique selling points

Simpl features up to 4 selling points at the top of the page. You can set icons, headlines, subheadings and links for each selling point.

 

You can manage your selling points under Customize > Unique selling points in the Actions > Edit translations.
Under Customize you can select whether to display a selling points, and which icon to use.
Under Edit translations you can enter the headlinesub-heading and link for each selling point.

Online store > Design > Customize > Settings > Unique selling points 

Online store > Design > Actions > Edit translations