Modern SharePoint page
Use it as a web part in a section of a modern SharePoint page, alongside other page content.
Microsoft Marketplace · Available now
Smarter Image Map
Turn images into clear, interactive paths through your content.
Transform process landscapes, floor plans, organization charts and diagrams into responsive SharePoint navigation. Editors draw clickable areas in the browser and connect them to pages, documents or further maps.
- rectangle, ellipse and polygon
- 3 shapes
- certified and published by Microsoft
- Live
Product video
Smarter Image Map in 67 seconds
See how a static diagram becomes interactive navigation with a dedicated editor, the right shape for every area, and visual drill-down.
English audio and captions
Duration: 1:07 minutes
Show transcript
Static process diagrams show relationships. But they do not guide people to the next step.
Smarter Image Map turns them into clear, interactive navigation directly in SharePoint. Precise areas explain their destination with meaningful tooltips.
Editors open a dedicated editing mode and draw areas directly on the image — without code and without editing the SharePoint page.
Rectangles, ellipses, and polygons fit every visual element. Advanced positioning stays out of the way until it is needed.
The real aha moment is visual drill-down: connect any process stage to a detailed child map in the same editor.
One click opens the subprocess without losing context. A visible breadcrumb guides users safely back to the overview.
The same web part runs on SharePoint pages, as a full-page app, and in Teams. Keyboard support and responsive areas are built in.
Smarter Image Map. Turn images into intuitive paths. Without code.
Included component and hosts
One SPFx web part, three supported hosts
The solution package contains exactly one web part: Smarter Image Map. Its content and controls remain consistent in every supported host.
SharePoint full-page
Use it as a Single Part App Page when the image map should fill an entire modern SharePoint page.
Microsoft Teams channel tab
Use it as a configurable tab in a Teams channel after syncing the app from the tenant App Catalog to Teams.
Not included: Smarter Image Map is not a Teams personal app and is not installed as a Teams Personal App.
Choose an image, draw areas, connect destinations
The editor guides content owners through the entire setup. Percentage-based coordinates keep every area aligned when the image scales.
- 1
Choose an image from SharePoint
Use an existing file, organizational asset or OneDrive image, or upload a new one. Your content stays in your SharePoint site.
- 2
Draw areas without code
Create rectangles, ellipses and free-form polygons. Move and resize areas using a mouse or keyboard.
- 3
Set a link or drill-down
Connect an area to a SharePoint page, document, HTTPS address or another image map.
Move from overview to detail
Nested maps let you present processes, locations or system landscapes across several levels. People move from overview to detail inside the web part and use the breadcrumb to return.
Rich tooltips explain each area on pointer hover or keyboard focus. A title and description provide context before the link opens.
Easy to extend
Create detail maps when you need them. Existing links and areas remain unchanged.
Built-in tools or app?
When are Microsoft’s built-in tools enough?
SharePoint’s built-in tools display a single image well. Smarter Image Map becomes useful when the image itself needs to provide navigation.
The built-in tools are enough for this
- A static diagram without clickable elements: the Image web part is enough.
- A short list of links beside an image: the Quick Links web part covers it.
- A linear sequence of steps: text and headings are often clearer.
This is what Smarter Image Map is built for
- Clickable areas positioned precisely over image content
- Rectangles, ellipses and polygons for different shapes
- Visual drill-downs between overview and detail maps
- Responsive positioning across desktop, tablet and mobile
- Tooltips, keyboard navigation and visible focus
If the left column covers your case, you don’t need an app – you’ve already paid for the built-in tools. Smarter Image Map exists for everything on the right.
App and license now on Microsoft Marketplace
Install the Microsoft-certified SharePoint app for free and purchase the right annual license directly from Microsoft.
Licensing for your SharePoint structure
Choose one site collection, five site collections or your entire tenant. Every plan includes all features; only the deployment scope changes.
14-day trial
The trial starts automatically when you first use the app.
All features
No feature tiers and no artificial limits.
Annual plans through Microsoft
- Site
- 1 site collection
- EUR 399 / year
- 5 Sites
- Up to 5 site collections
- EUR 799 / year
- Tenant
- All site collections in one tenant
- EUR 1,599 / year
Every feature included
- Unlimited maps and areas
- Rectangles, ellipses and polygons
- Drill-down maps and breadcrumbs
- English and German interface
- Regular updates and support
Purchasing & licensing
Three steps to your license
Microsoft separates the app from its license in the marketplace – that’s why you’ll find Smarter Image Map listed twice. Getting licensed is still quick:
Install and try the app
Install Smarter Image Map from the Microsoft marketplace into your SharePoint environment for free and try every feature without obligation.
View the app in the marketplaceBuy the license from Microsoft
Purchase the license as a subscription directly on Microsoft AppSource. You’ll see the price there in your local currency – including the correct taxes for your country.
See the price in your currencyActivate your site collection
Assign the license to the site collections where Smarter Image Map should run. Your data and settings from the trial are preserved.
Billed directly by Microsoft
Buying through AppSource is procurement without the procurement process: the contract runs through the Microsoft account your organization already has.
No new vendor
You buy from Microsoft – no vendor onboarding or supplier checks in your purchasing department.
Invoice from Microsoft
With the correct VAT for your country, in your local currency.
One bill
The license appears on your existing Microsoft 365 invoice – alongside your other subscriptions.
Full control
Manage, scale or cancel the subscription at any time in the Microsoft 365 admin center.
Frequently asked questions about buying
Why is Smarter Image Map listed twice in the marketplace?
Microsoft technically separates the app from its license: you install the app for free in your environment and purchase the license as a separate subscription. Microsoft mandates this split for all SharePoint apps with marketplace licensing. For the purchase, the listing with the “License” suffix is the right one.
What happens after the trial?
Your data lives in your own SharePoint lists and is preserved. Once the license is activated, you continue right where you left off.
Do we need a credit card?
Not necessarily. Payment runs through your organization’s billing profile at Microsoft – by credit card or invoice, depending on your configuration.
Who in our organization can buy?
The purchase is made in your organization’s Microsoft account – usually by someone with permission for marketplace purchases, for example a billing administrator.
How do we cancel the subscription?
Directly in the Microsoft 365 admin center – you manage the license like any other Microsoft subscription.
Questions about the purchase process?Get in touch – we’re happy to guide your IT team through the first purchase.
Built for content owners, controlled by your IT team
SharePoint-native storage
Images and map definitions live in the current site’s Site Assets library. Map content is never sent to the licensing service.
Accessible interaction
Semantic links and buttons, visible focus, Escape-dismissable tooltips and numeric alternatives to dragging support relevant WCAG 2.2 AA interaction patterns.
Protection against accidental loss
A dedicated editing mode separates page editing from map changes. The web part warns before closing with unsaved changes.
- Microsoft Graph permissions required
- 0
- languages: English and German
- 2
- shape types for precise areas
- 3
- of map content in your SharePoint tenant
- 100%
Support & Resources
Guidance, privacy information and personal support for Smarter Image Map.
Getting started
From installation to your first map, including drill-downs and keyboard controls.
View the guidePrivacy
What the app stores and what it transmits during a license check.
Read privacy policyTerms of use
Trial, license scope, Microsoft billing, data storage and support in one place.
Read termsSupport
We answer questions about rollout, licensing and specific use cases.
Contact supportWhich content would you like to make visual?
Install the certified app from Microsoft Marketplace and create your first interactive map.