WuFoo component

The basics of a Wufoo component are outlined below. In order to complete this component, you will either need access to your agency's Wufoo account, or know which contact at your agency who can help get some of this information for you.

Tip: Wufoo forms can be embedded in the page, or displayed in a modal overlay (aka pop-up) window. If you plan to embed your form in the page, you only need to complete fields 1, 2, 4, 5, and 6. If you plan to embed your form in an overlay, then you will need to complete all the additional fields shown.

1. Name: enter a name for your component here. (This field does not display anywhere on your website, but is used to organize files within Tridion.)
2. Schema: select Wufoo
3. Modal introduction text - rich text that appears first in your modal overlay: (optional) you only need to complete this field if you plan to have your form pop-up in an overlay window. If you wish to do that, enter the introductory text that will appear in the overlay window.  This is a rich-text field that accepts images, bullets, font formatting, etc. 
4. FormID: enter the Form ID (or FormHash) from Wufoo.
5. Wufoo User Name: enter the user name associated with this form in Wufoo.
6. Additional options: leave this as the default unless you know what it is for and what you wish to change it to.
7. Modal name: (for overlays only) enter a unique alpha-numeric name, without spaces or special characters, for your form here. Examples: 2012MNIT, 19Admin
8. Height of form: (for overlays only) enter the height of your form in pixels.
9. Width of the modal: (for overlays only) select either small, medium, or large sizing from the drop-down menu.
10. Automatically display when page loads?: (for overlays only) if you select true, then the form pop-up window will appear when the page loads. If you select false, a button will appear on the page that triggers the pop-up window.
11. Button text: (for overlays only) if you selected false in the previous field, then you can enter the text for your button here.
12. Expiration: (for overlays only) if you want your overlay to appear to the same user every time they access the page, enter 0 in this field. Otherwise, you can set, in number of days, how often the user will see your overlays. For example, if you only want the user to see the overlay every 5 days, enter a 5 in this field.
13. Modal bottom text: (optional) you only need to complete this field if you plan to have your form pop-up in an overlay window. In this field, enter the outro text that will appear in the overlay window after your form.  This is a rich-text field that accepts images, bullets, font formatting, etc. 

When you have filled out the fields as needed, save and close your component.

Create This Page  Sample Page

The Wufoo component has two component template options, one of which is Wufoo Form Pageview. This component template renders content in the same format that it was created within Wufoo, the Tridion system does not apply any additional formatting. An example of an embedded form within a page is shown below: 

Create This Page  Sample Page

The Wufoo component has two component template options, one of which is Wufoo Modal Overlay. This renders content in the following ways:

If the Automatically display when page loads (#10) field is set to false, then a button will appear that the user has to click to get the form to pop-up. You can set the text of the button in the Button text (#11) field.

If Automatically display when page loads (#10) is set to true, or if the user clicks the button shown above, then a pop-up with the form will appear. In the example shown below, the only thing that displays is the Modal introduction text (#3).