Body 15 – Button Grid

Body 15 – Button Grid

Description

This section is used to add a button grid of two to six large buttons.

View this Section in the Section Gallery

Fields and Character Limits

*required fields

The first two buttons are required.

Button URL*

  • Character Limits: None
  • Help Text: Start typing the title of a piece of content to select it. You can also enter an internal path such as /node/add or an external URL such as http://example.com. Enter <front> to link to the front page. Enter <nolink> to display link text only.

Button Link text*

  • Character Limits: Recommended limit of 25 characters including spaces
  • Help Text: Enter the button link text. There is a recommended limit of 25 characters including spaces. Avoid link text like Click Here, Learn More and More. See Links for more info, including accessibility concerns, examples and best practices.

Available Style Options

  • None

Where Can You Use This Section?

The section is available in the following templates and content types:

Templates

  • Basic Content
  • Basic + Content
  • Marketing
  • Start

Content types

  • Content Page
  • Landing Page

Using on a cloneable Template

  1. Locate Body 15 – Button Grid in the Body area
  2. Select Edit
  3. Replace the placeholder button URL and Link text for each button you want to include
  4. Select Save at the bottom left of the page

NOTE: The first two buttons are required

Adding to a new Content or Landing Page

  1. In the Body area, select Add Body Section
  2. Select Body 15 – Button Grid, select Add
    View ScreenshotSelect Body 15 – Button Grid, select Add
  3. Enter the button URL and Link text for each button you want to include.
  4. Select either Save as Draft or Published with the drop-down menu
  5. Select Save at the bottom left of the form

NOTE: The first two buttons are required.

Accessibility

  • Avoid link text like Click Here, Learn More and More. See Links for more info, including accessibility concerns, examples and best practices.

Guidelines and Best Practices

  • The Large Lake button style is the only button style available in this section
  • Use the button grid when you have 2-6 links that are of high importance on your site.
  • These buttons should not be used purely to repeat your website structure.

Removing a Section

To permanently remove a section from a page:

  1. Select the vertical ellipsis to the right of the Edit button at the top-right of your section, select Remove
    View ScreenshotSelect the vertical ellipsis to the right of the Edit button at the top-right of your section, select Remove
  2. Select Save at the bottom left of the form