Create a Wufoo integration
Below are instructions on how to create a page with a Wufoo form integrated inside it.
-
Create a Headline and Introduction for the Page
- In the 020 section, navigate to the folder where the components for the page with the Wufoo integration will reside.
- Create a new component and complete the following fields:
- Name: enter a name for the component here
- Schema: select General Content
- Title: Enter a title for your page.
- Body Content: Add some introductory content for your page in this field.
Save and Close your component.
Create the 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.
Name: enter a name for your component here.
- Schema: select Wufoo
- 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.
- FormID: enter the Form ID (or FormHash) from Wufoo.
- Wufoo User Name: enter the user name associated with this form in Wufoo.
- Additional options: leave this as the default unless you know what it is for and what you wish to change it to.
- Modal name: (for overlays only) enter a unique alpha-numeric name, without spaces or special characters, for your form here. Examples: 2012MNIT, 19Admin
- Height of form: (for overlays only) enter the height of your form in pixels.
- Width of the modal: (for overlays only) select either small, medium, or large sizing from the drop-down menu.
- 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.
- Button text: (for overlays only) if you selected false in the previous field, then you can enter the text for your button here.
- 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.
- 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 the Page
- In the 050 section, navigate to (or create) the structure group where the page will reside.
- Create a new page.
- Fill in the Name, File Name, Page Display Name, Dublin Core Title, and Dublin Core Description fields.
- For the Page Template field, select the page template you wish to use. If you're unsure which template to use, you can leave this as the default Internal General Content.
- Click the Design tab.
- Click the Add button:
- Navigate to the General Content component you created in step 1, select it, apply the Page Introduction or General Content component templates, and insert it into the page.
- Navigate to the Wufoo component you created in step 2, select it, apply either the the Wufoo Form Pageview (form embedded in page) or Wufoo Modal Overlay (form appears in a pop-up) component template, and insert it into the page.
- Close the Insert Component Presentation pop-up window.
- Save and Close your page.
Publish the Page
When you've completed all the steps above, then all you need to do next is publish your page.
In the 050 section, navigate to the page you built in step 3, right-click and select Publishing > Publish.
Select the site you wish to publish to and click Publish. This will send the page to the publishing queue.
Verify the page looks like you want it to, and edit/republish as needed.
Technical Specifications
Below are the types of pages that the Wufoo component can be used with.
Component Type / Template Accepted Page Templates Min/Max Wufoo / Wufoo Form Pageview
Wufoo / Wufoo Modal Overlay- Flex Layout - Internal Page
- Flex Layout - Main Landing Page
- Internal General Content
0-1