Skip to main content
Skip table of contents

Scroll ImageMap Examples

Create Interactive Images in Confluence

Scroll ImageMap for Confluence transforms any static images within your Confluence instance into interactive, information-rich elements. Whether you're documenting complex workflows, organizational charts, geographical maps, or technical diagrams, Scroll ImageMap adds an interactive layer that enhances the user experience by making images clickable and informative.

See For Yourself ⤵

Below, you'll find examples that showcase the versatility of Scroll ImageMap. Explore the examples by clicking on clickable hotspots, or hovering over tooltips to see more information.

Click to visit Pablo's profileClick to visit Maggie's profileClick to visit Aziza's profileClick to visit Erika's profileClick to visit Yussuf's profileClick to visit Conrad's profile
The first step of this process is to: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor ligula sed velit vestibulum dapibus. When it comes to making a decision, you need to: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor ligula sed velit vestibulum dapibus.Click here to access the documentationProcess A is all about: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor ligula sed velit vestibulum dapibus.Process B is all about: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor ligula sed velit vestibulum dapibus.

Images created with Scroll ImageMap will be fully interactive within your Confluence space. Want to publish image maps to a help center, just like the one you’re viewing? With Scroll Viewport you can publish your documentation as a beautiful help center. Learn more →

Click here to get the information for IrelandClick here to get information for the UKClick here to get information for FranceClick here to get information for GermanyClick here to get information for PolandClick here to get information for Spain
You'll find a selection of regular mugs and espresso mugs near the coffee machine.Turn the coffee machine on (if it's not already) using the button on the left. Then select the size of the coffee you'll be making from the top two buttons.Use this device to grind your coffee beans before adding it to the espresso machineThis device is used to collect the ground coffee beans. Once ground, you insert this into the espresso machine.This part of the espresso machine is what you use to steam your milk
The 'Document Sections' tab is where you edit the individual pages of your documentsThe 'Styles' tab is where you edit the styles contained within your document, e.g. different text styles for headings, body copy etc.You'll see a live preview of the changes you make to your templateHere you can select a background color for your documents, or choose to add a background image.
Click here to learn more about how the micro USB ports are manufacturedClick here to learn more about how the 40 pin GPIOs are manufactured Click here to learn how the LAN ports are manufactured

Try It Free for 30 Days

Are you ready to improve visual communication on your Confluence pages? Get started with creating your own image maps today. Try the app free for 30 days on the Atlassian Marketplace.

Try it free →

Scroll ImageMaps retain full interactivity when exported to PDF documents using Scroll PDF Exporter. Transform your Confluence pages into polished PDF documents. Get started →

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.

Contact Support Close