Annotate an Image

You can add callouts to images without modifying the images themselves. It is useful if you want to reuse the same image in different topics.
  • An image element is present in a topic. See Insert an Image.
  • An ordered list element or step elements are in a topic. See Insert an Element to a Topic.
    Note: This functionality may be disabled on your Heretto CCMS instance. For more information, contact your Customer Success Manager.
  1. In the content library, double-click a topic.
  2. Insert an annotation by doing the following:
    1. Click the image element that you want to annotate and from the Image Context menu, select Annotate Image.
      Figure 1. Image Context Menu
      The image context menu appears when a user clicks an image.
      The Annotations interface opens.
    2. From the Topic Preview pane on the right, drag and drop ordered list item elements or step elements into the Image Preview pane on the left.
      Note: The callouts that you annotate images with update automatically as you add, move, or remove the ordered list item elements or step elements.
      Aannotations interface
  3. Optional: Edit an annotation by doing any of the following:
    OptionDescription
    To rotate the annotation,do the following:
    1. Select the annotation.
    2. Click and hold Rotation icon.
    3. Move your mouse.
      Annotation callout
    To combine multiple graphical elements,do the following:
    1. Press and hold Shift.
    2. Click the elements that you want to combine.
    3. Right-click any selected element.
      Annotation number
    4. Select Group.
    To move a graphical element,do the following:
    1. Click and hold the graphical element.
    2. Move your mouse.
  4. Optional: In the Image Preview pane on the left, remove an annotation by right-clicking the annotation and selecting Delete from the context menu.
  5. After you finish applying annotations to the image, click Close to return to the Content Editor.
In the Content Editor, you can edit annotated images at any point by clicking the image element and selecting Edit Annotation from the context menu.
The image context menu appears when a user clicks an image.