Skip to Content - Skip to Navigation

Call to Action Buttons: Graduate

Graduate call to action buttons screenshot

These buttons have been developed for use in the Graduate site. There are five call to actions: Go To Admissions, Apply Now, Request Info, Please Contact Me, and Find Out More. Each of these has a default link, but also has the option to use a different link as needed. The buttons are displayed in a vertical stack. (Example shown at right).

Use these buttons on pages where you need/want a visitor to take a next step, such as requesting more information or applying. They should be added into the metadata of other pages.

Creating the Buttons

Within the folder where you want to create the buttons, hover over New and choose SmartForms > Calls to Action: Graduate.

The Title will not appear on the page, but it is helpful to include buttons or calls to action in the title for easy identification later.

Position

The default is Float Right, which puts the buttons to the right of the page (recommended). To put them on the left of the page, choose either Float Left or Normal. This is dependent on what else you have added in through Metadata. See Placing the Buttons on a Page for more details. (If you have trouble getting metadata content to display correctly, please contact web-team@iup.edu.)

Width

The default is Six Columns, as show above (recommended). Most pages use the six column width (for two even columns). Alternatively, if you need the white space removed, choose the Four Columns option, which simply removes the white space and leaves a gutter around the buttons. Note the four column option shouldn't be used with other six-column width pieces of content.

Button

You can have as few as one and as many as five buttons in each set. To set up a button, choose the call to action by choosing one of the five choices from the drop down list.

Leave Use Default checked if you want to use the default link. If you want to use a different link, uncheck the Use Default option and click on the URL link icon. Type or paste the full url address in the hyperlink field. You can include Link Text as well.

Additional Buttons

To add more buttons, click the add button icon (+ Button) located at the bottom left of the button box.

You can also click the rectangle icon next to Button at the top left of the box and choose to insert a new button above or below this button. You can remove buttons as well by choosing Remove. You can reorder the buttons by clicking the rectangle at the top left of any button box and choose to move it up or down. This will move the button you chose up or down one position.

When you are finished creating buttons, be sure to check the page in and then preview and verify your links in the web browser, especially if using non-default links, and then submit for approval before adding to a page.

Placing the Buttons on a Page

Be aware of how the buttons interact with images and other items added in the metadata (such as extra content, collections, etc.).

Example: If you have a six column photo placed in the top right of the page, then add in the Six Column Buttons in the Learn More (top right) section, the Buttons will push the image down/over. To resolve this, you could put the photo in the top left (however, it will push your text down the page), move the photo down in the page, or remove the photo if not necessary.

Open for editing the page/other content you want to add the buttons to, and go to the metadata tab.

Where you place the buttons depends on what kind of page it is, and if you created the buttons to Float Right or Left. Use the table below to help determine where you place your buttons.

Page Type Position Buttons Setting Needed Placement in Metadata
Regular Content page (page.aspx) Top Right Float Right Learn More
Regular Content page (page.aspx) Top Left Float Left Learn More
Regular Content page (page.aspx) Left or Right bottom of page Float Left or Right Extra Content
Home page (home.aspx) Top Right Float Right Extra Content
  • Web Team
  • Sutton Hall, Room 316
    1011 South Drive
    Indiana, PA 15705
  • Phone: 724-357-3062
  • Fax: 724-357-5512
  • Office Hours
  • Monday through Friday
  • 8:00 a.m. – 12:00 p.m.
  • 1:00 p.m. – 4:30 p.m.