How to Display Images on Your Form

February 21, 2024

Adding images to your forms can enhance the user experience and improve engagement. This guide shows how to add images to your form using form elements and widgets.

Youtube Embed Poster: 6cq6sUQy_fQ

Note

Use a secure HTTPS address when using URL as the image source to avoid mixed content blocking.

Using the Image Element

The Image element comes with basic options for displaying images like resizing, aligning, and linking the attached image.

To use the Image element

  1. In the Form Builder, add an Image element to your form.
Adding an Image element in Jotform Form Builder
  1. In the properties panel on the right, select Choose a File.
    Note: To view properties, select the Image element’s gear icon.
  2. Finally, choose an option for your image source.
form-builder-image-top-choose-file-min

Here are the available options:

  • Upload — Choose an image file from your device.
  • My Images — Choose one from your previously uploaded images. You can also delete your uploaded images here.
  • Enter URL — Enter the link or address to your image.

Once that’s done, you can change your image’s size and alignment. To add a link to your image, go to the Advanced tab, enable Link Image, and then enter the URL.

Using the Paragraph Element

The Paragraph element, as a rich text editor, can display images on your form, plus more.

To display images using the Paragraph element

  1. In the Form Builder, add a Paragraph element to your form.
The Paragraph element in Jotform Form Builder
  1. In the editor, select Insert Image at the top.
The Insert Image icon in Jotform Form Builder
  1. In the Insert Image dialog, choose an option for your image source.
The Insert Image dialog

Here are the available options:

  • Upload — Choose an image file from your device.
  • My Images — Choose one from your previously uploaded images.
    Note: To delete your uploaded images, use the Image element.
  • Enter URL — Provide the link or address to your image.
  1. Finally, select Insert Image.

Using Widgets

For displaying multiple images, you can either use the Image Gallery or Image Slider widget.

The Image Gallery widget
Image Gallery
The Image Slider widget
Image Slider

To display images using a widget

  1. In the Form Builder, select Widgets in the left panel.
  2. Search and select Image Gallery or Image Slider.
form-builder-image-gallery-slider-widgets-min
  1. In the widget settings panel, select Choose Images, then choose your image source.
The Image Gallery properties

Here are the available options:

  • Upload — Choose image files from your device.
  • My Images — Choose from your previously uploaded images.
  • Enter URL — Provide the links to your images.
Academy Logo

Introduction to Form Building

Explore Widgets

Go to course :Explore Widgets
lesson-2 - image
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • JessicaBSL - Profile picture
  • Jason - Profile picture
  • CscProvidence - Profile picture
  • pikablink - Profile picture
  • clmconsultorialegalmigratoria - Profile picture
  • globalessensa - Profile picture
  • imglobaldesi - Profile picture
  • KellyO - Profile picture
  • EltonCris - Profile picture
  • Lightray - Profile picture
  • evgor - Profile picture
  • posnaforms - Profile picture
  • beme2014 - Profile picture
  • odofertas - Profile picture