What are Callouts?

Callouts are visual bookmarks that are displayed with a title and 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.

Three Callouts on a Landing Page

Create a Row of Callouts
  1. Navigate to the Callouts tile on your dashboard
  2. Click the ADD NEW button
  3. Add a title to describe your row of Callouts
  1. Check the box if you would like the title to display above your Callouts on a Landing Page.

4. In the Callouts section add a short descriptive title, image, description and URL Link to which users should be directed after clicking on the Callout

Note: Images must be exactly 800 x 600 pixels, and no larger than 2 MB 

5.  To include a link to the bottom of a Callout, include a title and the URL for the link

6. Additional links can be added by clicking on ADD ANOTHER ITEM and repeating Step 4
7. Repeat Steps 3-5 until all of your Callouts have been created

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.

9. Click the SAVE button to create the row of Callouts

Edit a Row of Callouts
  1. Navigate to the Callouts tile on your dashboard
  2. In the list of Callouts, locate the row of Callouts you would like to edit
  3. Click Edit to the right of the row of Callouts to be edited

 

4. Make any necessary changes to the Row of Callouts
5. Click SAVE to apply your changes

Delete a Row of Callouts
  1. Navigate to the Callouts tile on your dashboard
  2. In the list of Callouts, find the row of callouts that you wish to delete
  3. Click Delete to the right of the row of Callouts
  4. Click DELETE to confirm the removal of this Row of Callouts

 

Callouts Video
Examples

Check out how the Stacks Community is using Callouts: