Button Group

How to use a Button Group

A Button Group highlights the most important action(s) on a page, such as starting an application or logging in to your account.

Use only on a Basic Page. The Button Group is not available on other page types.
Don’t overuse buttons. Use no more than two Button Groups per page.

Learn how to create a Page Component

Example: Button Group section

Savor the authentic flavors of the Chesapeake with a seat at a traditional backyard crab feast, seasoned with local history and a dash of coastal charm. As the official state crustacean, the blue crab represents more than just a culinary delight; it is a centerpiece of our seasonal festivals and a driver of our thriving tourism economy. Beyond the waterfront, our diverse culinary landscape invites you to explore artisan creameries in Frederick County and legendary bakeries on the shores of Smith Island.

Required fields

1. Title – 75 characters max

The Title is a heading that introduces the button. This can optionally be hidden on-screen.

Tip:

Hide the Title when you need to place a button underneath paragraph text.

2. Button – 50 characters max

Each Button has a label and a destination URL.

Write a descriptive label so visitors know what to expect when they click on the Button.
The Button can go to a page on your website or to an external website. If the Button goes to an external website, it will include an icon indicating that it goes to an external website.

3. Button Style

Select one of two Button Styles: Primary Button or Secondary Button.

Use the Primary Button style for your first button.
Use the Secondary Button style for your second or third button.

When to consider something else

Use a text link in the Text Editor when the link does not need to be visually prominent.
Use a Link Collection or Visual Link Collection to feature a list of links.

Button Group

On this page

How to use a Button Group

Learn How to Create a Page Component

Watch: How to create a Button Group