These features work on the following page types:
- Donation
- Endorsement
- Event
- Feedback
- Petition
- Signup
- Suggestion Box
- Volunteer Signup
Popup on Submit
To display a popup (or a modal) when someone submits a form, create a basic page as a sub-page to your signup page and add the following tag on that sub-page.
SEE IT IN ACTION. SUBMIT THE FORM ON THE RIGHT
(don't worry, we turned off auto responses so you won't receive an email upon submitting).
layout_form_submit_modal
Dropdown Field
Add the following tag on a signup page to convert your radio button options with a dropdown field. If you wish you can also make it required.
layout_form_signup_select
layout_form_signup_select_required
Will you join Client Portal?
Combined Signup Form
If you want both individuals and organizations to signup, add the following tag to the signup page:
layout_form_signup_combined
Change Submit Button Text
Submit Button: text goes here
Organization Signup Form
If you only want organizations to signup, add the following tag:
layout_form_signup_organization
Will you join Client Portal?
Custom Fields
The first step is to create custom people or donation fields.
Add other native and custom fields to your form. Add the following tag to the page (replacing slug_1/2/3 with your custom field's slug in the order you want them to appear on the form):
fields: slug_1|slug_2|slug_3
Native NationBuilder field slugs currently available:
employer
occupation
donations_to_raise_amount - to collect a person's fundraising goal
Will you join Client Portal?
This form's standard "Will you join?" greeting has been removed.
Customize Greeting
Add the following tag on any page with a form to customize the greeting.
greeting: text goes here
Remove Greeting
Add the following tag on any page with a form to remove the "Hey Friend, Will You Join?" greeting.
layout_form_no_greeting
Simplified Fields
Display only Email + Postal/Zip Code
layout_form_simple
Select Options Title
tags title: text_goes_here
Example
tags title: What type of updates would you like to receive?
Sign up for our newsletter
Colour:
Add one of these tags to the page on which you want to change the colour of the form.
form theme: primary
form theme: secondary
form theme: tertiary
form theme: quadrinary
Gradient:
Recommended for a splash page.
layout_form_gradient
Alignment
Add one of these tags to the page you want to change the form alignment.
layout_form_left
layout_form_right
layout_form_center
layout_form_full