Adding Icons to a Landing Page | Zoho LandingPage User Guide

Icons

Icons on landing pages act like quick visual clues that help visitors understand information faster and easier. Icons also enhance the visual appeal and make the navigation intuitive. Additionally, they help break up text, making the page less overwhelming and easier to navigate.

Inserting an icon

  1. To insert an Icon element to your landing page, click on the Insert button to view the menu.



  2.   In the menu, click on the Elements tab and choose from the 3 types of icons to be inserted in your landing page.



  3.   You can choose from the various types of icons to be inserted on your landing page. They will appear on your landing page as shown below
  1. Icon



  2. Icon with Heading



  3. Icon with Heading and Text


           

Accessing icon properties

  1.  You can access the icon properties by clicking on the properties icon next to the element name in case it is not visible already. In the General Properties tab, you can change the icon, alignment, size, color, and style of the icon. Click on the Change Icon button to access the icon library.



  2.  You can select an icon of your choice and click on Save to replace the icon inserted in your landing page.



  3.  In the Heading and Text Properties, you can change the heading type according to your requirements.