Buttons

Creating a clickable button is easy to do. If you can create a text link, you can create a button!

There are two locations where you can add buttons:

  1. Main Content Area, including the Content Below Main area
  2. Sidebar

Create a New Button — Main Content Area

  1. In the Editor module, type the words that you want to serve as your link text. Highlight the words, then click the Link icon on the WYSIWYG toolbar.

Best Practice: Button text should help explain where the user is going. As with any link, please avoid using generic, non-descriptive phrases, such as "click here."

screenshot of wysiwyg

  1. The Insert/Edit Link window will pop up.
    1. Select the Internal or External checkbox. Use Internal for any page within your site that you have access to in the CMS. External is used for a link on any other website (including Brandeis sites you do not have access to, such as BrandeisNOW).

insert/edit link window

    1. Link Source: If  you are using an Internal Link, click Choose File, Page, or Link. In the Chooser Panel, you can select a recent internal page, or browse for an internal page. If you are using an External Link, enter the URL, including the http://. 

enter link

2c. The last field you need to complete in this window is Class. Click on the Class dropdown menu and select "button." Once the button style has been selected, click OK.

 button class

Your button will display in the CMS. Submit your page to save your changes.

Book a Campus Tour

Make an Existing Link Into a Button

If you want to make a link into a button after it is created, here’s how:

  1. Highlight the linked text then click the Link icon on the WYSIWYG toolbar. The Insert/Edit Link window will pop up. (Your link address should already be populated.)
  2. Click on the Class dropdown menu and select "button." Once the button style has been selected, click Ok.
  3. Your button will display in the CMS.

Book a Campus Tour

Create a “Call to Action” Button — Sidebar

Please Note: These instructions are for creating a button in the sidebar of a single page, which will override your site setup block. If you want a button to appear on all sidebars across your site, put the button in your Site Setup Block, not on an individual page.

  1. In Edit mode, scroll down to the Sidebar content module. Check the box next to Override Site Setup. Click on > Group to expand its contents.

button sidebar selection

  1. Select the second radio button for Call to Action Buttons.
  2. Button Text: Type the words that you want to serve as your link text. (Required)
  3. Link Type: Select the Internal or External radio button. Use Internal for any page within your site that you have access to in the CMS. External is used for a link on any other website (including Brandeis sites you do not have access to, such as BrandeisNOW).
  4. Internal/External Link: If you are using an Internal Link, click Choose File, Page, or Link. In the Chooser Panel, you can select a recent internal page, or browse for an internal page. If you are using an External Link, enter the URL, including the http://. 

Add More Buttons

To add another button, click the plus sign ( + ) in the blue bar to the right of the words Call to Action Button.

add more buttons window

Once you have added a second button, options will appear to move the content up or down or delete it.

add, move or delete buttons

Best Practices

  • Keep button text short and descriptive. Button text should not exceed two lines. If your text extends to a third line, please revise it.
  • Formatting: Button text is automatically formatted using all capital letters. Punctuation is not necessary.
  • Do not use the phrases: Click Here, Please Click Here, etc. on buttons — or any links! It is more helpful to give the user information about where they are going or what they are getting if they click on a link.

This is very long button text, which we do not recommend.
NOR DO WE RECOMMEND PUNCTUATION — your text should
not be so long that you need it