Interaktives Bild erstellen für Ihre Website
Verwandeln Sie ein Produktfoto, einen Grundriss, Screenshot, ein Diagramm oder eine Karte in einen interaktiven Guide. Platzieren Sie bis zu acht Marker und geben Sie jedem eine Detailkarte mit optionalem Bild, Titel, Beschreibung und CTA-Button.
So erstellen Sie ein Image Hotspot-Widget
Laden Sie Ihr Bild hoch
Beginnen Sie mit einem Produktfoto, Grundriss, App-Screenshot, einer Infografik oder einem anderen Bild, das Ihre Besucher erkunden sollen.
Hotspots platzieren und bearbeiten
Fügen Sie bis zu acht Marker hinzu, ziehen Sie sie an die gewünschte Position und wählen Sie für jeden eine Nummer oder ein Icon. Fügen Sie anschließend ein optionales Bild, einen Titel, eine Beschreibung und einen CTA-Link hinzu.
Gestalten und einbetten
Legen Sie Farben für Marker und Karten, das Klick- oder Hover-Verhalten, Größe, Schriftart und Gerätesichtbarkeit fest und veröffentlichen Sie das No-Code-Widget anschließend auf Ihrer Website.
Aus statischen Bildern interaktive Bilder erstellen – ganz ohne eigenen Code
Platzieren Sie Pins visuell mit responsiven Koordinaten
Fügen Sie Pins direkt auf dem Bild hinzu und ziehen Sie sie an die gewünschte Position. Hotspots werden als relative Koordinaten gespeichert, sodass sie ausgerichtet bleiben, wenn das Bild auf Desktop, Tablet und Mobilgerät skaliert wird.
Geben Sie jedem Hotspot eigene Inhalte
Fügen Sie jeder Detailkarte ein optionales Bild, einen Titel und eine Beschreibung hinzu. Sie können außerdem einen individuellen CTA-Button anzeigen, der sein Ziel in einem neuen Tab öffnet.
Klick oder Hover mit mobilen Bottom Sheets nutzen
Öffnen Sie Karten per Klick oder Hover auf dem Desktop. Auf Mobilgeräten öffnet sich der aktive Hotspot in einem Bottom Sheet, das das Bild gut sichtbar hält.
Marker und Karten an Ihre Website anpassen
Verwenden Sie nummerierte Marker oder Icon-Marker, wählen Sie aus der Icon-Bibliothek und passen Sie Markergröße, Pulseffekt, Kartengröße, Farben, Design, Eckenradius, Schriftart und Textausrichtung an.
Warum sich Jotform Website Widgets auszeichnen
Mit den Widgets von Jotform wird Ihre Website interaktiver und Sie steigern Ihre Conversion-Rate. Zur Auswahl stehen zahlreiche Tools wie Sternebewertungen, Slideshows mit Erfahrungsberichten, Pop-ups mit Social Proof und eingebettete Medien. Fügen Sie Widgets zu Ihren Formularen oder Landingpages hinzu, um Daten zu sammeln, Erfahrungsberichte anzuzeigen und Leads zu gewinnen – ganz ohne Programmierkenntnisse.
Fügen Sie Jotform-Widgets mithilfe eines Einbettungscodes in Ihre Website ein. Passen Sie das Widget an, sehen Sie sich die Vorschau an und fügen Sie den Code in jede Seite ein, die benutzerdefiniertes HTML oder Einbettungsblöcke unterstützt – ganz ohne Entwicklerinnen oder Entwickler.
Mit Jotform Website Widgets sammeln Sie Leads, zeigen Kundenfeedback, präsentieren Social Proof, binden Medien ein oder fügen nützliche Webseiten-Tools hinzu. Über jedes Widget können Besucher direkt auf Ihrer Website mit Ihrem Unternehmen interagieren.
Wenn Sie Unterstützung bei der Einrichtung, Anpassung, Einbettung oder Fehlerbehebung Ihres Widgets benötigen, steht Ihnen das Kundensupport-Team von Jotform rund um die Uhr zur Verfügung. So können Sie beruhigt weiterarbeiten, denn Sie wissen: Hilfe ist da, wenn Sie sie brauchen.
Wo Sie Ihr Image Hotspot Widget einsetzen können
Verwenden Sie interaktive Hotspots überall dort, wo Besucher ein Bild genauer betrachten und verstehen müssen, was jeder Teil bedeutet.
Produktbilder und Lookbooks, um vorgestellte Artikel zu kennzeichnen, wichtige Details zu erklären und Besucher zu Produktseiten zu führen.
Immobilien- und Veranstaltungsgrundrisse, um Räume, Stände, Sitzbereiche, Ausstattung oder Mietoptionen zu kennzeichnen.
App-Screenshots, um Oberflächenbereiche, Workflow-Schritte, Dashboards oder Produktfunktionen zu erklären.
Infografiken und Berichte, um gezielte Erklärungen hinzuzufügen, ohne die ursprüngliche Grafik zu überladen.
Lehrdiagramme, um Karten, Prozessgrafiken und Schulungsbilder leichter erkundbar zu machen.
Portfolio-Seiten, um Designdetails, Materialien, Vorher-Nachher-Notizen oder Projektentscheidungen zu beschreiben.
Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator
Nutzen Sie Jotform, um aus jedem Kontakt eine konkrete Maßnahme zu machen. Erstellen Sie leistungsstarke Formulare, mit denen Sie Leads erfassen, Zahlungen abwickeln und Antworten automatisieren – und das alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, von wo aus Sie nachfassen oder Ihre bevorzugten Apps verbinden können.
Jetzt starten – Kostenlos!
FAQ
Was ist ein Image Hotspot Widget?
Ein Image Hotspot Widget fügt einem Bild interaktive Marker hinzu. Jeder Marker kann eine Detailkarte mit Bild, Titel, Beschreibung und CTA-Button öffnen.
Kann ich Hotspots visuell platzieren?
Wie viele Hotspots kann ich hinzufügen?
Was kann ich zu jeder Hotspot-Karte hinzufügen?
Können Besucher Karten per Hover öffnen?
Wie funktioniert es auf Mobilgeräten?
Kann ich den Marker-Stil ändern?
Kann ich die Karten gestalten?
Kann ich steuern, auf welchen Geräten das Widget angezeigt wird?
Muss ich Code schreiben?