Setting Up Public Form Branding Settings

By default, your online Event Registration pages and forms use a standard template for all styles on the page. You can update some of these colors and set up some main navigation options by using a custom "Branding Template" for these pages, and selecting your preferred style elements.

Here's a sample of how a Registration form with NO Branding Settings appears: 

admin1.png

To update this format with custom colors, a logo, and navigation:

  1. Click on the Admin menu and then Global Settings.
  2. Click on the Web Preferences tab and then Branding Settings.
  3. Click on the Branding Template drop down list and choose Custom.

mceclip0.png

If you have multiple domains then you'll see a Website Domain drop down list of the different domains to which you can assign separate Branding Settings. Choose the domain for which you want to set your Branding Settings.

  1. Adjust any of the following:
    • The first two fields that appear are for the Favicon and Logo. You can paste in any image location, or if you need to upload your image first, you can do that in the Web Content feature of MC Trade (click here for more information).
    • Favicon URL: If populated, this is the small image that appears on the left side of the browser tab when the page is being viewed. You can paste or enter the URL of the image or if you need to upload your image first, you can do that in the Web Content feature of MC Trade (click here).
    • Logo URL: If populated, this is your Association Info logo image URL, which may already be populated if you've filled it out in the Association Info section of your Admin settings. It will appear in the upper left corner of the public pages. 
    • Hide Association Name: Choose whether you want the name of your organization to display in text at the top of the page or hide it by enabling this option. If you uploaded a logo that contains your organization name then we recommend hiding the header name.
    • Use which user tracking solution: If you want to track the pages that use the branding settings in your Google Analytics account, choose either Google Analytics or Google Tag Manager and enter the ID number for your account.

mceclip0.png

  1. Define any custom colors by clicking Pick a New Color and a color selector will appear. Then move the indicators to your desired color or copy/paste a color code and then click off of the selector.
    • Color 1 allows you to change the color of the header background. The header menu text color will adjust automatically to black or white depending on the background shade. However, if you chose a lighter background and the text is still white, drag the transparency slider all the way to the right to make sure the background color is fully opaque. This should restore the black default text color.
    • Color 2 is the greeting bar which contains the name of the event, form, or login greeting info with the name of the logged-in user.
    • Color 3 is the button color which is also used in some sub-navigation items on certain pages.
    • Color 4 allows you to change the color of hyperlinks instead of the default/standard blue. The best practice is to choose one of the other colors, like the button color, to indicate a clickable item. 

A preview appears to show you your logo and the color selections - the text in this preview does not change based on your own data, it's just to give you a preview of the color layout.

brandingsettings2.gif

  1. Click Add a Menu Item if you want to add an item that, for example, allows visitors to easily navigate back to the main website. We recommend setting up this to match the highest level navigation on your primary website. 
    • Enter the Menu item title as you want it to appear.
    • Enter the URL to which the menu item will point.
    • Place a check under "New tab" if you want that menu item to link to a new tab in the user's browser rather than navigating in the same tab.
    • Click the three bars on the left to drag and drop the menu into the order (left to right) that you want it to appear at the top of the page. 

  1. Click Save at the top of the page.

Now refresh your registration/public form page. The default styles have been overridden with your selected font and colors, and your menu items updated at the top of the page.

public_app.png

 

 

 

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request