1. Home
2.  > 
3. Guide
4.  > 
5. How To
6.  > 
7. Editors
8.  > 
9. Forms
10.  > 
11. Payment Form

Payment Form

Use 3rd Party service Wufoo to create forms that accept payments.

Basics

• Login: https://simonsrockllamas.wufoo.com/admin/
• Edit content using Wufoo management system
• Set confirmation page in "Form Settings"
• If there is a payment, use the receipt in the payment integration for the email notification and not the 'confirmation email'. 

Embed

Add the form to a page by inserting code from Wufoo onto an OUCampus page. 

• In Wufoo, select Share Form
• Get the iFrame code
• Add code usingsourcecode view to OUCampus pcf page.
  • Consider the width of the form, perhaps put the form inside an 8-width column.
• Test that the form doesn't get cut off within the iFrame at bottom
  • Start with a wide screen
  • Expand as many fields as possible
  • Then, reduce screen to small area and ensure submit button is still visible. 
  • If submit button is not visible, then increase height and test again. 

Styles

Styles are customized using the css in the repo. See the partial app_forms-wufoo.css