How to Add a Widget to Your Form

May 2, 2026

Jotform Widgets help make Creating Interactive and Dynamic Forms much easier. Whether you’re adding an interactive checklist, an image slider, or even an embedded video, there’s a wide variety of widgets you can use to enhance your form’s functionality and improve your users’ experience. Best of all, you can do it all without writing a single line of code.

Adding a Widget to Your Form

Navigating, selecting, adding, and customizing widgets to fit your needs is super easy. Here’s what to do:

  1. In Form Builder, click on Add Element on the left side of the page.
Accessing form elements in Form Builder by clicking Add Element on the left side
  1. Then, in the Form Element menu, click on the Widgets tab to search for the widget you want to use.
Navigating to the Widgets tab in Jotform’s Form Elements menu to find a specific widget
  1. Now, click on or drag and drop the widget to your form.
Adding a widget to a form by clicking or dragging it from the Widgets menu
  1. Next, on the right side of the selected widget, click on the Wand icon.
  2. In the Widget Settings panel on the right side of the page, set up the options the way you want them, and click on Update to save your changes.
Customizing widget options by clicking the Wand icon to open the Widget Settings panel
  1. In addition, if you click the Gear icon, it’ll open up the Question Properties menu that will give you more options to customize the widget. For a full breakdown of how to do it, head over to our guide on How to Access and Configure the Question Properties of a Widget.
Question Properties panel after selecting the Gear icon on a widget

That’s it. You now have an interactive and dynamic form that’s ready to engage your users and make their experience smoother and more enjoyable. You can always come back and tweak it anytime to better fit your needs as you go.

Note

Every widget comes with its own Properties menu, where you’ll find General and Advanced tabs for extra customization options. You can also tweak the widget’s appearance by injecting custom CSS if you want a more personalized look. For more details, check out our guide on How to Inject CSS Code Into Widgets.

Send Comment:

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

Comments:

  • Bradford House Historical Association - Profile picture
  • Muha Giar - Profile picture
  • mike wiener - Profile picture
  • Luz Diago  - Profile picture
  • Nava Meyer - Profile picture
  • Mallie Williams - Profile picture
  • char - Profile picture
  • Tiffany_Walker - Profile picture
  • jwbrva - Profile picture
  • hproinc - Profile picture
  • Ldechovitz - Profile picture
  • nadine_rivoldi - Profile picture
  • desk_reception - Profile picture
  • hjian6957 - Profile picture
  • kalanipunit - Profile picture
  • kenhal - Profile picture
  • CEPHAServices - Profile picture
  • komjati.krisztian.92 - Profile picture
  • joli08 - Profile picture
  • eybrown0311 - Profile picture
  • Bhoopsingh - Profile picture
  • f6oom - Profile picture
  • tammyhaire - Profile picture
  • stowestory - Profile picture
Still have unanswered questions?

We’re here for you 24/7, anytime you need us day or night. Have a question or need a hand with something? Our team is always ready to help out.