Your teams can create images and infographics internally for display on Pages or in articles.
This feature allows you to add clickable regions to these images that open links wherever the CKEditor appears, e.g., in News, Knowledge Base articles, or the Text component.
Step 1
Upload the Image using the image icon in CK Editor.
- Click the icon > Open the Upload tab > Upload image > Click Send to the server.
- Resize the image to your liking, and it will appear in the body content.
Step 2
Click on the image to highlight it and then click the Insert/Edit Image Map icon.
Step 3
Using the shape tools, draw the area you wish to be clickable, and specify the following:
- URL: The web address that should be opened when the region is clicked
- Title: The tooltip to display when the user's mouse is hovering over a clickable region
- Link Target: Choose how the link should behave when clicked, e.g. to open in a new window or not.
Step 4
Repeat step 3 to add more regions to the image map as applicable.
Click OK when done and close the window.
You can also right-click on the image to open Image Map tool after applying.
Step 5
Click Submit to save the component, or if adding to an article, save this as a draft or publish it to apply changes.
Test clicking on the regions you created on the image leads to the URLs as expected.
