The Image component adds a display-only image to a form page. Use it for product photos, event visuals, instructions, diagrams, brand imagery, or visual breaks between questions.
Image does not collect responses. It only displays content to respondents.
When to use Image
Section titled “When to use Image”Image works well for:
- Product photos or examples
- Event banners or venue images
- Instructional diagrams
- Visual section breaks
- Brand or campaign imagery inside the form
- Context before a group of questions
Adding an Image component
Section titled “Adding an Image component”-
Open your form in the editor
-
Drag the Image component from the left sidebar onto your form
-
Click Choose an image on the canvas or Add image in the settings panel
-
Select an image source
-
Configure captions and layout settings as needed
Image sources
Section titled “Image sources”Choose where the image comes from:
Select an existing image from your asset library. Use this for images you reuse across forms.
Upload an image from your computer. The uploaded image is saved to your asset library.
Paste a direct image URL. Use this for images hosted outside Fomr.
Configuration options
Section titled “Configuration options”Image source
Section titled “Image source”Choose, replace, or remove the image shown by the component. You can select from assets, upload a new file, or paste an image URL.
Caption
Section titled “Caption”Toggle whether the image has a caption. When caption is enabled, click the caption below the image on the canvas and type your text.
Captions support rich text formatting, so you can add short explanations or links when needed.
Full width
Section titled “Full width”Full width makes the image span the available form width. This is useful for banners, large photos, and section visuals.
When full width is enabled, custom size and alignment controls are hidden because the image fills the form content area.
When full width is off, set the image width and height. Fomr keeps the image proportions in sync while you adjust the size.
Alignment
Section titled “Alignment”When full width is off, align the image left, center, or right.
Tips for effective use
Section titled “Tips for effective use”Add images where they help. Use images to explain, illustrate, or set context. Avoid adding decorative images that make the form feel longer.
Keep captions short. A caption should clarify the image, not become another long text block.
Use full width for large visuals. Full-width images work best for banners and major section breaks.
Use custom size for supporting visuals. Smaller images can support a question without taking over the page.
Optimize uploads. Smaller JPG, PNG, or WebP files load faster for respondents.
Accessibility
Section titled “Accessibility”Image captions help respondents understand why the image is there. If an image contains important information, repeat that information in nearby text as well.
Avoid using images as the only way to explain required instructions. This helps people using screen readers and anyone who cannot see the image clearly.
Handling in responses
Section titled “Handling in responses”Since Image is display-only:
- It does not appear in form responses
- It is not included in exports
- It does not affect required components or validation
- It has no impact on submission data
Related
- Images in forms - How images work inside forms
- Asset management - Upload and reuse images
- Text - Add supporting text and instructions
- Divider - Separate sections visually
Need help?
For additional assistance with the Image component, check our FAQ section or contact our support team.