How to create a Call to Action in dotCMS

Learn how to create a Call to Action in dotCMS.

The dotCMS content dashboard with Type drop down menu showing the different content types that can be selected, such as Call to Action.
  1. Log into dotCMS.
  2. Select Content on the left side of the screen.
  3. Select Search.

Content Dashboard

  1. Select Call to Action from the Type drop-down menu.

Shows the dotCMS content dashboard with Type drop down menu showing the different content types that can be selected, such as Call to Action.

  1. Select the Triple Vertical Dots button in the upper right-hand corner of the page.
  2. Select Add New Content.

Shows a button with triple dots to select where you can choose the Add New Content button.

Call to Action Content Tab

  1. REQUIRED FIELD: Open the Host/Folder drop-down menu.
  2. Select the Plus Sign (+) to twirl open the folder.
  3. Select the Folder of the site you where you want to save your call to action.

TIP: If you forget to select your folder for the Host/Folder, then when you attempt to publish the call to action you will receive an error stating that “You don't have the required permissions to save the asset. User has no Add Children Permissions on selected host.” Follow the steps above and republish your call to action. It should publish properly this time.

Shows the Host/Folder drop down menu where you need to select your website folder where you will save the call to action.

  1. REQUIRED FIELD: Enter the Title of the call to action.

NOTE: This title is for back-end searching only.

NOTE: Above most fields in the Content tab is Hint Text that may help you to use the field more successfully. It is recommended to read this information prior to filling in a particular field.

  1. OPTIONAL: Fill in a Campaign Name if you want a Google Analytics campaign URL to be associated with your call to action.

NOTE: This will automatically add a campaign URL string to the end of the call to action link. For example, “?utm_source=canrwebsitecta&utm_medium=referral&utm_campaign=autumnfest2019”.

Shows the Title and Campaign Name fields.

  1. REQUIRED FIELD: Select the Priority Order number from the drop-down between one (1) and 10.

NOTE: Ten (10) is the highest level for priority order, meaning it will be used ahead of other calls to action. Only two calls to action will appear on a page, so make sure you assign prioritize the order you select accordingly.

Shows the Priority Order drop down menu, and numbers to select from 1 through 10..

  1. REQUIRED FIELD: Select the Type of Action from the drop-down menu.

NOTE: Defining this action allows for Google Analytics tracking.

Shows the Type of Action drop down menu with option to select for Apply to MSU, Contact Us, Donate, Download, Follow, Join 4-H, Register, Newsletter, Share, Take a Survey, View and Volunteer.

  1. OPTIONAL: Upload a Square Image for the call to action using the Browse button.

TIP: Ideal image dimensions are 1000 x 1000 pixels. Simple images are recommended over complex images as the image will shrink down to fit the size of the box. If you upload an image that includes text, make sure the text is readable scaled down to 300 x 300 pixels. Example call to action images are viewable at Demo Article – All Fields.
NOTE: If you include Overlay Text (see Step 23) on your image it will automatically apply a green screen overlay to the image.

Shows the Square image where you select the Browse button to upload an image.

  1. If you select the Browse button, from the Select a file window, navigate to the Uploads/Images folder on your site.
  2. Either select an image that was previously uploaded to the Images folder, or select the Upload New File button to upload a new image.

Shows the Select a File window where you select the folder where you want to access or save your image. It also shows the Upload New File button if you want to upload a new image.

  1. If you selected Upload New File, Select file(s) to upload button and navigate to where the image file resides on your computer, and choose the file and select Open.

Shows the Select Files to Upload button and resulting Open window where you navigate to the image on your computer and choose the image and select the Open button.

  1. Select Save and Publish button.

NOTE: DO NOT select the Save button. This will only save your image to the backend of your website as unpublished, and it will not appear live when you publish the Call to action. By selecting Save and Publish for the image you are preparing the image for publishing live for the Call to action. It will not appear on your page until you Publish the Call to action.

  1. Select the Execute button.

Shows the Publishing Type drop up menu where you select the Save/Publish option. Then, select the Execute button.

  1. OPTIONAL: If you uploaded an image in step 14, you must enter an Alternative Text description for web accessibility purposes. This needs to be written in sentence format with punctuation and is typically a basic, not detailed, description. For example, “Keyboard with hands typing.”

Shows the Alternative Text field.

  1. REQUIRED: Insert the Link (URL) for where you want your call to action to take the user.

Shows the Link field.

  1. OPTIONAL: Ignore the Widget ID field.

Shows the Widget ID field.

  1. OPTIONAL: Insert Overlay Text to appear on your Square Image using a maximum of 140 characters.

NOTE: This option allows you to add text on top of the Square Image. A green overlay will automatically be added if you fill in this field so that the text can be readable. The image will be clickable if you include text.

NOTE: You may ignore the Toggle Editor and Language Variable fields whenever you see them below a text box.

Shows the Overlay Text field.

  1. OPTIONAL: Insert Button Text to appear on your Square Image.

TIP: It is recommended to keep this text limited one to two words for simplicity and consistency.

Shows the Button Text field.

  1. REQUIRED: Select the tag for the articles that you want the call to action to appear within.

NOTE: Any article that shares that same tag will show this call to action unless another call to action has a higher priority. For example, if you select the “national charrette institute” tag, this call to action will appear on articles that include that same tag.

Shows the Tags field.

  1. OPTIONAL: Select the System Publish Date and Time that the call to action will publish in the system.

NOTE: This is so you can set the call to action to appear on articles at the start of your campaign.

Shows the System Publish Date and Time fields.           

  1. OPTIONAL: To set a specific System Expiration Date and Time, deselect the Never check box.

NOTE: Expiring calls to action is important so that the system isn’t flooded with too many of them competing for placement on articles.

  1. Then, select the System Expiration Date and Time that the call to action will expire in the system. It will unpublish automatically when this date is reached.

Shows the System Expiration Date and Time fields, and the Never check box.     

Call to Action Final Steps

  1. The English language is the default for calls to action. You can skip this field.

Shows the Language, Save and Save/Publish buttons.

  1. If you select the Save button, it will save your call to action to the backend of dotCMS so you can still work on it before publishing it live.
  2. If you select the Save/Publish button, it will publish your call to action so it will appear live on your related Tagged articles.

Did you find this article useful?

You Might Also Be Interested In