Building your Forms
Conditional Questions
Customization Options
Managing your Forms
Publishing your Form
- How to retrieve your form's HTML source code
- How to use a server-side script to display the form (API)
- How to dynamically prefill your form fields
Configuring Optional Features
- Restricting processing by date or status
- Language settings
- 'Save & Resume Later' option
- 'Preview before Submit' option
- Secure forms (SSL encryption)
- Spam Filter (captcha)
Submission Confirmation and Notifications
- How to redirect your visitor to a web page after the submission.
- How to receive an email for each submission.
- How to easily reply to the person who submitted the response.
- How to customize the email notification.
- How to send an auto-responder with each submission.
Sharing Forms and Data
- How to allow another user to edit your form.
- How to add another user to your account.
- Feature Restrictions
Workflows
Troubleshooting Errors
Managing your Account
PayPal Subscription
- How to change your PayPal funding source
- How to switch your subscription to a different PayPal account
- How to cancel your PayPal subscription and pay directly with a credit card
Connectors Documentation
Salesforce Connector Documentation Index
HTTP POST Connector Documentation Index
Not finding what you need? Please open a support request.
Form Customization Options
How to customize the look and feel of your Form
The Form Builder contains a "Custom Code" field where you can enter CSS and Javascript code to fully customize your form.
You'll find below the code for the most common customization requests. Here's how to use it:
- Open your form in the Form Builder.
- Click on your form's name in the outline and open the 'advanced' properties panel.
- Copy and paste the code in the "Custom Code" field:
- Save.
Change the distance between the label and the input (for left aligned labels)
<style type="text/css">
.wForm .preField {
min-width: 9em !important;
}
* html .preField {
width: 9em !important;
}
</style>
Change the numeric value for a shorter (6em) or larger (15em) space.
Changing the form's font:
<style type="text/css">
.wFormTitle, .wForm {
font-family: 'Lucida Sans Unicode', Lucida Grande, sans-serif;
}
</style>
See also: List of fonts suitable for the web.
Removing the background from your form's theme:
<style type="text/css">
.wForm form, .wForm fieldset {
background-image: none !important;
background-color: transparent !important;
}
</style>
Removing the "assistance" link below the form
<style type="text/css">
.supportInfo {
display: none;
}
</style>
Note: Before removing this link, please make sure that your form contains sufficient information to contact you if your visitors need help.