Harper College


Button snippets create small colored boxes that contain linked text. Buttons are used for calls to action, such as "Register" or "Apply". Avoid using buttons to link to informational pages or articles (use the Tile component instead).

How to Create a Button

  1. Place the cursor on your page where you want the button to appear.
  2. Click on the Snippet icon in your tool bar (it looks like a puzzle piece), then choose a Button snippet.
  3. Edit the button text and link by highlighting the text clicking on the link icon in the toolbar. Enter the URL in the pop-up that appears and fill in other details as needed. Click Save.


Button - Blue: Use this for most call to action buttons; can be used anywhere.

Button - Gray: Alternative to blue buttons; can be used anywhere.

Last Updated: 12/14/23