Virginia Tech® home

Call to Action- Links: How-To

Click the "Toggle Side Panel" button in the upper left of the screen.

Screenshot of showing a highlighted

The "VT Components" box should be open first. Scroll down and drag a "Call to Action - Link" to your content area.

Screenshot showing the side panel open, with the

With your cursor over the Call to Action - Link component, left click.

Screenshot showing a Call-to-Action Link component.  The component is emphasized, showing as a red button with the text

Click the "wrench" icon to go into the component's configuration options.

Screenshot showing a toolbar ribbon above the Call-to-Action Link button, emphasizing the

Input the text for your Link Text. Use a simple, verbal prompt such as "Register for Zoom", "See how the office can assist you", etc.

Screenshot emphasizing options for the Call-to-Action Link component properties, in this instance the

Insert URL into the Link URL Field.

Screenshot emphasizing options for the Call-to-Action Link component properties, in this instance the

Leave the "Link Style" as the default "Filled" option for Call to Actions in the content area. If they are in the right column to link to secondary child pages, you would then choose "Outline". Now left click on the "Color choices" dropdown.

Screenshot of the

Click "Dark".

Screenshot of the

Click "Advanced Options".

Screenshot showing the Call-to-Action Properties, with the

Depending on usage, you may center or right align the Call to Action - Link. Center it if it follows a few paragraphs of text, right align it if it follows a short section of 1 paragraph.

Screenshot showing the Call-to-Action Link properties, with the

Example below: choosing "Right" as the value for Alignment.

Screenshot of the

Click the "Text Uppercase" field.

Screenshot emphasizing the checkbox beside the

Click the "checkmark" to accept changes.

Screenshot emphasizing the

Click "Preview" to make sure everything looks okay.

Screenshot emphasizing the