Call To Action Content

CTA Block
An example of a CTA Block

Description

A Call to Action is intended to grab a user's attention and draw them to a particular page or site.

Jump to:

 

Specifications

A call to action can exist on any page, however it can only appear on the right-hand side (Right Sidebar Region). All Call to Action content contains:

  • Title
  • Image
    • Use images that are at least 480px wide
    • The images will retain its aspect ratio and scale accordingly
  • URL with a title
  • [Optional] Short blurb or description

 

Usage

 

Creating a CTA

To create a call to action content,

  1. Navigate to Add Content > Add Call to Action using the administrative toolbar
  2. Provide a title
  3. Provide an image
    • Click "Choose File"
    • Select the image you wish to use and confirm
    • Click Upload
    • Provide an alternate text
  4. Provide a blurb or a short description. This is optional
  5. Provide a title and a URL
  6. Click "Save"

 

Adding the CTA to pages

To add your call to action block to pages,

  1. Navigate to Manage Site > Blocks using the administrative toolbar
  2. In the section titled Disabled, find the item with the title of your call to action content and click Configure to go to the block's settings page.
    • You should find an item with the title you provided when you created the call to action
    • Example: (Nodeblock: Call to Action): Title
  3. In the Region settings section of the block's setting page, locate Fawn (default theme) 
  4. In the dropdown below this theme, choose Right Sidebar.
    • Important: CTA Blocks should only be added to the Right Sidebar
  5. To add the block to pages, scroll down to the Visibility Settings section.
  6. On the Pages tab under Show block on specific pages choose Only the listed pages
  7. In the textarea below, enter the path for each page you want your call to action to appear on (one per line).
    • They should be relative paths of the form "path/to/your-page" excluding the "www.utm.utoronto.ca/your-subsite/" portion.
      Tip: You can enter <front> to place the block on the front page. See an example of block visibility.
  8. Click Save block at the bottom of the page.

Your call to action will now appear on every page you listed in step 7!

For more information on blocks see Managing Blocks.

 

Removing a call to action

There are multiple ways to remove a CTA from display.

  1. Disable Blocks
    • This simply disables the block from view. The actual content will continue to exist.
  2. Unpublish or Delete Content
    • This targets the content directly.

Disable Block

  1. Navigate to Manage Site > Blocks
  2. Locate the block you wish to disable and change the Region from Right Sidebar to None
  3. Click Save

Unpublish or Delete Content

  1. Navigate to Find Content > Find Call to Action
  2. In this page, all of your pages will be listed. Find and click on the item you would like to edit.
  3. In the content page, click Edit
  4. To remove an item from display considerations, you can do so with one of two ways:
    • Unpublish (Recommended)
      • At the bottom of the page under Publishing Options, uncheck the "Publish" option
      • Save
      • Note: You can re-publish the item by checking the "Publish" option again and saving
    • Delete
      • Note: This action is permanent and there would be no way to recover data once it is deleted. This should be done only for pages that for sure you wouldn't need in the future.
      • Click the delete button at the bottom of the page and confirm

 

Best Practices

  • Avoid images of text where possible. See more about images of text.
  • Keep the blurb short.
  • Your link title should represent an action (e.g. "Act now", "Register here", "Learn more", etc.).
  • If linking to a page within your site, try using a relative URL in the URL field
  • It is recommended that CTAs be placed in the Right Sidebar region for your pages only for consistent placement throughout the site.
  • When placing the Call to Action block, try to limit the placement to pages that are relevant to the URL it is linking to. For example, if your Call to Action is targeted at new students it might not make sense to have it appear on pages targeted to returning students.

 


Legacy versions: UTM Minor