Wufoo Help Center Elements

BETA BANNER: When you link text in a beta banner, the text within the anchor tags is smaller than the normal text around it. This makes me sad and uncomfortable.

Jump to...

 

Headers and Paragraphs

This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.

This is an h2

This is a paragraph. Above this paragraph is an h2.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

This is an h3

This is another paragraph. Above this paragraph is an h3.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has. Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

 

Text Formatting

This is what bold text looks like.

This is what italicized text looks like.

This is what underlined text looks like.

This is what orange text looks like.

This is what linked text looks like.

 

Line Breaks and Word Wrapping

I'm gonna put a line break
just for fun.

This wraps! Neato! MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCWV8n7Q7zm0MfvC4Ih7vkjSV3j5yzmDTxPxe3vX5+YjhfezU8y991UOPOUakZv5QE5eDk8DkL1Xu6rxNd8ywATc1mpwIlith3qWzIz8vCPqPTuXJM0vv3znVKNqekD172Q2HC5W0qBHEoB2GiLCQ81rHQIN0VKQ+of9OYzWmXGSQIDAQAB

This doesn't wrap cuz ur missing the class! This doesn't look so good, does it? cMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCWV8n7Q7zm0MfvC4Ih7vkjSV3j5yzmDTxPxe3vX5+YjhfezU8y991UOPOUakZv5QE5eDk8DkL1Xu6rxNd8ywATc1mpwIlith3qWzIz8vCPqPTuXJM0vv3znVKNqekD172Q2HC5W0qBHEoB2GiLCQ81rHQIN0VKQ+of9OYzWmXGSQIDAQAB

 

Lists

To make a numbered list:

  1. Have steps.
  2. Write the steps.
  3. Do other stuff.
  4. Profit.

Here are some words in an unordered list:

  • Pizza
  • Cookies
  • Shoes
  • Tokyo

 

Spotlights

Spotlight with Image and Content, 3 Rows

Put the h2, the image, and the content all in different table rows.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

 

Spotlight with Content, 1 Row

Put all the content in the same table row. To make a horizantal rule under the h2, you can put the h2 and the content in different table rows.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

 

Spotlight with Content, 2 Rows

Put all the content in the same table row. To make a horizantal rule under the h2, you can put the h2 and the content in different table rows.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

 

Spotlight with Table, 2 Rows

Type
Description
Lorem ipsumLorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.
Lorem ipsumLorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.
Lorem ipsumLorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

See also: Images or Videos

 

Tips, Alerts, Banners, Examples

BETA BANNER: This is a banner letting you know something important about the availability of the feature or that an article is English only.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

TIP! To customize the text formatting across your entire survey, create a custom theme.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

This is important to know—please read about creating a custom theme.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

Why not enter the correct destination username. You can't undo this action.

Be sure to enter the correct destination username. You cannot undo this action.

Don't enter the correct destination username. You can undo this action.

Lorem ipsum dolor sit amet, usu ignota verear ad. Nec partem dolorum accusam at, vel eros novum ad, ut nihil laoreet cum. Lorem decore nonumes at has.

 

Zips

Zips

This is a zip

Usu ad gubergren laboramus argumentum, mei ne adipisci atomorum expetendis, molestie persecuti constituam id vis. Laoreet propriae definitionem vix te, cum accusam democritum at.

Zips are sometimes called zippies or little zips

Usu ad gubergren laboramus argumentum, mei ne adipisci atomorum expetendis, molestie persecuti constituam id vis. Laoreet propriae definitionem vix te, cum accusam democritum at.

Video Zip

VIDEO: Title of Video

Big Zip

What a Big Zip

Usu ad gubergren laboramus argumentum, mei ne adipisci atomorum expetendis, molestie persecuti constituam id vis. Laoreet propriae definitionem vix te, cum accusam democritum at.

Common Questions

This is the first question?

Usu ad gubergren laboramus argumentum, mei ne adipisci atomorum expetendis, molestie persecuti constituam id vis. Laoreet propriae definitionem vix te, cum accusam democritum at.

Another question would be good?

Usu ad gubergren laboramus argumentum, mei ne adipisci atomorum expetendis, molestie persecuti constituam id vis. Laoreet propriae definitionem vix te, cum accusam democritum at.

Does this answer your question?

Usu ad gubergren laboramus argumentum, mei ne adipisci atomorum expetendis, molestie persecuti constituam id vis. Laoreet propriae definitionem vix te, cum accusam democritum at.

 

Tables

Big Table

See this guy: Payment Methods

Normal Table

ItemDescription
Laboramus argumentumUsu ad gubergren laboramus argumentum, mei ne adipisci atomorum expetendis, molestie persecuti constituam id vis. Laoreet propriae definitionem vix te, cum accusam democritum at.
Laboramus argumentum
  • Usu ad gubergren laboramus argumentum, mei ne adipisci atomorum expetendis, molestie persecuti constituam id vis.
  • Laoreet propriae definitionem vix te, cum accusam democritum at.
Laboramus argumentum laboramus

Usu ad gubergren laboramus argumentum, mei ne adipisci atomorum expetendis, molestie persecuti constituam id vis. Laoreet propriae definitionem vix te, cum accusam democritum at.

Laoreet propriae definitionem vix te, cum accusam democritum at.

Usu ad gubergren laboramus argumentumUsu ad gubergren laboramus argumentum, mei ne adipisci atomorum expetendis, molestie persecuti constituam id vis. Laoreet propriae definitionem vix te, cum accusam democritum at.

Little Table

ItemDescription
ThingValue
ThingValue
ThingValue
ThingValue

 

Font Icons

Colors

We use different classes to specify color:

P P P P P P

Inline

In a sentence, you can add a font icon like this P and it looks so good.

 

Images

Standalone Image

Image in a Spotlight

Image in a Single Row Table, One Column

Image in a Single Row Table, Two Colums

The benchmark icon indicates whether a question is benchmarkable. Look for the benchmark icon in the upper-left corner of a question when analyzing your results. Really, though—it's cool!

 

Videos

Standalone Video

Video in a Spotlight, Two Table Rows

Video Zip

VIDEO: Title of Video

Create online forms

Add HTML forms to your site in a snap—no coding required.

Change Language