Wie Sie ein Formular in den Duda Website-Generator einbetten

16. Dezember 2025

Mit Jotform können Sie Ihre Formulare ganz einfach mit Standortinformationen anreichern. Nutzen Sie dazu das OpenStreetMap-Widget. Dank der OpenStreetMap erhalten Ihre Nutzer eine schnelle und interaktive Möglichkeit, den Standort Ihrer Veranstaltung, Ihres Büros, Ihres Geschäfts oder Ihres Reiseziels zu ermitteln – direkt im Formular. Es ist eine einfache und hilfreiche Ergänzung für jedes Formular, das von klareren Ortsangaben profitiert.

Ob Sie Anmeldungen erfassen, Besuche planen, Abholorte festlegen oder Aktivitäten organisieren – dieses Widget fügt hilfreichen Kontext hinzu und macht Ihr Formular ansprechender und informativer.

Hier sind einige Anwendungsmöglichkeiten:

  • Fügen Sie Ihrem Formular eine interaktive Karte hinzu, damit Nutzer schnell erkennen können, wo sich eine Veranstaltung oder ein Ort befindet.
  • Heben Sie den genauen Standort Ihres Büros, Veranstaltungsortes, Campingplatzes oder Unternehmens hervor.
  • Helfen Sie Bewerbern, Teilnehmern oder Kunden, sich ihren Weg vorzustellen.
  • Gestalten Sie Registrierungs-, Buchungs- und Anfrageformulare informativer mit integriertem Standortkontext.
  • Unterstützen Sie Arbeitsabläufe, die auf klaren Wegbeschreibungen, Besichtigungen oder Terminen vor Ort basieren.

Egal, ob Sie ein neues Formular erstellen oder ein bestehendes Formular aktualisieren, können Sie das OpenStreetMap-Widget in wenigen einfachen Schritten hinzufügen und einrichten. So funktioniert’s:

  1. Klicken Sie im Formular-Builder links auf der Seite auf Element hinzufügen.

[/1_raw]https://support.jotform.com/uploads/forum/Mike_G/1764367997_692a1e7df3472_jotform-how-to-add-and-set-up-the-open-street-map-widget-on-your-form-1.png
[/1_annotated]

  1. Suchen Sie nun im Menü Formularelemente unter dem Tab Widgets nach OpenStreetMap und klicken Sie darauf. Alternativ können Sie es per Drag & Drop an die gewünschte Stelle in Ihrem Formular ziehen.

[/2_raw]https://support.jotform.com/uploads/forum/Mike_G/1764368003_692a1e837c3cd_jotform-how-to-add-and-set-up-the-open-street-map-widget-on-your-form-2.png
[/2_annotated]

  1. Als Nächstes finden Sie im Widget-Einstellungen-Menü, das sich rechts auf der Seite öffnet, unter dem Allgemein-Tab die folgenden Einstellungen:
    • Breitengrad – Löschen Sie den Standardwert im Eingabefeld und geben Sie die Breitengradkoordinate Ihres Standorts ein. Dadurch wird der genaue Punkt festgelegt, auf den die Karte zentriert wird.
    • Längengrad – Löschen Sie den Standardwert im Eingabefeld und geben Sie die Längengradkoordinate Ihres Standorts ein. Dies dient zusammen mit dem Breitengradwert dazu, Ihren Standort auf der Karte genau zu bestimmen.
    • Zoomstufe – Wählen Sie im Dropdown-Menü „Zoomstufe“ eine Option aus, um festzulegen, wie nah oder fern die Karte standardmäßig angezeigt wird. Dies passt die anfängliche Zoomstufe der Karte an, die in Ihrem Formular angezeigt wird.
  2. Sobald alles eingestellt ist, klicken Sie auf Aktualisieren.

[/3_raw]https://support.jotform.com/uploads/forum/Mike_G/1764368008_692a1e88625a7_jotform-how-to-add-and-set-up-the-open-street-map-widget-on-your-form-3-4.png
[/3_annotated]

Das ist Sie haben nun das OpenStreetMap-Widget zu Ihrem Formular hinzugefügt und eingerichtet. Neugierig, wie es in der Praxis aussieht? Sehen Sie sich dieses Demoformular an.

[/4_raw]https://support.jotform.com/uploads/forum/Mike_G/1764368013_692a1e8d348a9_jotform-how-to-add-and-set-up-the-open-street-map-widget-on-your-form-open-street-map-widget-on-a-jotform-demo-form.png
[/4_annotated]

Notes

  • Für erweiterte Gestaltungsmöglichkeiten des OpenStreetMap-Widgets können Sie in den Widget-Einstellungen unter dem Tab „Benutzerdefiniertes CSS“ Ihren eigenen CSS-Code hinzufügen. Unsere Anleitung zum So fügen Sie CSS-Code in Widgets ein führt Sie Schritt für Schritt durch den Prozess.
  • Sie können die Widget-Eigenschaften wie Ausrichtung, Beschriftungen, Größe, Sichtbarkeit und mehr konfigurieren, um das Aussehen und Verhalten in Ihrem Formular zu steuern. Weitere Informationen finden Sie in unserer Anleitung unter [Anleitung in Bearbeitung].

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.
Haben Sie noch Fragen?

Wir sind rund um die Uhr für Sie da, wann immer Sie uns brauchen, Tag und Nacht. Haben Sie eine Frage oder brauchen Sie Hilfe? Unser Team steht Ihnen jederzeit zur Verfügung.