The Image Element in your CRM's Form Builder lets you easily add visual elements like header images, background images, or other visuals to enhance the appeal of your forms. This guide walks you through adding and styling images to create visually engaging designs.
Accessing the Form Builder
Within your CRM, locate the "Sites" section. From there, hover on the "Forms" option and then click on "Builder."
Edit Your Form
Choose the form you wish to edit, click on the three-dotted option, then select on the "Edit" button. This will open the form in editing mode.
Add Your Images
In the form editor, click on the "+" Icon and drag and drop the image element into your design. Place the image element where you want it to appear in the form layout.
You can also click the Options icon and access the Styles section.
There, you'll find options to add a header image and a background image under the "Colors & Background" tab.
Alternatively, click on Advanced settings and scroll down to the "Custom CSS" section. Here, you can upload CSS code for background images.
The Image Element in your Form Builder helps enhance the visual appeal of your forms. By adding header images, background visuals, or custom designs, you can create layouts that align with your brand and engage your audience effectively.
FAQs
Q: Can I use any image as a header or background?
A: Yes, but it's best to use optimised, web-friendly images that load quickly and display well on all devices.
Q: How do I ensure images added via CSS load properly?
A: Make sure your image links are correctly formatted and hosted on accessible servers to prevent loading issues or broken visuals.