NeonCRM allows you to configure several settings that affect how your forms and pages appear to your constituents and the public.
Configure your front-end settings here:Settings cog > Global Settings > Forms & Web Pages.
With this setting, you can select which style of HTML markup is used to present your front-end forms and pages. This setting affects both public forms and the constituent portal.
Global Settings > Forms & Web Pages > Front-end Markup Settings.
Changing this setting may have a dramatic effect how your forms and pages are displayed, but it will not affect the actual content of the fields and labels you have chosen. If you do not like the way the setting looks after making changes, you can always switch it back.
- Classic Markup works best with fixed-width or legacy websites. It uses tables for structure.
- Responsive Markup works best with modern, responsive websites. It uses semantic HTML for structure.
|Classic Markup Example||Responsive Markup Example|
Choosing the Responsive Forms will also enable a payment page that offers each of your enabled payment methods for selection as a radio button at the top of the payment section.
A web template provides a formatted layout for NeonCRM web content. Your default web template is either a copy of your organization's website, or, if you did not opt for the template sync service, your forms and pages use your logo image as the header content.
An alternate template, once created, can be used to replace the default on different versions of the following types of Neon pages:
- Custom Forms
- Social Fundraising Pages
You can build or upload alternate web templates. This can be helpful when you have a campaign or event with a different look than the rest of your website. When you’re building a template, you’re not actually building the web page. You’re making the graphical container for your content.
Global Settings cog > Global Settings > Forms & Web Pages > Custom CSS
This area is used by Web Developers or by those that are familiar with CSS to make tweaks to your web template's display formatting. You can use the form to add CSS rules that will apply to the Default Template which is used for your front-end forms and pages.
You are welcome to add any CSS rules to your NeonCRM template, but the rules may not be reflected on your NeonCRM pages due to the overriding design of NeonCRM forms.
To add/update your Neon logo and header images, navigate to: Global Settings cog > Global Settings > Forms & Web Pages > Update the Logo & Header.
NeonCRM has a default error screen that constituents using front-end web forms will see in the event that an error occurs. You may specify your own error page to be displayed instead of the NeonCRM error page. To set this up, navigate to: Global Settings cog > Global Settings > Redirect to Custom Error Page
Enter the web address (URL) of the page you want users to be taken to in the event of an error, and click Save.
Similar to event listing, NeonCRM offers News integration with your website. You can create news and announcements and manage how news displays in the press room list. You can also link the NeonCRM news page to your website. You can configure the layout of your news page using the News Layout settings.
To configure the way your News appears, navigate to: Global Settings cog > Global Settings > Forms & Web Pages > Edit News Layout
From here, you have the ability to configure:
Press Room Settings
News Insert Settings
This setting determines:
- Which recurring donation intervals will be shown on donation forms.
- Whether or not the option to specify an end date will be displayed.
For example, the above settings would look like this on the front end donation form:
Google Analytics code can be added to your NeonCRM template so that you can track NeonCRM page activity along with the pages on your own website. If your organization purchased a Web Template Copy, this code may already have been added to your template.
To add or edit this code, go to Global Settings cog > Global Settings > Forms & Web Pages > Google Analytics Tracking.
On this page, you can do the following:
- Enter your Google Analytics Tracking ID into the field shown
- Toggle Google Analytics Tracking on or off as needed
- Click the Save button to save your changes.
Most standard forms are managed with Configure Fields & Sections. Access this by navigating to Global Settings cog > Global Settings > Forms & Web Pages > Standard Forms > Configure Fields & Sections
When enabled, the Encouraged Log In:
- Helps prevent duplicates by prompting constituents to log in before filling out your forms
- Helps reduce form abandonment by displaying all options in a single window and allowing constituents to continue to their selected form without logging in
- Redirects the constituent to the destination form after they log in or reset their password
- Embeds additional "Have an account? Click here to log in" links in the header area of each enabled form
Global Settings cog > Global Settings > Forms & Web Pages > Standard Forms > Encouraged Log In
The Show/Hide Company Versions of Forms setting determines if the ability to complete a form as a Company button is available on your Neon forms. If enabled, a button appears on the form that allows the constituent to toggle between the individual and company versions.
Filling out the company version of a Neon form creates a company account for the constituent instead of an individual account.
You can enable/disable support for company accounts on your front-end forms here: Settings cog > Global Settings > Forms & Web Pages > Standard Forms > Show/Hide Company Version of Forms.
Check the box next to the types of forms you want to enable this button for, and click Save when finished.
Step 1: The first step is to open NeonCRM and click System Settings Home
Step 2: Click Show/Hide Organization Version of Forms
Step 3: Click the checkbox by the type of form you want to hide the Organization Button on.
Step 4: Click Save
Step 5: That's it. You're done.
Allow constituents to share your Neon forms and pages to popular destinations like Facebook and Twitter by enabling the social network widget. Enable this setting by navigating to:
Global Settings cog > Global Settings > Forms & Web Pages > Standard Forms > Show/Hide Social Network Sharing Icons
Once enabled, this widget adds a set of social network sharing buttons to your Neon forms and pages, as shown below.
Clicking one of these buttons from a NeonCRM form shares the page link to the selected social network.