The Wufoo Blog

Accepting Terms of Service Through a Wufoo Form

By Kevin Hale · July 8th, 2010

We’ve got a new featurelet for our designer friends out there in Wufoo land to help make your fellow legal buddies smile. We’ve added a new built in CSS Keyword called scrollText that turns a section break into a fixed height box with sweet scrollbar action. Now you can show your terms of service and other legal conditions right inside your form without having to sacrifice a lot of vertical space.

Terms of Service using scrollText Keyword

Adding scrollText to CSS Keyword setting for a Section Break Field

Using the CSS Keyword

To use this CSS Keyword, just add a section break field to your form, copy/paste your text and then add scrollText to the CSS Layout Keyword options under the Field Settings tab. Please note that this feature only works on Section Breaks and like all CSS Keywords does NOT update live in the Form Builder, but will show the effect on your live form and in the Entry Manager. You can learn more about this feature and other useful keywords in our CSS Keyword Documentation.

Using HTML to Add a Link

If you’re not interested in copy/pasting all your legal mumbo jumbo right into your form, you can always add a HTML link to your Terms of Service sitting on another web page by adding the markup right in the text of one of your choices for your checkbox field.

I agree to the <a href="" target=”_blank”>Terms of Service</a>.

The above line will result in a checkbox choice that will link to your terms from your form like so:

Terms of Service using HTML Link

Either way, we hope these methods will help you create a more transparent data collection process by making access to your terms, rules and conditions a lot more convenient for your users.

Other Related CSS Keywords Blog Posts

This entry was posted 7 years ago and was filed under Tips and Tricks. Comments are currently closed.


  1. This is great news. I was just trying to work a way out how to do that. Thanks for integrating it.

    Posted 7 years ago by iuzbob.
  2. Don’t forget that when you do this:

    I agree to the Terms of Service.

    To add a target of “_blank”. Otherwise the users will be sent away from the form and if they go back all their info will be gone and they’ll have to re-type it.

    It would look like this:

    I agree to the Terms of Service.

    Posted 7 years ago by Jorge Morales.
  3. Uhhh the above comment won’t work since HTML is enabled…well I tried!

    I agree to the < a href=”” target=”_blank” >Terms of Service< / a >.

    Posted 7 years ago by Jorge Morales.
  4. Thanks Jorge for the reminder and tip. I’ve added the target attribute to the HTML snippet we posted in the article.

    Posted 7 years ago by Kevin Hale.
  • Search

  • About

    The Wufoo Blog is the official online publication written by the developers of Wufoo about their online form builder, form-related technologies, and whatever else may fit their fancy—like robots.

  • Archives