Free I Agree Checkbox

Free tool to enforce your legal agreements and policies on web forms.

On this page

Build your I Agree Checkbox.

Customize your I Agree Checkbox tool in 2 easy steps.

Choose a color palette to match your website

Light

Dark

I will display the legal agreements as:

Link You must provide a link to each agreement

Full text You must provide the full text for each agreement

Privacy Policy URL

Terms & Conditions URL

Selector ID of Privacy Policy text <div> container

Create a HTML <div> container with the above ID and add the Privacy Policy text.

Selector ID of Terms & Conditions text <div> container

Create a HTML <div> container with the above ID and add the Terms & Conditions text.

Selector ID of form submit button

Enter the ID of the form submit button. If the submit button has no ID, add it.

Text for the "I Agree Checkbox" form line

If you change this text make sure to wrap the agreement name using the % sign: %PrivacyPolicy%

Selector ID of "I Agree Checkbox" form line <div> container

Create a HTML <div> container with the above ID for the text line: <div id="i_agree_checkbox_insertable_area"></div>

Text for Warning Modal

Text for when the user tries to send the form but did not accept the checkbox.

Text for the confirmation button in Warning Modal

Text for the cancel button in Warning Modal

Copy your I Agree Checkbox code below and integrate it with your web forms.

Place the code right after <body>.

Live Preview

Instructions

Customize the I Agree Checkbox script.
Place the code right after <body>.
Before the submit button of your web form, add in an empty <div> container:

<div id="i_agree_checkbox_insertable_area"></div>

The ID of this container must be the same as in Step 2 above, at Selector ID of "I Agree Checkbox" form line <div> container.
Add an ID parameter to the web form submit button.

<button type="submit" id="#submit_button">Submit</button>

The ID of this container must be the same as in Step 2 above, at Selector ID of form submit button.