Icon Object

Learn how to add icons through the event website builder

Ariane Ramirez avatar
Written by Ariane Ramirez
Updated over a week ago

You can add different page contents, such as text, images, videos, icons, buttons, and more, using the Event Website Builder. Each object can be customized through the right-side menu in the editor. In this article, you'll learn what each setting can do to make your page look appealing.

Note: This feature is available only for Enterprise and White Label Plans

The Icon Object allows you to add icons or images that appear side by side on your page. You can use this if you have several small images that you want to put together instead of adding each to a row with multiple columns.

Add Icons to The Page

  • Drag the icon object from the Content tab to the template

  • Select the object from the template to load the content settings

  • Click Add New Icon to start adding the icons

Change Image

  • Click Change Image to load the File Manager page.

  • Select whether to upload a file, import or search for images online.

  • Select the image and click Insert to add the image to your page.

Note: Your previously added and used images in the event website builder should all be stored here.

Apply Effects

The Appy Effects button opens the image editor where you can further enhance the image through filters, resizing, adding overlay and more.

Icon Settings

When the more options menu is enabled, you'll find other settings, such as adding an action to the image, a text label, alternate text, and a hover text.

Icon Actions

The Link Type dropdown allows you to add a specific action or response when the object is clicked, such as redirecting to another page or section on the same page, sending an email, starting a call, or sending an SMS.

Text and Image Settings

Block Options

This last settings section in the content settings menu allows you to control the space between the object and the block (object container), hide the whole block, give the block an ID to identify it easily and create an anchor link.

  • Padding - Increasing the padding to add space between the object and the block or object container.

  • Hide On - hide the object from desktop or mobile view.

  • Block Identifier - this setting is used with an Action setting to create anchor links.

Did this answer your question?