Bild Hotspot
Ein Bild sagt mehr als tausend Worte, aber was wäre, wenn Sie es anmerken könnten? lassen Sie die Besucher nicht raten, worauf es bei Ihren Produktaufnahmen, Karten oder Diagrammen ankommt Master Addons Image Hotspot Element lässt Sie interaktive Markierungen direkt auf jedes Bild setzen Fügen Sie Icons hinzu, passen Sie ihren Look an und fügen Sie umfangreiche Tooltips mit Text, Bildern oder Links an. Erstellen Sie interaktive Produkthandbücher, erklären Sie komplexe Infografiken oder erstellen Sie ansprechende Portfolio-Showcases. Verwandeln Sie Ihre statischen Bilder in explorative, selbsterklärende Erlebnisse.
Visuelle Hotspot-Platzierung und -Verwaltung
Beginnen Sie mit Ihrem Basisbild – ein Produkt, eine Karte, ein technisches Diagramm. Platzieren Sie dann Ihre interaktiven Markierungen mit pixelgenauer Präzision. Verwenden Sie die intuitiven Positionssteuerelemente und passen Sie die horizontalen und vertikalen Prozentschieber an, um jeden Hotspot genau dorthin zu verschieben, wo er sein muss Fügen Sie mit der Schaltfläche + Artikel hinzufügen so viele Hotspots hinzu, wie Sie möchten, und verwalten Sie jedes einzelne unabhängig. Diese visuelle Platzierung verwandelt jedes Bild in eine detaillierte, interaktive Leinwand.
- Präzise Pünktlichkeit: Verwenden Sie horizontale (%) und vertikale (%) Schieberegler, um Hotspots an einer beliebigen Stelle auf Ihrem Bild zu platzieren.
- Unbegrenzte Hotspots: Fügen Sie mit dem + Artikel-Repeater hinzufügen zahlreiche Sehenswürdigkeiten hinzu.
- Einfache Verwaltung: Beschriften, neu bestellen oder löschen Sie einzelne Hotspots (#1, #2 usw) einfach.
- Live-Positionierung: Sehen Sie, wie sich der Hotspot im Editor bewegt, während Sie die Schieberegler für eine perfekte Platzierung anpassen.
Rich Tooltip Content System
Die Magie geschieht im Tooltip Öffnen Sie für jeden Hotspot den Tooltip Content Editor & einen voll ausgestatteten Textbereich, in dem Sie Beschreibungen schreiben, Medien hinzufügen oder sogar Shortcode einfügen können Erklären Sie eine Produktfunktion, geben Sie eine Statistik an oder verlinken Sie auf eine andere Seite Sie steuern, wann sie erscheint: Setzen Sie den Auslöser auf Hover für schnelle Entdeckung oder Klicken Sie für bewusste Interaktion, besonders wichtig für mobile Benutzer.
- Erweiterter Inhaltseditor: Fügen Sie formatierten Text, Bilder oder Videos in jedem Tooltip hinzu.
- Flexible Auslösung: Wählen Sie Hover für Sofortvorschauen oder Click für kontrollierte, mobilfreundliche Interaktion.
- Aktionsorientiert: Fügen Sie Links in Tooltips ein, um Benutzer zu verwandten Seiten oder Produkten zu bewegen.
- Kontextinformationen: Verwenden Sie Tooltips, um Spezifikationen, Preise, Beschreibungen oder Anweisungen direkt auf dem Bild anzuzeigen.
Häufig gestellte Fragen für Image Hotspot
Was passiert auf Mobiltelefonen, wo es keinen Schwebeflug gibt?
Sie können den Tooltip-Trigger auf Klicken in den Einstellungen für Tooltips einstellen Dadurch wird der Hotspot auf Touch-Geräten tip-to-reveal, sodass die volle Funktionalität gewährleistet ist Alternativ können Sie Tooltips auf Deaktivieren auf Mobil einstellen, wodurch der Hotspot selbst ein anklickbarer Link zu mehr Informationen ist.
Kann ich ein benutzerdefiniertes Bild anstelle eines Symbols für den Hotspot-Marker verwenden?
Ja. Sie können ein benutzerdefiniertes Bild als Marker aus Ihrer Mediathek hochladen oder hinzufügen. Unser Vorschlag ist, ein einfaches Bild als Marker zu verwenden, das leicht verstanden werden kann.
Ist das Basisbild selbst responsive?
Ja. Das von Ihnen gewählte Bild skaliert responsiv mit dem Container Die Hotspot-Positionen (durch Prozentsätze festgelegt) sind ebenfalls relativ, so dass sie über alle Bildschirmgrößen hinweg an der richtigen Stelle auf dem Bild bleiben.
Was ist ein guter Anwendungsfall für dieses Element?
Perfekt für E-Commerce-Produktbilder (Hervorhebungsfunktionen), interaktive Karten (Standorte anzeigen), Infografiken (Datenpunkte erläutern), technische Diagramme (Kennzeichnungsteile) oder Teamfotos (Verknüpfung mit einzelnen Bios).
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
