[intro]In this Guide, you’ll learn how to add and customise the USP section on your EKM online shop.[/intro]
USP stands for Unique Selling Point, and these should ideally list short, snappy reasons for visitors to purchase from your EKM online shop. Before you begin, it’s a good idea to prepare the images you would like to use in the USP Section. You will need 4 images that are 40 pixels square and these must be .png images as they will need to have transparent backgrounds.
1. Ensure you have the Sections tab highlighted, scroll to the bottom of the Sections and click Add Section:
2. From the list, click USP:
3. Now this section has been added to your EKM online shop, click the Edit symbol:
4. Click the down arrow to edit each different element:
Settings
5. In this element, you can customise how you would like the USP section to display. Begin by selecting which design you would like to apply:
6. Currently, you can choose from:
Design One
With Design One, you’ll see a second drop-down menu, where you can select the Height of this section.
Design Two
With Design Two, you’ll see a second drop-down menu, where you can select the Content Alignment of this section.
Design Three
Design Four
USP 1, 2, 3, 4
7. To begin, click the switch to make the USP visible, and customise the Text by amending the text in the field provided:
8. Click the Edit symbol to set where you want the USP image to link to:
9. In the menu that appears, each folder symbol represents a different area of your EKM online shop. Click the green cross symbol to expand a folder:
10. Select the Category, Product or Webpage you want to link to the Button:
[remember]The Category, Product or Webpage that you want to link to must be visible and not hidden on your EKM online shop, otherwise, it won’t be visible in the link menu when you are creating the link.[/remember]
11. Click the Select Image button:
12. In the window that appears, click the Upload Image button in the top right-hand corner:
13. In the second window, click the Select File button:
14. When you have located the image on your computer, you’ll see a preview in the window. Click the green Upload File button:
15. In the remaining window, click the file name and the image will be applied:
16. Now you need to repeat this same process on USP 2, USP 3 and USP 4:
Colours
17. Below the USPs, you have a Colours element, where you can amend the colour of the Background and the Text by clicking the Colour Picker window:
18. You can drag the circle in the larger window to select your shade, use the slider below that to select the colour, click one of the primary colours below to use one of those, or if you have a hex code for a specific colour, paste it into the field and press Enter on your keyboard:
19. When you have finished editing this section, click the green Save button in the bottom left-hand corner:
[more]
- Using the Theme Editor on your EKM online shop
- Theme Editor Image Dimensions - Aerial
- How to change Fonts on your EKM online shop
- How to change the colours of your Theme
[/more]
[contact] If you need our help with your EKM online shop, contact your Ecommerce Expert or the Customer Support Team, who will be able to point you in the right direction. We're open from 8am-6pm weekdays and 9am-5.30pm weekends. If you'd like to suggest a feature or an upgrade on any of the EKM platforms, please let us know on the EKM Suggestions Board. If you have a non-account-specific question to ask the EKM Team, join us in the EKM Community. [/contact]