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 the “Edit” button. This will open the form in the 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.
Additionally, click the Options icon and access the Styles section.
There, you can also 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 codes 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.
Frequently Asked Questions #
Can I use any image as a header or background? #
Yes, but it’s best to use optimized, web-friendly images that load quickly and display well on all devices.
How do I ensure images added via CSS load properly? #
Make sure your image links are correctly formatted and hosted on accessible servers to prevent loading issues or broken visuals.
Where do I add an image element to my form? #
Open the form in the Form Builder, click the “+” icon, and drag and drop the image element into the desired spot in your layout.
How do I add a header or background image? #
Click the Options icon, open the Styles section, and use the “Colors & Background” tab to add a header image or background image.
Can I use custom CSS for images? #
Yes. In Advanced settings, scroll to the “Custom CSS” section where you can add CSS code for background images.
Why should I optimize images before uploading? #
Optimized, web-friendly images load faster and display correctly across devices, keeping your forms attractive and responsive.
