1. Home
  2. Documentation
  3. Header image section

Header image section

This section shows you how to add a header image or content slider to a page and add additional features to it. 

Adding a header image or featured content slider

Below is a video explaining how the featured content slider functionality can be used to create a header image on your page:

Adding the page excerpt to a header image

You can add an introductory paragraph to the header section of your page taken from the social media settings of your page.

To display the excerpt add the tag 'add intro' to the page.

Adding buttons to the header section

You can add Call to Action buttons to the header section of your page in two ways:

You can add the main site buttons, set in the 'Supporter nav' section of your site by adding the tag 'add main buttons' to the page. 

You can add up to three, page specific buttons to the header section by adding the tags 'button 1:', 'button 2:' and 'button 3:' followed by the url you want to link to. So for example to add button 1 linking to The Space Room website by adding the tag 'button 1:https://thespaceroom.com'.

By default the label on the button will read 'Find out more'. You can add a custom label to the button by appending '**' to the tag followed by the label you want to use. So using our example, if we wanted the label to read 'Visit The Space Room website' the tag would be 'button 1:https://thespaceroom.com**Visit The Space Room website'.

The following video explains this process in more detail:

Adding a header background video

You can add a short video background to the header section of a page by following these steps:

  1. Upload the video to the 'Files' section of your page. Note: the file must be less than 10mb in size.
  2. Adding the tag 'video header' to the page. 

Here is a video explaining that process in more detail:

Adding excerpts to a featured content slider

In the featured content slider you may want to add a short excerpt of the page that you're linking to. You can do this by following these steps:

  1. Add an excerpt to the SEO settings of the linked page or pages.
  2. Add the tag 'add features excerpt' to the page with the featured slider. 

This video explains that process in more detail:

Displaying the featured content slider as a grid

You can display the featured content slider in a grid layout if you'd prefer. 

To do this you need to add your featured content slides and then add the tag 'features grid' to your page. 

This video explains the process in more detail: