Website-Widgets

OpenStreetMap einbinden – Widget für Ihre Website

Bieten Sie Besuchern einen interaktiven OpenStreetMap-Standortfinder, den sie nutzen können, ohne Ihre Seite zu verlassen. Fügen Sie einen einzelnen Standort oder eine durchsuchbare Liste hinzu, zeigen Sie Öffnungszeiten, Telefonnummern, Fotos, Kategorien und Bewertungen an und verknüpfen Sie jeden Ort mit einer OpenStreetMap-Wegbeschreibung.

So erstellen Sie ein Open Street Map-Widget

Add your locations

Fügen Sie Ihre Standorte hinzu

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

Choose the map experience

Wählen Sie das Kartenerlebnis

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, Panel-Position, Farben und Sichtbarkeit fest.

Embed it on your site

Betten Sie ihn auf Ihrer Website ein

Sehen Sie sich das responsive Widget in der Vorschau an, kopieren Sie den generierten Einbettungscode und binden Sie OpenStreetMap in Ihre Website ein.

Helfen Sie Besuchern, den richtigen Standort schneller zu finden

Zeigen Sie Ihre Standorte in einer klaren Übersicht

Fügen Sie die Orte hinzu, die Besucher vergleichen möchten – jeder mit eigener Adresse, Kontaktdaten, Öffnungszeiten, Kategorie, Beschreibung, Bewertung und Bild.

Put your locations in one clear view

Helfen Sie Besuchern, die Liste einzugrenzen

Über ein durchsuchbares Seitenpanel können Besucher nach Name, Adresse, Telefon, Öffnungszeiten, Kategorie oder Beschreibung filtern und dann auf ein Ergebnis tippen, um die Karte neu zu zentrieren.

Help visitors narrow the list

Wegbeschreibungen einfach öffnen

Jeder Standort kann einen Wegbeschreibungs-Link enthalten, der OpenStreetMap mit dem bereits eingetragenen ausgewählten Ziel öffnet.

Make directions easy to open

Die Karte an Ihre Seite anpassen

Wählen Sie ein helles oder dunkles Widget-Styling, passen Sie Panel- und Markerfarben an, wählen Sie einen Basiskartenstil, legen Sie Kartenhöhe und Zoom fest und fügen Sie bereichsspezifisches benutzerdefiniertes CSS hinzu.

Match the map to your page

So betten Sie Ihr Open Street Map in WordPress ein

1Einbettungscode abrufen

Nachdem Sie Ihr Jotform Website-Widget angepasst haben, klicken Sie auf Kostenlos auf Ihrer Website testen und kopieren Sie den generierten Einbettungscode.

2Seiteneditor öffnen

Gehen Sie zum WordPress-Beitrag oder zur Seite, auf der Sie das Widget anzeigen möchten, und fügen Sie einen neuen Block hinzu.

3Custom HTML Block hinzufügen

Wählen Sie Custom HTML und fügen Sie den Einbettungscode Ihres Jotform Website-Widgets in das HTML-Feld ein.

4Ändern und anzeigen

Klicken Sie auf Ändern oder Veröffentlichen und öffnen Sie dann die Seite, um Ihr eingebettetes Widget zu überprü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 Ihr OpenStreetMap-Widget einsetzen können

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

Kontaktseiten verbinden Ihre Adresse, Telefonnummer, Öffnungszeiten und den Wegbeschreibungslink mit einer interaktiven Karte.

Filialfinder-Seiten helfen Käufern, Pfade, Ausstellungsräume, Abholpunkte oder Servicetheken zu vergleichen.

Veranstaltungsseiten weisen Teilnehmern den Weg zu Veranstaltungsorten, Parkplätzen, Eingängen oder Anmeldeschaltern.

Hotel- und Reiseseiten zeigen Unterkünfte, nahegelegene Sehenswürdigkeiten, Haltestellen und Servicestandorte.

Restaurantseiten listen Speiseräume, Lieferzentren oder Abholtheken mit standortspezifischen Öffnungszeiten auf.

Campus- und Objektseiten verorten Gebäude, Büros, Einheiten oder Eingänge, damit Besucher am richtigen Ort ankommen.

Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator

Nutzen Sie Jotform, um aus jedem Kontakt eine konkrete Maßnahme zu machen. Erstellen Sie leistungsstarke Formulare, mit denen Sie Leads erfassen, Zahlungen abwickeln und Antworten automatisieren – und das alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, von wo aus Sie nachfassen oder Ihre bevorzugten Apps verbinden können.

Jetzt starten – Kostenlos!
Convert leads into customers

FAQ

  • Was ist ein OpenStreetMap-Widget?

    Ein OpenStreetMap-Widget ist eine einbettbare Website-Karte, die einen einzelnen Standort oder eine durchsuchbare Liste von Standorten mit Details, Markern und Wegbeschreibungs-Links anzeigt.

  • Wie viele Standorte kann ich hinzufügen?

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

  • Können Besucher Standorte suchen oder filtern?

  • Kann ich den Kartenstil ändern?

  • Kann ich die Karte an mein Branding anpassen?

  • Funktioniert das Widget auf Mobilgeräten?

  • Muss ich Code schreiben?