[intro]In this Guide, you’ll learn how to add and customise the 5 Promos section on your EKM online shop.[/intro]

Before you begin, it’s a good idea to prepare the images you would like to use in the 5 Promos section. You will need three images that are 430px x300px (Promos 1, 2 and 3) and two images that are 650px x 350px (for Promos 4 and 5). Images with minimal detail work well here as text can be added on top. These images can be either .jpeg or.png image types and should be uploaded to Tiny Png/Tiny Jpeg (according to which file type you’ve chosen) to ensure that they have been optimised and will load quickly for visitors to your EKM online shop. 

These images will 'flex' and change shape, according to the device being used to view your EKM online shop. With this in mind, you mustn't include any text within the images themselves, but instead use the text fields to ensure that text can be read, regardless of the size of the browser being used to view your EKM online shop. 

1. Ensure you have the Sections tab highlighted, scroll to the bottom of the Sections and click Add Section:

2. From the list, click 5 Promos:

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 5 Promos section to display. Begin by selecting which design you would like to apply. Currently, you can choose from:

Design One

In this version, the Headline, Paragraph Text and Button are all displayed on top of the images. 

Design Two

For this style, the Headline, Paragraph Text and Button are displayed beneath the images. This makes the section longer but ensures that the images can be clearly seen. 

Promo 1, 2, 3, 4, 5

6. Now you can configure each of the images and their text. To begin, select whether you want the Headline Text to display by clicking the switch and if so, amend the text in the field provided. Below that, you can click the square to amend the colour of the Headline Text using the Colour Picker window:

7. 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:

8. Below this, you need to repeat the process for the Paragraph Text and select the text alignment using the drop-down menu:

9. Now you need to configure the Button. If you wish to use the Button, ensure that the switch is turned on, and you have amended the text in the field accordingly:

10. Click the Edit symbol to set where you want the Button to link to within your EKM online shop:

11. 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:

12. 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]

13. Scroll further down and you can customise the appearance of the Primary Button by clicking the squares to open the Colour Picker windows:

14. When you have edited the colours used on the Primary Button, you can click the switch to ensure the image is displayed, and then click the Select Image button:

15. In the window that appears, click the Upload Image button in the top right-hand corner:

16. In the second window, click the Select File button:

17. When you have located the image on your computer, you’ll see a preview of it in the window. Click the green Upload File button:

18. In the remaining window, click the file name and the image will be applied:

19. Now you’ve added the Background Image, scroll further down and you can amend the Background Colour using the Colour Picker window as before:

[remember]If you choose Design One when selecting the layout of the 5 Promos section, you will not need to amend the Banner Colour as this is not used on this Layout choice.[/remember]

20. Now you have customised Promo One, your next step is to repeat these steps in the Promo Two, Three, Four and Five elements:

21. When you have finished editing this section, click the green Save button in the bottom left-hand corner:

[more]

[/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]