Buttons

Triggering a Button in a Text Component

  1. Type the text you want to link
  2. Highlight the text and add a link
  3. Use the style dropdown menu and select 'Button Orange' or 'Button Gray'

Style dropdown option: Button Orange

Style dropdown option: Button Gray

Triggering Multiple Buttons Using the Tool List Selector Component

When you want to use mulitple buttons on a page, utilize the Tool List Selector Component instead. Never use mulitple buttons in a list on your page.

Make sure the text being linked in your button is descriptive of where the link is taking the user. Never use link descriptions such as: Learn More, For more Information, Click here, etc.

How to use buttons

If you have a whole page of information with multiple links, don't overuse buttons. Use links where you can, and use buttons sparingly to call out only the most important information.   

Example:

As a nationally ranked university of value, BGSU offers programs at the undergraduate and graduate levels, as well as fully online options.

Our students have big questions, and at BGSU, our obligation goes beyond a degree. We support students in finding answers. As the only university in the country offering Life Design on such a broad scale, every student has the opportunity to engage in a new and innovative approach to higher education designed to shape their college experience and beyond.

About BGSU

How NOT to use buttons

Do not use lists of buttons, instead use the tool list selector component shown above.

Do not use a button style without a link

*Never use the URL as the button text

Updated: 05/26/2023 07:56AM