Elevate Your Forms with Visuals

Modified on Wed, 11 Sep at 1:55 PM

The form builder offers a versatile way to design personalized forms that gather crucial information from clients or site visitors. By incorporating images, you can significantly improve the visual appeal and engagement of your forms.


Steps to Add Images to Your Forms


1. Switch to the Relevant Sub Account: Begin by navigating from your main agency account to the specific sub account where you intend to enhance the form with images.


2. Access the Form Builder: Once in the sub account, go to the "Sites" section. From there, click on "Forms" and select "Form Builder."

Form Builder Navigation


3. Edit the Desired Form: Select the form you wish to modify, then click the "Edit" button to enter the form’s editing mode.

Form Editing Mode


4. Add Images to Your Form:

  • If the image feature is available, you will find options to upload both a header image and a background image under the "Styles" tab. Scroll down to the "Custom CSS" section, where you’ll see an upload button for these images.


Upload Images


  • For users who don’t yet have this functionality, an alternative method is available. You can utilize the Custom CSS field to embed images from your media library by linking them directly to the form’s header or background.


CSS Image Linking


Troubleshooting and Useful Tips

  • Feature Availability: If the option to add images doesn’t appear, the feature may not be activated for your account yet. However, it is gradually being rolled out and will soon be accessible to all users.

  • Custom CSS Tips: When using the CSS workaround, make sure the links to your images are correctly formatted and accessible. This will prevent any broken image links or loading problems.


Frequently Asked Questions

  • When will the image feature be fully available? The rollout is in progress, and while an exact date isn’t provided, it should be available to all users shortly.

  • What kind of images can I use? You can use any image, but we recommend selecting images that are properly sized and optimized for faster loading and compatibility across devices.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article