Learn how to configure standard web forms in this step-by-step guide. This help guide will cover how to configure your public-facing web forms and some of your standard constituent login pages.
Recommended Reading Before You Start
Content
Navigating to Configure Forms
1. Navigate to the Settings cog and select Global Settings.
2. Under Forms & Web Pages, select Configure Fields & Sections.
Step 1: Select Page
From here, choose the page you would like to configure.
1. Select Page Type. You can select Constituent Pages or Public Access Pages.
2. Select Page Name. The options will change depending on what you select for your page type. When finished, select Next.
Note: an additional field(s) will appear upon selection of:
- Public Access Event Registration
- Constituent Event Registration
- Public Access Individual Donation
- Public Access Company Donation
Note: For Event Registrations forms, there will be an additional field that will prompt you to choose which specific event form you wish to configure. To set default for all new Event Registration forms, select Configure Default Form Fields.
Note: Additional Fields for Donation Forms:
|
Field |
Description |
|
|
A. |
Standard Form configuration |
This option allows you to configure the Standard Donation Form as well as the forms for any campaign that does not have a custom configuration. |
|
B. |
Customize a campaign |
The campaigns in this list are using the Standard Form configuration. Select one to customize fields and sections for just this campaign. |
|
C. |
Edit a Customized Campaign |
The campaigns in this list already have a customized configuration. Select a campaign from this list to edit the configuration of its form. |
Constituent Pages
These are the versions of your standard forms that appear to logged-in constituents. They are only accessible from your Constituent Login Portal. You determine which constituent pages are available in your constituent login portal using the Dropdown Menu Control system setting.
|
Page Name Options |
Description |
|
Account |
This is the page found by clicking the "Update Profile" link from the "What would you like to do?" drop down menu in the Constituent Login Portal. Updates Individual account information. |
|
Company |
Company version of the Account page. Updates Company account information. |
|
Credit Card |
Online payment page. This page appears for all transaction types, including Donation, Membership, Event, and Store. |
|
Donation |
This is the constituent version of your Standard Donation Form, which is also used for Campaign Donation forms. |
|
Edit Address |
Constituents edit their personal address information. |
|
Event Registration |
First page of the event registration process that collects the registrant data. You configure the registration form for each different event from here, so you 'll be prompted to select the name of the event you wish to configure. |
|
Membership Auto Renewal |
Constituents can configure their auto-renewal settings for memberships. |
|
Membership Join |
Memberships can create a new membership. |
|
Membership Renew |
Constituents can renew an existing membership. |
|
Recurring Donations |
Constituents can manage their recurring donations. |
|
Shipping |
Shipping options for online store purchases. |
|
Upload Document |
Constituents can upload documents to your document center. |
|
Volunteer |
Applicants complete this page after completing the volunteer project list page. |
Public Access Pages
These are the versions of your standard forms that appear to any user who is NOT logged in to your system. They are your public-facing forms that can be linked to your website. Neon always creates a new account for anyone who fills out a public access form. Links to all your public forms are found here: Web Content Form Links & Landing Pages.
|
Page Name Options |
Descriptions |
|
Account Registration Form |
Create an individual account. |
|
Credit Card |
Online payment page. This page appears for all transaction types, including Donation, Membership, Event, and Store. |
|
Individual Donation Form |
Donation and Campaign Donation Forms for individuals. You can configure the donation form for each different campaign from here, so you 'll be prompted to select the name of the campaign you wish to configure. |
|
Event Registration Form |
First page of the event registration process that collects the registrant data. You configure the registration form for each different event from here, so you 'll be prompted to select the name of the event you wish to configure. |
|
New Member Registration Form |
Membership Join Form. |
|
Membership Renewal Form |
Constituents can renew an existing membership. |
|
Company Information Form |
Company version of your Account Registration Form. |
|
Company Donation Form |
Company version of your Donation and Campaign Donation Forms. You can configure the donation form for each different campaign from here, so you 'll be prompted to select the name of the campaign you wish to configure. |
|
Company Event Registration Form |
Company version of the first page of the event registration process. |
|
Company Member Registration Form |
Company version of the Membership Join form. |
|
Store Checkout Company Buyer Info Form |
Companies complete this form to create an account when purchasing products from your online store. |
|
Store Checkout Buyer Info Form |
Individuals complete this form to create an account when purchasing products from your online store. |
|
Store Checkout Shipping Form |
Shipping options for online store purchases. |
|
Volunteer |
Applicants complete this page after completing the volunteer project list page. |
Constituent Pages vs. Public Access Pages (field availability)
The availability of certain Neon CRM fields will vary between Constituent Pages & Public Access Pages. This is due to the fact that logged in constituents are unable to update their account via transaction based forms.
Below is an outline of each transaction type and what is available/not available for each type of form.
Donation Forms
|
Field Type |
Constituent Pages |
Publish Access Pages |
|
Account Custom Fields |
No |
Yes |
|
Individual Custom Fields |
No |
Yes |
|
Company Custom Fields |
No |
Yes |
|
Neon CRM Standard Donation Fields (e.g. Amount, Honor/Memory, Donation Levels, etc…) |
Yes |
Yes |
|
Donor Note |
Yes |
Yes |
|
Captcha |
Yes |
Yes |
Membership Forms
|
Field Type |
Constituent Pages |
Publish Access Pages |
|
Account Custom Fields |
No |
Yes |
|
Individual Custom Fields |
No |
Yes |
|
Company Custom Fields |
No |
Yes |
|
Neon CRM Standard Contact Fields (e.g. Name, Email, Address, etc…) |
No |
Yes |
|
Membership Custom Fields (only when available to a membership level) |
Yes |
Yes |
|
Neon CRM Standard Membership Fields (e.g. Membership, Auto-Renew, etc…) |
Yes |
Yes |
|
Captcha |
Yes |
Yes |
Event Registration Forms
|
Field Type |
Constituent Pages |
Publish Access Pages |
|
Account Custom Fields |
No |
Yes |
|
Individual Custom Fields |
No |
Yes |
|
Company Custom Fields |
No |
Yes |
|
Neon CRM Standard Contact Fields (e.g. Name, Email, Address, etc…) |
No |
Yes |
|
Membership Custom Fields (only when available to a membership level) |
Yes |
Yes |
|
Neon CRM Standard Membership Fields (e.g. Membership, Auto-Renew, etc…) |
Yes |
Yes |
|
Captcha |
Yes |
Yes |
Store Forms
|
Field Type |
Constituent Pages |
Publish Access Pages |
|
Account Custom Fields |
No |
Yes |
|
Individual Custom Fields |
No |
Yes |
|
Company Custom Fields |
No |
Yes |
|
Neon CRM Standard Contact Fields (e.g. Name, Email, Address, etc…) |
No |
Yes |
|
Membership Custom Fields (only when available to a membership level) |
Yes |
Yes |
|
Neon CRM Standard Membership Fields (e.g. Membership, Auto-Renew, etc…) |
Yes |
Yes |
|
Captcha |
Yes |
Yes |
Step 2: Select Fields
Page Fields Selector
The column on the left contains all of the available standard and custom fields for your page. All account custom fields created in your system will be available in the page fields selector for public access forms, but only certain standard fields are available to add to any given form.
Note: Account Custom Fields will not display on Constituent Versions of front-end forms.
System Required Fields
For each form you configure, you'll notice that there are certain standard fields marked with a red REQUIRED tag. This tag indicates system-required fields that cannot be removed from the form. System required fields cannot be made optional. These items are essential elements of the page that cannot be omitted due to the base requirements of the function of the particular form. They must be included on the form in order for data to be submitted with a proper structure.
Some required fields indicate that they are Required Alternative to. This means that you must include either one or the other of the two fields on your form.
Note: When configuring your Membership Forms, you'll notice that Step 2 has an additional field selector section at the bottom of the page to organize your membership custom fields. Please be aware that while you can arrange the order of these fields, you cannot change where the section displays on the page. Membership custom fields are placed at the very bottom of your form.
Membership Forms will include a separate field selector for Membership Custom Fields just below the Page Field Selector, as shown in the example below.
1. Drag and drop fields from the left side into the right column to include them on your page. Drag the fields up and down in the right column to change the order in which they appear.
2. Select Add Section to add an additional section to your form.
3. Select Delete Section to remove the section break.
4. Select Preview Page to preview. When finished, select Next.
Step 3: Customize Page
This page allows you to determine many settings for your form's content. Your fields will be arranged into sections based on the configuration from the previous page.
1. Title the page. This will determine what text will appear as a header at the top of the form.
2. Complete the following fields for each section. If there are multiple sections, there will be multiple sections on this page you can modify.
|
Field Name |
Description |
|
|
A. |
Section Title |
Select [Edit] to open a WYSIWYG editor, where you can add text, images, hyperlinks, and HTML code. |
|
B. |
Section Head |
Select [Edit] to open a WYSIWYG editor, where you can add text, images, hyperlinks, and HTML code. |
|
C. |
Section Field Items |
This section will list all the fields that were included in the previous section. Here you can edit the Display Name and mark required fields. |
|
D. |
Section Tail |
Select [Edit] to open a WYSIWYG editor, where you can add text, images, hyperlinks, and HTML code. |
3. Select Preview to view an approximation of the appearance of your web form. When finished, select Submit.
Note: The preview function does not apply the style of your website. Also, some other elements may be hidden or appear differently than in your specific configuration, including:
- Membership custom fields
- Donation Levels
You will need to navigate to the live form to view the complete and final configuration.
Step 4: Complete
Once you submit the page, your changes will be applied to the form.
Note: you may need to clear your browser data (i.e., browsing history, cache, etc.) and reload the page in order to see changes made to your front end forms.
Finding your Forms
1. Navigate to Forms & Pages and select Links & Pages.
2. The standard and custom forms are located on this page. Here you can also change your standard donation form from a two-page to a one-page process or set custom exit pages for your standard forms from the dashboard.
3. To share a Neon Form, copy the Form Link.
