Buttons
This content type is used to add Call to action Buttons to the page.
Banner Buttons Example (Above)
Buttons can be added to the banner - example above.
Dark Background Example (5 Buttons)
Light background with 4 buttons
Blue background with 2 buttons
How to use
There are two ways you can use the button content type.
In the main body of content
When adding the buttons content type within the main body of content, you add it just like any other content type.
Below the Banner.
When adding the buttons below the banner, a user will need to create a hidden page called "Buttons" and add the buttons content type to that page.
The only elements that are required are the background colour, Button Link Text 1 & Button Link Text 2; however you will still need to add in a link for those buttons and that is done with Button Internal Link 1 or Button External Link 1 & Button Internal Link 2 or Button External Link 2.
When using Internal or External Links elements you must only fill in one of them.
The remaining buttons are optional.
Buttons Content Type
ID: 322
Name: Buttons
Description: Used to add Call to action Buttons to the page.
The Buttons content type will allow you to add a row of buttons with a background that the user selects. Each row can contain between 2 and 5 buttons, and each button can link either to an external site, or to a page within Terminalfour.
Page layout
We recommend this be used on all full-width layouts, but can work on all page layouts.
Content Element Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | true |
| Background Colour | Select the colour of the background | 80 Characters | Select Box | true |
| Button Link Text 1 | Enter text for button | 150 Characters | Plain Text | true |
| Button Internal Link 1 | Select location from Site Structure | 80 Characters | Section/Content Link | false |
| Button External Link 1 | Enter Full web address including https:// | 200 Characters | Plain Text | false |
| Button Media 1 | Select Media that you want to create a link too | 80 Characters | Media | false |
| Button Link Text 2 | Enter text for button | 150 Characters | Plain Text | true |
| Button Internal Link 2 | Select location from Site Structure | 80 Characters | Section/Content Link | false |
| Button External Link 2 | Enter Full web address including https:// | 200 Characters | Plain Text | false |
| Button Media 2 | Select Media that you want to create a link too | 80 Characters | Media | false |
| Button Link Text 3 | Enter text for button | 150 Characters | Plain Text | false |
| Button Internal Link 3 | Select location from Site Structure | 80 Characters | Section/Content Link | false |
| Button External Link 3 | Enter Full web address including https:// | 200 Characters | Plain Text | false |
| Button Media 3 | Select Media that you want to create a link too | 80 Characters | Media | false |
| Button Link Text 4 | Enter text for button | 150 Characters | Plain Text | false |
| Button Internal Link 4 | Select location from Site Structure | 80 Characters | Section/Content Link | false |
| Button External Link 4 | Enter Full web address including https:// | 200 Characters | Plain Text | false |
| Button Media 4 | Select Media that you want to create a link too | 80 Characters | Media | false |
| Button Link Text 5 | Enter text for button | 150 Characters | Plain Text | false |
| Button Internal Link 5 | Select location from Site Structure | 80 Characters | Section/Content Link | false |
| Button External Link 5 | Enter Full web address including https:// | 200 Characters | Plain Text | false |
| Button Media 5 | Select Media that you want to create a link too | 80 Characters | Media | false |