Easyform documentation
Install easyformSchedule free trainingEasyapps home
  • Getting started
  • What's new
  • Easyform vs monday forms
  • Supported column types
  • ⚡Pro plan features
  • Pre-filling form fields with URL parameters
  • Mobile friendly forms
  • Rich text support
  • Fill forms inside monday
  • Links
    • Marketplace Listing
    • Book a call
  • Form settings
    • Adding, removing and reordering form fields
    • Item default values
    • Page style
    • Responsive field size
    • Right to left support
    • Form logo
    • Form title
    • Form description
    • Hiding field labels (compact mode)
    • Form colors
    • Submit button
    • Thank you page
    • Rounded corners
  • Adding New Fields
    • About adding new fields
    • Adding a text field
    • Adding a long text field
    • Adding a Connect Boards field
    • Adding a URL link field
    • Adding a phone field
    • Adding a numbers field
    • Adding a email field
    • Adding a date field
    • Adding a checkbox field
    • Adding a single choice field
    • Adding a multiple choice field
    • Adding a file upload field
    • Adding a people field
    • Adding a tags field
    • Adding a location field
  • Field specific settings
    • About field specific settings
    • Make a field required
    • Responsive field width
    • Editing a field's label / placeholder
    • Editing a field's description
    • Conditional display
    • Files Column Settings
    • Status column display modes
    • Dropdown column display modes
    • Connect Boards Column Support
    • People Column Support
    • Tags Column Support
    • Location Column Support
  • Shared field settings
    • About shared field settings
    • Responsive field size
    • Hiding field labels (compact mode)
    • Field colors
    • Field rounded corners
  • Publishing the form
    • Publishing the form
    • Publishing changes
    • Sharing the form
    • Embedding the form
  • Embedding Easyform
    • Embedding in Wix
    • Embedding in Shopify
    • Embedding in Softr.io
    • Embedding in Webflow
    • Embedding in WordPress
  • HOW-TOS
  • Adding a confirmation checkbox
  • Adding a Terms & Conditions field
  • Prepopulating embedded wordpress forms with user data
Powered by GitBook
On this page
  • 1. Prepare your Terms & Conditions document
  • 2. Create a Dropdown Field in your monday board
  • 3. Adding the Terms & Conditions to EasyForm
  • Adding the Terms & Conditions as a link
  • Adding the Terms & Conditions as an embedded document
  • Adding a collapsible Terms & Conditions
  • Adding collapsible embedded Terms & Conditions document

Adding a Terms & Conditions field

PreviousAdding a confirmation checkboxNextPrepopulating embedded wordpress forms with user data

Last updated 6 months ago

When collecting data through forms, it's often necessary to include Terms and Conditions that users must accept before submitting their responses. Here's a simple guide on implementing this on monday using EasyForm.

1. Prepare your Terms & Conditions document

You can use any public URL as your Terms & Conditions, a page on your website, a Google Doc, etc.

To use Google Docs:

  • Upload your document to Google Docs

  • For a public link to the Doc, go to File → Share → Publish to web → Link

  • For a public embed code to the Doc, go to File → Share → Publish to web → Embed

2. Create a Dropdown Field in your monday board

  • Include a single option: "I accept the terms and conditions."

  • Create an EasyForm and add the Dropdown field.

3. Adding the Terms & Conditions to EasyForm

Adding the Terms & Conditions as a link

To add a link to the Terms & Conditions, paste an HTML a tag in the description of the Dropdown field with a URL for your document. Copy the code below and replace YOUR_DOCUMENT_URL it with the URL to your doc.

<a href='YOUR_DOCUMENT_URL' target='_blank' rel='noopener noreferrer'>Terms and Conditions</a>

Then add the HTML to the Dropdown field description:

Adding the Terms & Conditions as an embedded document

You can embed an external document in your form and display it as Terms & Conditions. To do this, paste the embed code into your document in the description of the Dropdown field. Replace YOUR_DOCUMENT_URL in the code with the URL to your Terms & Conditions. If you are copying the embed code for a Google doc, add a width and height like in the code below to adjust the size of the document to the form.

<iframe
  width="100%"
  height="315"
  src="YOUR_DOCUMENT_URL"
  frameborder="0"
  allowfullscreen
>
</iframe>

Adding a collapsible Terms & Conditions

By adding some HTML and CSS, you can make the terms and conditions collapsible. All you need to do is past this code block below in the Dropdown field description and replace the text with your Terms & Conditions, ending up with this form:

Copy the code below and replace the content with your Terms & Conditions. Notice the the summary tag is the text visible when the Terms & Conditions are closed.

<body>
  <details
    style="
      margin: 10px 0;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 4px;
    "
  >
    <summary style="font-weight: bold; cursor: pointer">
      Terms and Conditions
    </summary>
    <p>
      This is a collapsible description. You can include any HTML content,
      such as text, images, or links. The content will be hidden until the user
      clicks the "Description" summary above.
    </p>
    <p>
      Additional content can be added here. This is useful for long descriptions
      you want to keep hidden by default.
    </p>
  </details>
</body>

Then paste it in the Dropdown field description:

Adding collapsible embedded Terms & Conditions document

Copy the code below and replace the YOUE_DOCUMENT_URL with the URL to your Terms & Conditions.

<body>
  <details
    style="
      margin: 10px 0;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 4px;
    "
  >
    <summary style="font-weight: bold; cursor: pointer">
      Terms and Conditions
    </summary>
    <p>
      <iframe
        width="100%"
        height="315"
        src="YOUR_DOCUMENT_URL"
        frameborder="0"
        allowfullscreen
      ></iframe>
    </p>
  </details>
</body>

Finally, paste the code in the Dropdown field description:

Add a new

If you want the Terms & Conditions to be mandatory, to ensure users must accept before submitting.

Dropdown field to your board.
mark the field as required
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen