Overview

Every button on your website should compel visitors to take immediate action. While text tells a visitor what to do, icons provide instant visual context, making your buttons and navigation elements more intuitive and faster to recognize.

Adding a relevant icon next to your button text instantly elevates its effectiveness by:

• Increasing Recognition Speed: Visitors can process a visual icon faster than they can read a label, making it quicker and easier for them to locate your key CTAs (like a phone icon for "Call Now").

• Attracting Attention: Icons allow you to introduce unique, customizable elements that attract a visitor's eye, drawing them toward the most important parts of your page.

• Improving User Experience (UX): A cleaner, more visually engaging design builds trust and makes your website feel professional and easy to navigate.

Guide

Click the button widget to bring up the Context menu.

Click the Design tab to bring up the Design Editor.

Click on Button to choose a shape and layout for your button

Edit the text and background color for your button.

Considerations

Only some button or navigation layouts support icons. Try various button styles to achieve your desired look.