Home Page Welcome Header 2.0


Overview

The home page welcome header is an informative section that sits at the top of an initiatives site home page. It consists of text, buttons and imagery and is responsive to small and large viewports.

mceclip1.png

 

Enablement

The latest welcome header comes standard on all newly create initiatives.

To toggle the new header for older initiatives, navigate to Site Setup > Site Tab > Home Page section > Welcome Header 2.0

  • Ensure both "Display Home Page Welcome Header" and "Welcome Header 2.0" are selected.
    • Display Home Page Welcome Header - toggles the header ON and OFF on the site homepage.
    • Welcome Header 2.0 - when ON, replaces its predecessor with the updated header.

* Note that these options will not work for the Solve/Responsive homepage. *

mceclip0.png

Once enabled, previous header settings and data will port to your new header. This includes:

  • Headline
  • Description
  • Background
  • Button color
  • Button text

 

Administrator Controls

As an admin, you can edit the headers contents

  • Header text (Headline, Description)
  • Background image
  • Button display
  • Button text
  • Button color

mceclip2.png

Edit Mode

To edit the headers contents by enabling "header edit mode". You can do this through 2 ways

  1. Double clicking the header area
  2. Widget setup mode > Hover over the header > click "Edit Welcome Message" button.

When your header updates are ready for prime time, hit the "Save" button (or simply click outside of the header).

To revert any changes, hit the "Cancel" button.

 

Header Text

When in header edit mode, you can adjust the title and description inline.

  • Headline (or title) input has a 50 character max
  • Description text has a 500 character max

Use the "adjust for readability" control to lighten or darken the image so text is legible.

 

2021-03-11_17.09.27.gif

*  Note that the header title and description do not change the initiative title/description. Those fields can be found in Initiative Setup> > Site tab > Information  *

 

Background Image

In header edit mode, you can change the background graphics by clicking the "Change background" button. There are four methods to add a new background:

Brightidea Presets

Choose from a gallery of proven presets that will make your site look stunning.

Generate AI Image

Enter a descriptive prompt and let AI create a unique image for your Site.

generate

Search Unsplash

We've teamed up with Unsplash to choose from their vast database of fantastic imagery.

search

Upload your own 

Upload your own - Upload a custom image of your own. Images will be centered and scaled to fit the home page header. For best results, we recommend landscape images of 1440x500px or larger, without text, noisy images, or faces/heads for optimal display.

 

Buttons

Customize the header even more with advanced button controls.

  • Button Display - Set button display settings in the ellipses dropdown
      • "Submit" button will not display if Idea Submission is toggled OFF (button settings can still be edited by admins in edit mode)

        mceclip6.png
  • Button Text - Edit button text inline within the button. Button text has a max of 30 characters.
  • Submit Button Color - Adjust the "Submit" button color using the color picker to the left of the button.

    mceclip3.png
  • Browse Button Color - Adjust the "Browse" button color using the color picker to the left of the button.

    mceclip1.png

Subscribe Button

The Subscribe button can be toggled on and off under Site Setup > Site > General Settings.

 

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

Comments