Information Services Division


Drupal CMS: Call to Action button

Learn to use the call to action button in Drupal.

This guide is aimed at

  • Staff
  • PG Students

Before you start 

You need to be a Senior Editor, Editor or Author
When editing use Chrome, Firefox or Safari but NOT Internet Explorer


A call-to-action or a CTA button is used to encourage users to act on something e.g. register for a conference, apply for a course, make a payment etc. - see the bottom of this page for an example.

The CTA button will always be the same colour, blue, to ensure users encounter consistency when using the different websites at UCL.

The following four things are required when creating a CTA button:

  1. The text of the button - keywords which will tell the user why to click on the button
  2. The width of the button - width of the whole page, or a percentage e.g. 50%
  3. The alignment of the button - left, centre or right
  4. The link where the button will point to - the URL or web address

  1. Place the cursor where you would like the button to appear
  2. Click on the CTA button icon in the editing toolbar
  3. Type in the text for the button
  4. Choose the size of the button
  5. Choose the alignment of the button
  6. Provide the link
  7. Depending on your role:
    if you are a Senior Editor: click on 'Publishing options - Draft (Current)' in the left-hand menu, choose 'published' from the drop-down menu
    if you are an Editor: click on 'Revision information' in the left-hand menu, choose 'published' from the drop-down menu
    if you are an Author: click on 'Revision information' in the left-hand menu, choose 'needs review' from the drop-down menu

  8. Save

Click on the example button below to be taken to the ISD homepage:

ISD Homepage

Help and support



We are continually improving our site, so please provide us any feedback on this web page using the form below. It would also be really useful if we could discuss your feedback with you, so if you are happy to be contacted please include your UCL email address in 'Email' field below.

Please note: We can only respond to UCL email addresses

Help us improve this page