Step 1: Adding the Icon Element
To get started, open the elements menu on the left side of the editor and find the "Icon" element. Drag and drop it into your campaign where you want it to appear. The icon will show up as a placeholder image initially.
Step 2: Configuring the Icon
Once the placeholder icon is in place:
Go to the Content panel in the editor.
Click on the placeholder icon to open the editing options.
Step 3: Choosing or Uploading an Icon
In the Content panel, you have two options to add your icon:
Upload Your Own Icon: Use the "+" button to upload an image from your computer. You can also drag and drop the file into the upload area.
Select an Existing Icon: Choose from a library of icons you've already uploaded or browse free stock icons available within the platform.
Once your icon is uploaded or selected, it will replace the placeholder image in the campaign.
Step 4: Customizing the Icon
You can adjust the icon's appearance to fit your design:
Alignment: Use alignment tools to position the icon where it looks best in your layout.
Size: Resize the icon to make sure it fits well with the other elements on the page.
Both options are available directly in the Content panel.
Step 5: Adding Interactive Features
Make your icon clickable by adding a call-to-action link:
Scroll to the bottom of the Content panel.
Find the Action dropdown menu.
Add the URL or command where you want users to be redirected when they click on the icon.
Step 6: Final Review and Testing
Once you’ve customized your icon, preview your campaign to ensure everything looks good and functions as expected. Test any links or interactions to confirm they work correctly.
Icons can make your campaign more engaging and easier to navigate, so take the time to position them thoughtfully and align them with your overall design.