Hinzufügen eines Formulars zu Yola Sitebuilder+

13. Juni 2024

Yola ist ein benutzerfreundlicher Generator für Websites, mit dem Privatpersonen und kleine Unternehmen ihre Websites mühelos erstellen können. Es vereinfacht den Prozess der Website-Entwicklung, indem es eine Drag-and-Drop-Oberfläche bietet, die es den Benutzern ermöglicht, Layouts anzupassen, Inhalte hinzuzufügen und Funktionen auf einfache Art und Weise zu integrieren.

Wenn Sie ein Jotform-Formular haben, können Sie es mit der kostenlosen Einbettungsmethode zu Yola hinzufügen.

Ihren Einbettungscode für Yola erhalten

Bereiten Sie zunächst den Einbettungscode Ihres Formulars für Yola vor. So geht’s:

  1. Gehen Sie im Formular-Generator auf die Registerkarte Veröffentlichen.
  2. Klicken Sie auf Plattformen im linken Bereich.
  3. Suchen Sie in der Liste nach Yola und klicken Sie darauf.
Hinzufügen eines Formulars zu Yola Sitebuilder+ Image-1
  1. Kopieren Sie nun die Einbettungscodes, indem Sie auf den Button Copy Code klicken. Fahren Sie danach mit dem nächsten Teil fort.
Hinzufügen eines Formulars zu Yola Sitebuilder+ Image-2

Hinzufügen eines Formulars zu Yola

Diese Methode verwendet den benutzerdefinierten Block und das Einbettungen-Widget. Wählen Sie zunächst, ob Sie eine neue Seite hinzufügen oder eine bestehende Seite bearbeiten möchten. Um das Formular hinzuzufügen:

  1. Klicken Sie im Sitebuilder von Yola auf das Symbol Block hinzufügen.
  2. Wählen Sie Benutzerdefinierter Block aus der Liste, wie unten gezeigt:
Yola Eine Blockoption hinzufügen
  1. Klicken Sie auf das Symbol Widget hinzufügen auf der Leinwand für den benutzerdefinierten Block.
Yola Add Widget icon
  1. Scrollen Sie zum Abschnitt Medien und wählen Sie die Option Einbetten.
Yola Embed Widget
  1. Sie werden einen Standardinhalt sehen. Sie müssen ihn bearbeiten, indem Sie auf das Symbol Iframe-Einstellungen klicken, wie unten gezeigt:
Yola Iframe Einstellungen im Embed Widget
  1. Fügen Sie die Einbettungscodes für Ihr Formular in das Feld Einbettungscode ein.
  2. Klicken Sie auf den Absenden Button, um Ihre Änderungen zu speichern.
Feld für den Einbettungscode in den Iframe-Einstellungen des Embed Widget

Anpassung der Höhe Ihres Formulars im Yola Embed Widget

Das Formular wird auf der Seite angezeigt, nachdem Sie in den Iframe-Einstellungen auf den Button Absenden geklickt haben. Sie werden jedoch feststellen, dass Yola den Skriptteil des iframe entfernt hat. Dieses Skript steuert die Höhe des Formulars. Wenn Sie ein langes Formular haben oder Ihr Formular Seitenumbrüche aufweist, wird es unten deutlich abgeschnitten erscheinen. Um dies zu beheben, müssen Sie die folgenden Werte der Iframe-Einbettungscodes über die Iframe-Einstellungen des Widget einbetten anpassen:

  • Höhe — Verdoppeln Sie den Wert. Zum Beispiel von 539px auf 1078px
  • Scrollen — Setzen Sie es auf Ja.
Höhenwert im iframe-Einbettungscode des Formulars

Zu guter Letzt müssen Sie auch die Höhe des Embed Widget anpassen, indem Sie auf das Embed Widget klicken und das Größenanpassungstool am unteren Rand verwenden. Hier ist ein kurzes GIF dieses Schrittes:

Support kontaktieren:

Unser Kundensupport-Team ist rund um die Uhr erreichbar und die durchschnittliche Antwortzeit beträgt zwischen ein und zwei Stunden.
Sie können unser Team erreichen über:

Support Forum: https://www.jotform.com/answers/

Kontakt zum Jotform Support: https://www.jotform.com/contact/

Kommentar abschicken:

Jotform Avatar
Diese Seite ist durch reCAPTCHA geschützt und es gelten die Google Datenschutzbestimmungen und Nutzungsbedingungen.

Podo Comment Schreiben Sie den ersten Kommentar.