Images in Forms

Overview

Visual design plays a key role in how people engage with your forms. Adding images—whether as backgrounds, headers, or inline elements—creates a more professional and branded experience. With built-in tools for resizing, alignment, and placement, you can easily design forms that are both functional and visually appealing.

Benefits of Adding Images

• Increased Engagement – Images capture attention and encourage form completion.

• Brand Consistency – Reinforce your branding with logos, colors, and custom imagery.

• Immersive Design – Backgrounds and headers create a polished, memorable look.

• Efficiency – Built-in resizing tools eliminate the need for external editing.

Accessing the Form Builder

1. Log in to your account.

2. Navigate to Sites > Forms > Builder.

3. Choose + Add Form or edit an existing form.

Adding Images to Your Forms

1. Inline Images (Resizing & Alignment)

• In the builder, go to Add Form Element.

• Under Customized, drag and drop the Image element.

• Adjust settings:

  • Alignment – Left, center, or right.

  • Width & Dimensions – Scale image size for balance.

  • Text – Add captions or supporting details.

• Click Choose File to upload your image.

2. Background Images (Full-Page Visual Backdrop)

• Open the Styles panel in the builder.

• Scroll to Colors & Background.

• Upload or drag your chosen image.

• The image will cover the full page for a seamless branded effect.

3. Header Images (Top Banner)

• Open the Styles panel.

• Scroll to Header Image.

• Upload or drag your desired image.

• This will span the width of the form and remain fixed at the top.

Saving and Previewing

• Always click Save after adding images.

• Use Preview to test the design before publishing.

• Adjust background contrast, header size, or inline placement to keep forms user-friendly.

Best Practices for Branding & Personalization

• Use background images that support readability (avoid busy designs).

• Select header images that reinforce your message or campaign theme.

• Optimize file sizes (compressed JPEG/PNG) for faster load speeds.

• Keep layouts clean—images should enhance, not distract from, form completion.

FAQs

Q1: Can I use both background and header images together?
Yes, combining them can create a more engaging and branded look.

Q2: What image formats are supported?
JPEG, PNG, and GIF formats are supported.

Q3: How do I resize or align images?
Use the Image Resizing & Alignment tool in the builder to adjust width, alignment, and captions.

Q4: Will adding images slow down my form?
Large files may affect load times. Use compressed, high-quality images for best results.