How to Add and Set Up the Spoiler Widget on Your Form

February 1, 2026

With Jotform, you can easily add a fun and interactive touch to your forms using the Spoiler Text widget. This tool lets you hide content behind a clickable spoiler bar, making it perfect for quizzes, surveys, and any form where you want to reveal information only when the user is ready.

Jotform’s Spoiler Text widget helps you keep your form clean and organized while still delivering details in a dynamic way. It’s a simple, creative feature that makes your forms more engaging without adding extra clutter.

Here are a few ways to use it:

  • Add hidden hints or clues in online quizzes.
  • Reveal answers or explanations only when users choose to see them.
  • Hide optional details in surveys to keep your form short and easy to follow.
  • Provide extra context in application or request forms without overwhelming the user.
  • Share expandable step-by-step guidance in interactive forms.

Whether you’re creating a new form or updating an existing one, you can add and set up the Spoiler widget in a few easy steps. Here’s how to do it:

  1. In Form Builder, click on Add Element on the left side of the page.
Add Element button in Jotform Form Builder
  1. Now, in the Form Elements menu, under the Widgets tab, search for Spoiler and click on it. Or, just drag and drop it to where you want it to be on your form.
Spoiler element under the Widgets tab of the Form Elements menu in Jotform Form Builder
  1. Next, in the Widget Settings menu that opens on the right side of the page, under the General tab, you’ll see this list of settings you can configure:
    • Content — Delete the default text in the input box and enter the text you want to reveal. This is the hidden content that will appear when the user clicks on the Show button. Clicking on the Hide button will collapse the content again.
    • Title — Delete the default text in the input box and enter the label or heading you want users to see first. This becomes the visible line that users will only see initially on the form.
  2. Once everything’s set, click on Update.
Spoiler Widget Settings in Jotform Form Builder

That’s it. Now you’ve added and set up the Spoiler widget on your form. You can test it on this demo form.

Spoiler widget on a Jotform form

Notes

Send Comment:

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

Podo Comment Be the first to comment.
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.