OpenStreetMap einbinden: Karten-Widget für Ihre Website

Binden Sie OpenStreetMap als interaktive Standortsuche in Ihre Website ein, die Besucher nutzen können, ohne Ihre Seite zu verlassen. Fügen Sie einen Standort oder eine durchsuchbare Liste hinzu, zeigen Sie Öffnungszeiten, Telefonnummern, Fotos, Kategorien und Bewertungen und verlinken Sie jeden Ort mit der Routenplanung von OpenStreetMap.

OpenStreetMap Widget for your website Hero Background image

So erstellen Sie das Widget Open Street Map

Add your locations

Standorte hinzufügen

Geben Sie für jeden Standort Adresse, Kontaktdaten, Öffnungszeiten, Kategorie, Beschreibung, Bewertung und optional ein Bild ein.

Choose the map experience

Kartenansicht wählen

Nutzen Sie den Modus für einen oder mehrere Standorte, wählen Sie ein geteiltes oder gestapeltes Layout und legen Sie Kartenstil, Höhe, Zoom, Position des Seitenbereichs, Farben und Sichtbarkeit 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.

OpenStreetMap einbinden: Standorte schneller finden

Alle Standorte übersichtlich auf einer Karte

Fügen Sie die Orte hinzu, die Besucher vergleichen sollen – jeweils mit Adresse, Kontaktdaten, Öffnungszeiten, Kategorie, Beschreibung, Bewertung und Bild.

Put your locations in one clear view

Die Liste schnell eingrenzen

In einem durchsuchbaren Seitenbereich filtern Besucher nach Name, Adresse, Telefonnummer, Öffnungszeiten, Kategorie oder Beschreibung und zentrieren die Karte dann per Fingertipp auf ein Ergebnis.

Help visitors narrow the list

Wegbeschreibung mit einem Klick

Jeder Standort kann einen Link zur Wegbeschreibung enthalten, der OpenStreetMap mit dem bereits eingetragenen Ziel öffnet.

Make directions easy to open

Die Karte passend zu Ihrer Seite

Wählen Sie ein helles oder dunkles Design, passen Sie die Farben von Seitenbereich und Markierungen an, wählen Sie einen Kartenstil, legen Sie Kartenhöhe und Zoom fest und fügen Sie auf das Widget begrenztes CSS hinzu.

Match the map to your page

Open Street Map 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 OpenStreetMap einbinden

Platzieren Sie das Widget überall dort, wo Besucher vor ihrem Besuch Standorte vergleichen, Details prüfen oder eine Wegbeschreibung öffnen möchten.

Kontaktseiten verbinden Ihre Adresse, Telefonnummer, Öffnungszeiten und einen Link zur Wegbeschreibung mit einer interaktiven Karte.

Filialfinder-Seiten lassen Kunden Filialen, Showrooms, Abholstellen oder Servicetheken vergleichen.

Event-Seiten zeigen Teilnehmenden den Weg zu Veranstaltungsorten, Parkplätzen, Eingängen oder Anmeldeschaltern.

Hotel- und Reiseseiten zeigen Unterkünfte, Sehenswürdigkeiten in der Nähe, Haltestellen und Serviceangebote.

Restaurantseiten zeigen Gasträume, Lieferstützpunkte oder Abholtheken mit den Öffnungszeiten des jeweiligen Standorts.

Campus- und Immobilienseiten zeigen Gebäude, Büros, Wohneinheiten oder Eingänge auf der Karte, damit Besucher direkt am richtigen Ort ankommen.

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 OpenStreetMap-Widget?

    Ein OpenStreetMap-Widget ist eine einbettbare Karte, mit der Sie OpenStreetMap in Ihre Website einbinden: Sie zeigt einen Standort oder eine durchsuchbare Liste von Standorten mit Details, Markierungen und Links zur Wegbeschreibung.

  • Wie viele Standorte kann ich hinzufügen?

  • Können Besucher eine Wegbeschreibung zu einem Standort abrufen?

  • Können Besucher Standorte suchen oder filtern?

  • Kann ich den Kartenstil ändern?

  • Kann ich die Karte an meine Marke anpassen?

  • Funktioniert das Widget auf Mobilgeräten?

  • Muss ich dafür programmieren?