How to add HTML content and content box with icon section

Back


Sometimes the user may want to add text, an image, a video; or an icon to appear to the shopper for promotional or informational purposes. This article explains how to do this through the homepage sections.


HTML content Section


This section allows you to create any content you want to appear on the homepage. This can include writing text, images, or videos, and using various editing and visual tools such as:

Adjusting font type and size, positioning text, adding images or videos to a text, adding links, creating tables, adding emoticons... etc.


To use this option, press the "Add Section" button on the homepage settings and select "HTML Content". Enter your content in the designated area.


You can also customize the background color and spacing of this content by using the "Styles" option. This will give you a range of options to guide your clients toward the goal of the content you've created.


Make sure to test this section and ensure the content you've added to the homepage works well. And remember to save your changes after each edit.



Content-box with icon


This option is a creative way to guide customers to other pages or websites for added convenience when browsing your store's homepage. It can also be used simply to redirect customers to your social media pages for example.


To take advantage of this setting, click on the "Add Section" button through the homepage settings, then select the content box with the icon, and follow the steps:

1. Label this section with a title and optional subheading.

2. Click on the "Add content box” button.

3. Select a specific icon that aligns with the purpose of this section by clicking on the "Selected icon" box. A wide range of icons are available for you to choose from, you can browse through the icons or use the search bar to find a specific one.

4. Customize the icon's color and background color.

5. Set the icon's title color.

6. Enter the text of the action you want the customer to take and then put the link you want in the "action URL" field.

You can use the "styles" section to adjust the color of the buttons and the top/bottom spacing of the icon.

Image Modal

Was this pages helpful ?

Can't find the answers you're looking for? We're here to help.