CTAs Call-to-Actions
Learn how to create and add a CTA to a webpage.
Create a CTA
Note: this information describes the CTA process for the standard three-column webpage template.
In the three-column template, all CTAs (left and right) will appear on desktop view. Only the first and second right rail CTAs will appear in mobile view.
Go to the _CTA folder within the folder you have publishing rights for. Click on "New" and a menu appears. From that menu mouse over “Smart Form” and click on "Rail CTA" when that option appears.
A smart form for creating your CTA will open.
Title - Name of your CTA.
Heading - A short heading that displays.
Styling - Choose Boxed or Transparent. Boxed has a light gray background. Transparent has no background (i.e. appears against white on the webpage).
Image - Images are used in one of two ways. You may use a small header image for your CTA that’s then followed by text. Make it a .gif or .jpg file that's 220 pixels wide and about 80 pixels high. This image does not need to be linked. Alternatively, you may want a graphic to be the entire CTA. Make your graphic about 220 pixels wide (height whatever is needed). You'll want to have chosen a transparent background under styling for this. Link the image to whatever internal or external page you want to send your audience to.
Description - This is the written text of your CTA. When you click into the "Description" text area you will get a pop-up editor with the Aloha editing tools.
Be sure to save your text when you are done.
Link - A CTA is often teaser information that takes people to other content -- a webpage, a document, a video. Click the link icon to get the Link Manager dialog box – and type in your link text (usually something like: "Register Online" or "View Video") and add a URL for an internal or external link. You can navigate to internal content (access Quicklinks) by clicking the small gray box with the ellipses next to the URL input box.
Scheduling - If your CTA relates to date-specific content, you can make your life easier by scheduling it to appear, to go away, or both. Use the Schedule tab of the CTA smart form for this.
Add the CTA to a Webpage
Edit a web page and from the Metadata tab, choose whether you want the CTA to appear on the left rail (up to two can be located here) or the right rail (up to three can be added here). Click the "Edit" button and navigate to the folder where the CTA content item you created resides. Select your CTA and click "Insert". The CTA will then be added to the "Reorder and Finalize Selections" section of the pop-up window. Here, you will be able to change the order your CTAs will display on the webpage by using the arrows. After you are satisfied with the order, click "Save" then Publish your page. The CTA will show up on the live site after the next website sync.
CTAs in a Two-Column Template
The process for adding a CTA in a two column webpage template is similar, but CTAs can only appear on the right rail in a two-column template. You will also need to make your images larger, if you are using them. Make your CTA image for the two-column template at least 300 pixels in width and give them the img-responsive class.