How to add “Agree to Terms” checkbox

Posted by on Mar 20, 2012 in How To, Tips

How to add “Agree to Terms” checkbox

Sometimes you need to display some “Terms of Use” text and a check box “I agree to the Terms of Use”.
another possible use is “End User License Agreement” text and a check box “I agree to the End User License Agreement”. In the following examples, we will edit the form on the form edit page. Extra fields will be used to add this feature.

Method 1: put the agreement text on the page in a fieldset box. This does not include the agreement text in the email.
Edit the form on the form edit page. Three Extra fields will be needed. If you do not have three available extra fields, there is a setting to increase the number of available extra fields located just after the extra field section.

Add your “Terms of Use” title to the extra field label. Set the Field type: to fieldset(box-open).
Add the label “I agree to the Terms of Use” to the next extra field’s label. Set the “Field type:” to “checkbox”. Check the box for “Required field”. In the same extra field setting box add the “Terms of Use” text to the “HTML before form field” setting. (because the entry is so small to type in, type out your text in a text editor then paste it into the setting).
In the 3rd extra field setting box, leave the label blank and set the “Field type:” to fieldset(box-close). Click “Update Options”.

method1

Method 2: put the agreement text on the page in a readonly textarea. This does include the agreement text in the email.
Edit the form on the form edit page. Two Extra fields will be needed. If you do not have two available extra fields, there is a setting to increase the number of available extra fields located just after the extra field section.

Add your “Terms of Use” title to the extra field label. Set the “Field type:” to textarea.
Add the “Terms of Use” text to the “Default text” setting. (because the entry is so small to type in, type out your text in a text editor then paste it into the setting). Set the “Attributes:” setting to readonly=”readonly”
Add the label “I agree to the Terms of Use” to the next extra field’s label. Set the “Field type:” to “checkbox”. Check the box for “Required field”. Click “Update Options”.

method2

Method 3: put the agreement text on another page and add a link to it. This does not include the agreement text in the email.
Edit the form on the form edit page. One Extra field will be needed. If you do not have one available extra field, there is a setting to increase the number of available extra fields located just after the extra field section.
Add the label “I agree to the Terms of Use” to the extra field label. Set the “Field type:” to “checkbox”. Check the box for “Required field”. In the same extra field setting box add the following link code to the “HTML before form field” setting:
<p><a href="http://www.yoursite.com/terms/" target="_blank">Terms of Use</a></p>
Change the URL to your actual agreement page. Click “Update Options”.

method3

Do you need help?

Send us a Donation:

Donate to Mike Challis