Interaktive Tour für Ihre Website erstellen

Führen Sie Besucher mit einer interaktiven Tour durch Menüs, Produktbereiche, Formulare, Checkout-Schritte oder andere wichtige Seitenbereiche. Besucher können die Tour starten, durchlaufen, überspringen und abschließen – ganz ohne eigenen Code.

Website Tour Widget for your website Hero Background image

So erstellen Sie das Widget Website-Tour

Generate or add tour steps

Tour-Schritte erstellen oder hinzufügen

Geben Sie eine Website-URL ein, um eine erste Tour automatisch zu erstellen, oder fügen Sie eigene Schritte mit Titeln, Beschreibungen, Positionen und Ziel-Selektoren hinzu.

Customize the tour experience

Tour-Erlebnis anpassen

Legen Sie Startmodus, Fortschrittsanzeige, Überspringen, Beschriftungen, Overlay, Hervorhebung sowie die Gestaltung von Karte und Buttons fest.

Embed it on your website

Betten Sie es auf Ihrer Website ein

Fügen Sie den Einbettungscode in einen HTML- oder Einbettungsblock ein und veröffentlichen Sie Ihre Seite, um das Website-Widget anzuzeigen.

Besuchern helfen, Ihre Seite schneller zu verstehen

Wichtige Seitenbereiche zu einer geführten Tour verbinden

Erstellen Sie eine interaktive Tour in fester Reihenfolge – für Navigation, Produktdetails, Formulare, Preise, Checkout-Schritte oder jeden Bereich, den Besucher verstehen sollten, bevor sie handeln.

Turn key page areas into a guided path

Jedes hervorgehobene Element leicht nachvollziehbar machen

Dunkeln Sie die übrige Seite ab, heben Sie das aktive Element hervor und zeigen Sie kurze Tooltip-Texte mit den Buttons „Zurück”, „Weiter”, „Überspringen” und „Fertig”.

Make each highlighted element easy to follow

Das passende Startverhalten wählen

Lassen Sie Besucher die Tour über einen Button starten oder öffnen Sie sie automatisch. Anschließend legen Sie Fortschrittsanzeige, Überspringen, Schließen per Klick auf das Overlay und das Merken abgeschlossener Touren fest.

Choose the right launch behavior

Praktische Touren für jede Bildschirmgröße

Zeigen Sie das Widget auf Desktop, Mobilgeräten oder beiden an und nutzen Sie eine Ausweichposition, wenn ein Selektor nicht verfügbar ist oder sich ein Zielelement auf kleineren Bildschirmen verschiebt.

Keep tours practical across screen sizes

Website-Tour in WordPress einbetten – so geht’s

1Einbettungscode abrufen

Klicken Sie nach dem Anpassen Ihres Jotform-Website-Widgets auf „Kostenlos auf Ihrer Website testen” und kopieren Sie den generierten Einbettungscode.

2Seiteneditor öffnen

Öffnen Sie in WordPress den Beitrag oder die Seite für das Widget und fügen Sie einen neuen Block hinzu.

3HTML-Block hinzufügen

Wählen Sie „Individuelles HTML” und fügen Sie den Einbettungscode Ihres Jotform-Website-Widgets in das HTML-Feld ein.

4Aktualisieren und ansehen

Klicken Sie auf „Aktualisieren” oder „Veröffentlichen” und öffnen Sie dann die Seite, um Ihr eingebettetes Widget zu prüfen.

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.

Widgets ohne Programmierung verwenden

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.

Bauen Sie interaktivere Seiten

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.

Holen Sie sich jederzeit Hilfe

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 das Website-Tour-Widget einsetzen

Setzen Sie eine geführte Tour überall dort ein, wo Besucher eine kurze Orientierung brauchen, bevor sie auf Ihrer Website stöbern, etwas konfigurieren, kaufen, buchen, absenden oder verwalten.

SaaS-Produktseiten, um Dashboards, Funktionsbereiche, Abrechnungsbereiche, Einstellungen und die ersten Schritte im Konto vorzustellen.

E-Commerce-Seiten, um Kunden auf Filter, Produktdetails, Aktionen, Versandfelder, Checkout-Schritte oder Support-Links hinzuweisen.

Kundenportale, um Menüs, Formulare, Dokumente, Status, Support-Optionen und Kontofunktionen zu erklären, die neue Nutzer leicht übersehen.

Kurs- und Mitgliederseiten, um Lernende durch Lektionen, Materialien, Fortschrittsbereiche und Community-Bereiche zu führen.

Buchungs- und Veranstaltungsseiten, um Besucher durch Zeitpläne, Angaben zum Veranstaltungsort, Sitzplatzoptionen, Anmeldeschritte und Bestätigungen zu führen.

Interne Tools, um Teammitglieder in neue Arbeitsabläufe einzuarbeiten, ohne ein eigenes Tutorial-System von Grund auf zu entwickeln.

Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator

Machen Sie mit Jotform aus Interesse Taten. Erstellen Sie leistungsstarke Formulare, die Leads gewinnen, Zahlungen entgegennehmen und Antworten automatisieren – alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, wo Sie nachfassen oder sie mit Ihren Lieblings-Apps verbinden können.

Jetzt starten – Kostenlos!
Convert leads into customers

FAQ

  • Was ist ein Website-Tour-Widget?

    Ein Website-Tour-Widget führt Besucher durch ausgewählte Seitenelemente – mit hervorgehobenen Bereichen, Tooltip-Texten und Schaltflächen zur Navigation zwischen den Schritten.

  • Wie erstelle ich Tour-Schritte?

  • Wie lege ich fest, was jeder Tour-Schritt hervorhebt?

  • Können Besucher die Tour überspringen oder schließen?

  • Kann die Tour automatisch starten?

  • Kann ich das Design anpassen?

  • Funktioniert das Website-Tour-Widget auf Mobilgeräten?

  • Kann ich das Widget auf verschiedenen Website-Plattformen einbetten?

  • Muss ich Code schreiben?

  • Ist das Website-Tour-Widget kostenlos?

  • Wo erhalte ich Hilfe bei der Einrichtung?

  • Kann das Widget Touren anhand des Browserverlaufs personalisieren?