Need help? You’ve come to the right place

What’s New Getting Started Building Integrating Publishing

The icon widget

Last Updated

Spruce up your pages with illustrative icons using our specialized widget—which includes icons for everything from social media services to payment methods.


Using the icon widget

Choosing an icon

Once you place an icon widget on your page, click the smiley face (which is the default icon) to bring up the widget settings. From there, you can browse and search through a vast library to find an icon that suits your needs.

TIP: To focus on specific icon sections, you can hide other categories—just click the upward-facing arrow next to the category title.

Adding a link

Any icon can be turned into a link—which is great as they can act like buttons. To add a link to your icon, click it to open the widget settings, then click the chainlink icon. From there, choose Open a pop-upGo to an external URL, Go to a landing page, or  Jump to a page section and select the link destination, as shown below.

Using icons as list bullets

In addition to standalone icons, you can use any icon in our library as a text bullet. Using the text widget, create a list. Then, select the smiley face option in the list settings and choose your preferred icon.

For more details, please see our guide on using the text widget.

Customization and Styling Details

Icon size

In the icon selection panel, you can toggle between three icon sizes: small, medium, and large. Each size determines the width of the container an icon occupies.

  • Small: the icon will take up 25% of its container’s width
  • Medium: the icon will take up 50% of its container’s width
  • Large: the icon will take up 75% of its container’s width

The height of the icon cannot be adjusted independently. 

Tips and Frequently Asked Questions

Tip: Use payment icons on sales pages

The icon widget library provides several common payment type icons—so you can display which methods you accept right on your page.

Where do the icons in the library come from?

Our icon library is powered by Font Awesome.

Need more help?

You can always get in touch with our support team—just click Support in your Leadpages navigation menu, or submit a ticket ↗

Was this article helpful?
Powered by Zendesk