Achtung!

Dieser Artikel enthält PHP-Code und richtet sich an Entwickler. Wir stellen diesen Code als Service zur Verfügung, bieten jedoch keine Unterstützung für Codeanpassungen oder die Entwicklung durch Dritte.

Für zusätzliche Hilfe siehe das Tutorial von WPBeginner zum Hinzufügen von benutzerdefiniertem Code.

Schließen

So fügen Sie ein Video vor Ihrem Formular hinzu

Möchten Sie ein ansprechendes Video über Ihrem Formular hinzufügen? Egal, ob Sie ein Standard-Einbettungsformular verwenden oder die Add-ons für Konversationsformulare und Formularseiten nutzen, Sie können ganz einfach eine Videobotschaft mit einem einfachen Code-Snippet hinzufügen.

Diese Anleitung zeigt Ihnen, wie Sie diese Funktion implementieren.

Einrichtung Ihres Formulars

Erstellen Sie zuerst Ihr Formular und fügen Sie die gewünschten Felder hinzu. Wenn Sie Hilfe beim Erstellen eines Formulars benötigen, lesen Sie bitte unsere Anleitung zum Erstellen Ihres ersten Formulars.

Erstellen Sie Ihr Formular und fügen Sie Ihre Felder hinzu

Hinzufügen Ihres Videos

Um ein Video über Ihrem Formular hinzuzufügen, müssen Sie diesen Code zu Ihrer Website hinzufügen. Wenn Sie nicht sicher sind, wie Sie benutzerdefinierten Code hinzufügen, lesen Sie bitte unsere Anleitung zum Hinzufügen von JavaScript- oder CSS-Code-Snippets.

Denken Sie daran, 999 durch Ihre Formular-ID zu ersetzen. Wenn Sie Hilfe beim Finden Ihrer Formular-ID benötigen, lesen Sie unsere Anleitung zum Finden von Formular- und Feld-IDs.

Styling Ihres Videos

Um sicherzustellen, dass Ihr Video richtig in Ihren Formularcontainer passt, können Sie dieses optionale CSS hinzufügen. Wenn Sie Hilfe beim Hinzufügen von benutzerdefiniertem CSS benötigen, lesen Sie unsere Anleitung zum Hinzufügen von benutzerdefiniertem CSS zu Ihrer Website.

iframe {
    width: 100%;
    min-height: 400px;
}
Ihr Video wird jetzt vor Ihrem Formular angezeigt

Das Video wird angezeigt:

  • Über Standard-Einbettungsformularen
  • Auf Formularseiten-Links
  • Auf Konversationsformular-Seiten
  • Mit responsiver Größenanpassung dank des CSS

Und das ist alles! Sie haben nun erfolgreich ein Video zu Ihrem Formular hinzugefügt. Möchten Sie als Nächstes auch den Browser-Tab-Titel ändern? Lesen Sie unser Tutorial zum Ändern des Seitentitels im Browser-Tab für Details.

Referenzaktion

wpforms_frontend_output_before