Ein Lightbox-Formular ist eine hervorragende Möglichkeit, Informationen von Ihren Website-Besuchern zu erfassen, ohne diese von der aktuellen Seite wegzuleiten. Sobald jemand auf eine Schaltfläche oder einen Link klickt, erscheint das Formular auf dem Bildschirm und kann direkt ausgefüllt werden.
Mit Jotform erstellen Sie schnell und einfach ein Lightbox-Formular. Es ist ein großartiges Tool für Kontaktformulare, Umfragen und mehr, mit dem Sie mehr Antworten erhalten und die Besucherbindung aufrechterhalten können.
Einbettungscodes für Lightbox abrufen
Einbettungscodes für Lightbox abrufen
- Navigieren Sie im Formular-Generator zum Tab Veröffentlichen oben auf der Seite.
- Wählen Sie im linken Bereich Einbetten.
- Wählen Sie die Option Lightbox aus und klicken Sie darauf.
- Auf der nächsten Seite können Sie den Code kopieren, indem Sie auf die grüne Schaltfläche Code kopieren klicken. Oder klicken Sie auf die Schaltfläche Vorschau, um zu sehen, wie es aussieht.
Wenn Sie auf die Schaltfläche Vorschau klicken, sehen Sie Folgendes: Beispiel:
Anpassen der Lightbox
Wenn Sie das Aussehen anpassen möchten Um die Lightbox anzupassen, klicken Sie auf die Schaltfläche Anpassen, wie im obigen Screenshot gezeigt. Im Anpassungsbereich können Sie den Lightbox-Titel ändern, die Größe des Formulars anpassen und Stile und Farben aktualisieren, damit sie zum Design Ihrer Website passen. Sie können außerdem festlegen, ob die Lightbox automatisch geöffnet werden soll, wenn Besucher die Seite laden. So haben Sie die volle Kontrolle über die Interaktion mit Ihren Nutzern.
Vergessen Sie nicht, auf die Schaltfläche Änderungen speichern zu klicken und anschließend den generierten Code zu kopieren.
Anpassen des Call-to-Actions zur Verwendung eines Bildes
Wenn Sie anstelle eines Buttons/Links ein Bild zum Öffnen der Lightbox verwenden möchten, ersetzen Sie die folgende Zeile:
<a class="btn lightbox-{formID}" style="margin-top: 16px">
{form_title}
</a>…mit Folgendem:
<img src="{imageURL}" class="btn lightbox-{formID}">Um sicherzustellen, dass Ihr Lightbox-Formular korrekt funktioniert, müssen Sie die Platzhalter im Code ersetzen. Verwenden Sie für {formID} die tatsächliche Formular-ID – die Zahlenfolge am Ende der Formular-URL. Ersetzen Sie {imageURL} durch die tatsächliche Bild-URL, die Sie anzeigen möchten.
Außerdem ist es wichtig, den Wert des Klassenattributs genau so zu halten,so ist es. Dieser Wert stellt sicher, dass die Lightbox korrekt geöffnet wird, wenn Besucher auf das Bild klicken.
Kommentar abschicken: