Create a Call-to-action block in the WMS


OVERVIEW

Target audience: Site Administrators, Site Managers

Call-to-action template blocks in the Web Management System (WMS) automatically format content in an attractive, consistent manner, ensuring site visitors can easily identify how to take the next step.

In this article:

The block can include:

Call-to-action block styles

Call-to-action blocks appear differently depending on the size of the block.

  • Full-width blocks with images use McGill red for the button 

An example of a full-width block featuring text and a person wearing a black jacket

  • Full-width blocks that do not have images use a typography-based style instead of the button

An example of a full-width block with text only

  • Half-width blocks use a solid black button

An example of a half-width block featuring text with an image of students attending a sporting event

  • Third-width blocks and blocks in the sidebar have a transparent button

An example of a third-width block featuring text and with an image of students enjoying outdoor life in Montreal

  • Enhanced blocks are black with white text

An example of an enhanced block, featuring white text on a black background

Create a Call to action block

  1. Go to My Workbench and click on the Create Content tab.
  2. Click McGill Call-to-action.
  3. Fill in the Label and Title (if applicable).
  4. Upload an Image.
  5. Select a View Mode:
    • Full-, Half-, Third-width
    • Enhanced
      • enhanced blocks are text only; images will not display
      • enhanced blocks placed in the highlighted region floats in the top right corner of a visitor’s browser window
      • enhanced blocks placed in any other region are full-width. Recommended block regions to use are: Top of Content, Bottom of content, Top of page, or Bottom of page
  6. Body: Add content to the block
    • Text is left-aligned on blocks with images and centered on blocks without
    • Text will appear to the right of the image on full-width blocks
    • Text will appear centered in the block, under the title and/or image for half-width and third-width blocks
  7. Link Title: Enter text for the call-to-action button label.
  8. Link URL: Enter the URL users will be directed to when they click the call-to-action button.
  9. Click Save.

Configure a Call-to-action block

To place the block on your page, from the Administration toolbar, click Structure > Blocks. Follow the instructions in the article Manage blocks in the WMS.

Edit / Delete a Call-to-action block

Follow the instructions on editing or deleting a block in the WMS.

references

ADDITIONAL REFERENCES: