Forms & Web Pages Global Settings

Introduction

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.

Front-end Markup Settings

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.

Alternate Web Templates

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:

• Campaigns
• Events
• 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.

Custom CSS

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.

Additionally, NeonCRM is not responsible for and cannot troubleshoot any code entered in the Custom CSS section. HTML, JavaScript, and other languages are not supported.

Update the Logo & Header

To add/update your Neon logo and header images, navigate to: Global Settings cog > Global Settings > Forms & Web Pages > Update the Logo & Header.

Redirect to Custom Error Page

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.

News List Layout

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 Display date of news posts Display brief description of news posts Number of news posts displayed per page Top spacing for news description Spacing between two news posts Link to the news content page Open news content in a new browser For alternate URL, Open it in a new browser   News Insert Settings Display date of news posts Display brief description of news posts Number of news posts displayed Top spacing for news description Spacing between two news posts Link to the news content page Open news content in a new browser For alternate URL, Open it in a new browser

Google Analytics Tracking

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:

1. Enter your Google Analytics Tracking ID into the field shown
2. Toggle Google Analytics Tracking on or off as needed
3. Click the Save button to save your changes.

Configure Fields & Sections

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

Encouraged Log In

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

Show / Hide Company Version of Forms

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.

Show / Hide Social Network Sharing Icons

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.