What are Callouts?

Callouts are visual bookmarks that are displayed with a title and an image, a description, and optional links. Callouts are displayed in a row on a landing page. Callouts can be used to highlight programs, sections of your website, or a set of services. Each row of callouts may consist of up to 4 boxes. The number of Callouts and theme selected will determine how the row of callouts are displayed on the landing page.

Three Callouts on a Landing Page

Configure Callouts
Before you begin creating Callouts, we recommend that you first complete configuration steps in Site Configuration.
 
  1. Navigate to the Site Configuration Tile
    (Dashboard > System Configuration > Site Configuration)
  2. Click on the Callouts Settings Tab
  3. If Required, modify the following options:
    • Enable description “read more” toggle
    • Enable Additional Links “read more” toggle
Create a Row of Callouts
  1. Navigate to the Callouts Tile (Dashboard > Callouts).
  2. Click the ADD NEW button.
  3. Add a title to describe your row of Callouts.


     
  4. Check the Show Title box if you want to display the title above your callouts.


     
  5. In the Callouts section, add a title, image (800x600 pixels, no larger than 2MB), description and URL link that users will be directed to when clicking.


     
  6. Additional Callouts can be added by clicking on the ADD ANOTHER ITEM button and repeating steps 5.
  7. Click SAVE
 
 
Note: You can choose to create between two and four callouts. Changing the number of Callouts will change the way they are displayed within panels, depending on your theme.
 
Note: You can re-order Callouts by grabbing the drag icon to the left of the content panels and dragging and dropping your callouts until you achieve your preferred order.
 
 
Edit a Row of Callouts
  1. Navigate to the Callouts Tile (Dashboard > Callouts).
  2. From the list of Callouts, locate the callout you want to edit.
  3. Click the Edit link in the operations column.


     
  4. Make any modifications to the existing callout
  5. Click the SAVE button to apply your edits.
Delete a Row of Callouts
  1. Navigate to the Callouts Tile (Dashboard > Callouts).
  2. From the list of Callouts, locate the callout you want to delete.
  3. Click the Delete link in the operations column.


     
  4. A warning that this action cannot be undone will appear.
  5. Click the DELETE button to confirm; or
  6. Click the CANCEL button to return to the Index Entries without deleting the Entry.
Callouts Video
Examples

Check out how the Stacks Community is using Callouts: