Creating Callouts

Callouts are a great visual element that can be added to your Stacks site to call attention to important information, features, or direct users to other areas in Stacks or websites outside of Stacks. 

Once you have created one or more callouts, you can then navigate to the layout builder and begin adding them to landing pages. 

To create a callout:

1. From the Dashboard, click Callouts
2. Click Add Callout, then in the window that opens, complete the fields as needed:
   1. Title -  add a title for the callout
      1. This title is for administrative purposes and will be the name that appears in the list of callouts on your dashboard
   2. Language - select the appropriate language value from the list
   3. Click the Add Callout button just below the language field, a section will appear to add the details for a single callout block
      1. Title - this is the title for the callout block
      2. Image - click the button to browse for and select existing image or upload a new image that will be displayed within the callout block
         
         1. For an optimal user experience see the Recommended Image Sizes article for guidance when uploading/selecting images
      3. Link - add a URL to this field, users will be directed to this url when the title or image is clicked
         1. For links to external websites be sure to use the full URL (eg: https://website.com)
         2. For links to Stacks internal pages use the URL alias (eg: /events)
      4. Description - enter more information or a detailed description of the action or area you are drawing attention to
         1. Tip: for consistency, you can enable a Read More link from the Style Editor to ensure description lengths are uniform across all callout blocks
      5. Additional Links - click the Add Link button if additional links are required, add the appropriate URL and Link Text as needed
         1. Patrons/users will see these links will below the description, if one has been added
3. Click Add Callouts button below the Additional Links fields to add more callout blocks and repeat the steps above as needed, adding up to 4 blocks within the callout
4. Review and configure the Publishing workflow as needed
5. Click Save 

Once a callout has been created, it can be added to your Stacks site; see the Landing Pages article on adding content for more information. 

From the Style Editor, you have the ability to futher style the appearance of callouts, including adding borders, changing the block layout, text colors, link colors, and more.