Skip to main content

Icons

The Icons section is the ideal way to present the most important strengths of your webshop (Unique Selling Points) clearly side-by-side. Think of "Free shipping," "30-day return policy," or "Sustainably produced." By using icons, visitors can understand at a glance why they should buy from you.

When you add this section via the preset, four example icons are immediately placed to help you get started.

General Layout & Whitespace​

Set the base of the section to ensure it creates a calm look on the page:

  • Color scheme: Choose a fitting color scheme for the background and the icons/texts.
  • Spacing (Whitespace): Manage the margin (outer space) and padding (inner space) at the top and bottom. For a tight connection to the footer or a section below, you can check the 'No margin bottom' option.
  • Custom Class: Add your own CSS class for specific styling requirements.

Adding blocks (Icons)​

You build the content of this section with individual 'Icon' blocks. You can add as many blocks as you like, and they will automatically distribute themselves across the width of the page.

For each icon block, you can configure the following:

  • Icon: Enter the code for the desired FontAwesome icon here (e.g., fa-regular fa-truck for a truck or fa-regular fa-heart for a heart). You can choose from thousands of icons in the FontAwesome library.
  • Title (Heading): The short, powerful heading above or next to the icon (e.g., "Fast delivery").
  • Text: A brief explanation or extra information below the title (e.g., "Ordered today, delivered tomorrow").

Tip: Keep the texts in this section short and concise. The strength of this section lies in the speed with which a visitor can scan the information.