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 in the 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

2. The Insert/Edit Link window will pop up.
2a. 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).

insert/edit link window

2b. Link: Browse or Search for your internal page or type in your external URL (include http://).

enter link

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

 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. The last option is Class. Click on the Styles dropdown menu and select "button." Once the button style has been selected, click Insert.
  3. Your button will display in the CMS. Submit your page to save your changes.

Book a Campus Tour

Please Note: You may notice there is a button option in the Styles dropdown menu in the toolbar. We do not recommended creating buttons this way as it can cause formatting issues. Please follow the instructions above and create buttons from the Insert/Edit Link window.

Create a “call to action” button in the sidebar of a page

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 the Sidebar >> Group tab to expand its contents.

button sidebar selection

2. Select the second radio button for Call to Action Buttons.

button sidebar screenshot

3a. Button Text: Type the words that you want to serve as your link text.

3b. 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).

3c. Internal/External Link: Browse or search for your internal page or type in your external URL (include http://).

4. Submit your page to save your changes.

How to add more buttons

To add another button, click the green plus sign ( + ) within the Sidebar >> Group >> Call to Action Button module.

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

Tips & Best Practices

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