< All Topics
Print

Callout

Callouts are a way to combine several elements in one. It’s like combining a Heading, Text, Image and Button in one module. 

Example

Here is an example of a Callout. We recommend only using these in a horizontal format, where each element is above the other.

Adding a Callout & Step-By-Step Instructions

  1. You can add a Callout by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR – 
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Click the + Symbol in the upper right hand corner.  
  3. Under the Modules tab (with Standard Modules selected), scroll down to view the Callout module.
  4. Select the Callout module and drag it onto the page where you want to add it. 
  5. Release the mouse to place the Callout. 
  6. Under the General tab, you can change Heading and Text. 
  7. Under the Style tab, you can change Layout, Background Color, Border & Padding. You can also set specific features of the Heading and Text areas.
  8. Under the Image tab, you can set image type (none, icon or photo), select the photo and position, and choose photo style (crop, width, position and size).
  9. Under the Link tab, you can set select Link URL, Call to Action type (button, text or none) and Text, Icon, Styles, Background and Border.  
  10. Under the Advanced tab, you can set additional Spacing, Visibility, Animation and HTML elements. 
  11. Click the blue Done button in the upper right hand corner of the website.
  12. Select Publish to make your changes public. 

Editing a Callout

  1. You can edit a Callout by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –  

    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Callout you want to edit. A blue or orange box should appear around the module.
  3. Click on the Wrench icon or anywhere inside the blue outline to make your changes.
  4. Click the blue Done button in the upper right hand corner of the website.
  5. Select Publish to make your changes public. 

Duplicating a Callout

  1. You can duplicate a Callout by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   

    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Callout. A blue or orange box should appear around the module.
  3. Click the Duplicate icon at the top left of the module as shown below:

Deleting a Callout

  1. You can delete a Callout by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   

    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Callout you want to edit. A blue or orange box should appear around the module.
  3. Click the X icon to delete.
  4. When the dialog box appears, click OK.

Contact Support

Reach out to us at (971) 332-5476 or [email protected] to learn more.

Table of Contents