Interactive images from finished visuals.
From finished visual to clickable image map
With the AI Image Hotspots OPAL, you upload your finished campaign visual, the AI detects the interactive areas, and you just assign the targets. The result is an accessible SVG image map – created quickly, with no technical skills needed.
What this OPAL does for you
AI detects the areas: upload an image – the elements that should be clickable appear as pre-filled hotspots (buttons, CTA areas, panels, clearly delimited objects).
Assign targets with a click: give each hotspot a target – web address, product or category – plus a label. No HTML or CSS.
Output as SVG: the result comes as a scalable, accessible SVG image map – via a VisualCMS widget or directly in the template.
Part of the OPAL family
OPALs are building blocks from OXID eSales: a proven foundation that is adapted to your IT landscape and integrated into your store.
Features at a glance
OXID
<OPAL/>
AI detects the interactive areas
Drawn buttons, CTA areas, labeled panels and teasers as well as distinct objects and object parts (e.g. wheel, lamp, door) are suggested as rectangular areas. For each area, the AI suggests a label in the language visible in the image.
One analysis per image – not per request
The analysis attempt is recorded on the image; reloading, switching tabs or saving part of the form does not trigger another (paid) AI call. It is only repeated for a different image or on explicit request.
Accessible SVG output, embeddable anywhere
The image map scales with its container via SVG; each area is a keyboard-accessible link with a text alternative (aria-label and title). You embed it via a VisualCMS widget or directly in the template – it works without VisualCMS, too. If a linked product or category is missing, the area is withheld (no links to deleted pages).
Edit areas directly on the image
Drag to move, drag a corner to resize – fully keyboard-accessible (Tab, arrow keys, Delete) and with a text fallback when JavaScript is unavailable. Coordinates are stored as fractions of the image, so an area keeps its position at any display size.
Three target types per area
A hotspot leads to a web address, a product or a category. You select products and categories from the catalog – the link stays valid even after renaming.
Base image via upload or media library
Direct upload (PNG, JPEG, WebP up to 10 MB; the type is determined from the file content, not the name) or – where the media library module is active – selection from existing images.
Who is this OPAL for?
Store owner / marketing
You have a finished campaign visual or lookbook and want to make individual areas in it clickable – without a developer.
How it helps
You upload the image, the AI suggests the interactive areas as hotspots, and you just assign the targets (URL, product or category) and a label. No HTML, no CSS, no drawing areas by hand. The result is a scalable, accessible SVG image map.
Frequently asked questions
Price
€35/month
OPALs are also available in subscription packages.