ConvertedU Marketing Library Webinar Blog

Need help? You've come to the right place

What's New Getting Started Drag and Drop Standard Builder Integrations Center

The Icon Widget

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

In this article:

Using the icon widget

    Choosing an icon

    Adding a link

    Using icons as list bullets

Customization and styling details

Tips and FAQs 

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 sort of 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 External URLLeadpage®, or Leadbox® 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.

 

(Updated 08/15/16)


Please let us know if you have additional questions!

We’re here to help. If you run into any issues or just have additional questions, please contact our support team. You can also create a ticket by clicking the ? in the top right corner of your Leadpages dashboard. 

Was this article helpful?
Powered by Zendesk