The Callout on Image is a full-width pane type used to display a set of two clickable images with overlaid text. This pane type is great for grabbing users' attention and driving traffic to a particular part of your site.
- Under the YOUR SITE - Site Administration dropdown, hover over Add new pane and select Callout on Image to create a new pane.
- Provide a Title for the Callout on Image.
- This pane type is designed to support two images side-by-side (see above). To add the left callout to your new pane:
- Enter Callout Title to provide a title to your callout (e.g., "Callout on Image Title" in the example above).
- Add the Image (landscape orientation is optimal).
- If your image has already been uploaded to the system:
- Click the File Browser tab to launch the browser pop-up window.
- Navigate to the file, clicking on the title to select it.
- Double click the title or use the Insert file button in the upper left.
- Enter Alternate text describing the contents of the image (used by screen readers, search engines, or when the image cannot be loaded).
- If your image has already been uploaded to the system:
- If you’re adding a new image to the system:
- Click the Choose File button to browse your local system for the file, select it, and click the Upload button
- Optionally, add a short Label to give further context to the callout. Example: “Sustainability” for a callout about composting on campus.
- Optionally, add an Abstract that will appear at the bottom of the image (see example above).
- Optionally, add a Call to Action Link that will drive traffic to some part of your site.
- Complete the above steps for the right callout.
- Click Save to create your new pane.
- To place the newly created pane on your page:
- Click Arrange Panes.
- Click the little grey gear icon in the upper left-hand corner of the Additional Content region of your page, and then click Add content.
- Find and click on your newly created pane under Existing Site Panes > Callout on Image Panes. You can now arrange the order of your panes by dragging and dropping the item.
- Click Save to save a draft of your page. You can set the Moderation state to Published if you would like to publish the pane to your page.
Screenshot of Callout on Image pane |
---|