Available with the Essentials plan and higher.
The Header module displays the top band of your website: your logo, the login and membership buttons, your social networks, the language switcher and, if needed, access to the shopping cart.
Configure the header in the master page of your website rather than on each page. It is then displayed on all linked pages, and a single change updates it everywhere. See the article How the master pages work.
Add the module to a page
In the configuration window of a zone, select the Website feature, then Header in the Zone module list. To learn how to open this window, see the article List of modules in the Website feature. Place this module in a 100% wide zone at the top of the page.
Configure the module
The configuration is divided into sections. Check the main box of a section to display it in the header and reveal its options. Drag the sections to change their display order.
Logo Section
- Display logo: displays a logo on the left of the header.
- Use the organization's logo: uses the logo configured under Configuration > Your organization.
- Upload your image: uses another image, for example a horizontal version or a light variant for a dark background.
- Homepage, Internal page or External website: page that a click on the logo leads to. By default, the logo leads to the homepage.
Custom Section
- Show custom section: displays the content of an article in the header. Then select the Category and the Article to display.
Connection Section
- Display Login: displays a login and logout button for your members and contacts.
- Page Login: page that the login button leads to, for example your login page or your Members page.
- Show Renew My Membership link: adds a renewal link for members.
- Show Become a Member: adds a membership link for visitors.
- Go directly to the list of membership types: the Become a Member link leads directly to the list of your membership types.
- Show login username: displays the name of the logged-in person, with a link to their profile.
To learn more about logging in to the website, see the article Allow members and non-members to log in to your website.
Social Networks Section
- Display Social Networks: displays the icons of your social networks. Then check the icons to display: Facebook, Instagram, LinkedIn, Pinterest, X (formerly Twitter), Vimeo and YouTube.
The links to your social networks are configured under Configuration > Your organization.
Languages Section
- Display Language: displays a link that lets visitors switch from one language to another.
This option requires at least two languages enabled under Configuration > Languages. See the article Create a bilingual website.
Cart Section
- Display Cart: displays a cart icon that lets visitors return to their purchases in progress. The shopping cart must be enabled. See the article Enabling the shopping cart.
Click Save and close. The header is displayed with the colors of your website, defined in its customization settings.