Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So betten Sie Bing Maps in WordPress ein (Schritt für Schritt)

Eines der Dinge, die wir beim Erstellen einer Website für ein Unternehmen mit physischem Standort für wichtig erachtet haben, ist das Hinzufügen einer Karte.

Während Google Maps oft die erste Wahl ist, haben wir festgestellt, dass Bing Maps eine großartige Alternative sein kann, die einzigartige Funktionen und manchmal genauere Reisezeiten bietet.

In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie Bing Maps einfach in WordPress einbetten können.

So betten Sie Bing Maps in WordPress ein

Warum Bing Maps in WordPress hinzufügen (und nicht Google Maps)?

Wenn Sie ein Geschäft, ein Restaurant, eine Salon, eine Touristenattraktion oder ein anderes physisches Unternehmen betreiben, dann erleichtert das Hinzufügen von Bing Maps zu Ihrer Website den Kunden das Finden Sie.

Ein Beispiel für eine eingebettete Bing-Karte

Potenzielle Kunden können auch Wegbeschreibungen zu Ihrem Unternehmen erhalten und Ihren Standort einfach mit Freunden und Familie teilen. Nicht nur das, sondern das Einbetten von Bing Maps kann Ihr WordPress-SEO verbessern und Ihre Website in lokalen Suchergebnissen sichtbarer machen.

Wenn es darum geht, eine Karte zu WordPress hinzuzufügen, mag Google Maps die offensichtliche Wahl sein, insbesondere da sie einen Google Maps Filialfinder anbieten.

In den letzten Jahren ist Bing Maps jedoch beliebter geworden, und beide Dienste bieten leicht unterschiedliche Funktionen, Gebietsabdeckung und Daten. Insbesondere glauben viele Leute, dass Google Maps die Zeit bis zum Erreichen Ihres Ziels überschätzt.

Wenn Sie mit Google Maps nicht zufrieden sind oder Microsoft einfach Google vorziehen, dann ist Bing Maps eine großartige Alternative.

Mit diesen Worten sehen wir uns an, wie Sie Bing Maps zu Ihrer WordPress-Website hinzufügen können. Verwenden Sie einfach die Schnelllinks unten, um durch die Schritte zu navigieren:

Schritt 1: Installieren Sie ein Bing Maps Plugin und holen Sie sich Ihren API-Schlüssel

Zuvor konnten Sie eine Bing-Karte einbetten, indem Sie einen Einbettungscode von der Plattform generierten. Als wir diese Methode jedoch ausprobierten, funktionierte sie nicht mehr.

Aus diesem Grund ist der einfachste Weg, Ihre Bing-Karte in WordPress einzubetten, die Verwendung von Ultimate Maps by Supsystic. Dieses Plugin erleichtert das Einbetten von Bing-Karten, Leaflet-Karten und anderen Google Maps-Alternativen.

Außerdem ist es auch eine gute Option, wenn Sie ein Branchenverzeichnis betreiben, bei dem Sie möglicherweise jeder einzelnen Seite eine Karte hinzufügen müssen.

Hinweis: Sie bemerken möglicherweise, dass dieses Plugin nicht mit der neuesten WordPress-Version getestet wurde. Wir haben es jedoch selbst getestet und es hat für den Zweck dieses Tutorials gut funktioniert.

Sie können sich auch unseren Beitrag ansehen, ob Sie Plugins installieren sollten, die nicht mit Ihrer WordPress-Version getestet wurden, um weitere Informationen zu erhalten.

Das erste, was Sie tun müssen, ist das Ultimate Maps by Supsystic Plugin zu installieren und zu aktivieren. Detaillierte Anweisungen finden Sie in unserer Schritt-für-Schritt-Anleitung, wie Sie ein WordPress-Plugin installieren.

Um dieses Plugin mit Bing Maps zu verwenden, benötigen Sie einen Bing Map API-Schlüssel.

Um diesen Schlüssel zu erhalten, erstellen Sie einfach ein Konto im Bing Maps Dev Center. Wenn Sie bereits ein Microsoft-Konto haben, können Sie sich mit Ihren Microsoft-Anmeldeinformationen anmelden.

Melden Sie sich im Bing Dev Center an

Klicken Sie nach der Anmeldung bei Ihrem Konto auf das Menü "Mein Konto".

Wählen Sie dann „Meine Schlüssel“ aus.

Bing Maps Dev Center Meine Schlüssel Option

Auf dem nächsten Bildschirm müssen Sie die Informationen für Ihr WordPress-Blog oder Ihre Website eingeben.

Klicken Sie dann auf „Erstellen“.

Bing Map API-Schlüssel zum Einbetten in WordPress erstellen

Nach einigen Momenten sehen Sie die Meldung „Schlüssel erfolgreich erstellt“.

Sie können nun auf 'Schlüssel anzeigen' klicken und den Bing Maps API-Schlüssel kopieren oder einfach auf den Link 'Schlüssel kopieren' klicken.

Bing Maps API-Schlüssel erstellt

Schritt 2: API-Schlüssel einfügen und Marker-Kategorien erstellen

Der nächste Schritt ist das Einfügen des Schlüssels in die Plugin-Einstellungen.

In Ihrem WordPress-Dashboard müssen Sie zu Ultimate Maps by Supsystic » Einstellungen gehen. Öffnen Sie dann das Dropdown-Menü 'Maps Engine' und wählen Sie 'Bing Microsoft'.

So fügen Sie eine Bing-Karte zu Ihrer WordPress-Website hinzu

Sie können nun den API-Schlüssel in das Feld „Bing Maps API Key“ einfügen.

Wenn Sie damit fertig sind, vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken.

Hinzufügen eines Bing Map API-Schlüssels zu Ihrer WordPress-Website

Danach möchten Sie vielleicht Marker-Kategorien hinzufügen. Ähnlich wie Kategorien und Tags in WordPress können diese helfen, die Sehenswürdigkeiten auf Ihrer Karte zu organisieren.

Wenn Sie beispielsweise eine Karte für Touristen erstellen, könnten Sie Kategorien wie 'Unterkunft', 'Restaurants' und 'Sehenswürdigkeiten' erstellen.

Um eine Kategorie zu erstellen, wählen Sie einfach die Registerkarte „Marker-Kategorien“ und klicken Sie dann auf „Kategorie hinzufügen“.

Marker-Kategorien in WordPress hinzufügen

Sie können nun einen Titel hinzufügen, die Hintergrund- und Textfarbe ändern und Unterkategorien übergeordneten Kategorien zuweisen.

Wenn Sie mit den eingegebenen Informationen zufrieden sind, klicken Sie auf „Speichern“.

Hinzufügen von Bing-Marker-Kategorien zu einer WordPress-Website

Um weitere Kategorien zu erstellen, klicken Sie einfach auf die Schaltfläche 'Kategorie hinzufügen'.

Schritt 3: Passen Sie Ihre Bing-Karte an

Wenn dies erledigt ist, klicken Sie auf die Registerkarte „Karte hinzufügen“. Sie können nun einen Namen für die Karte eingeben, ihre Breite und Höhe definieren, einen Navigationsleistenmodus auswählen und mehr.

Bing-Karte mit einem Plugin hinzufügen

Sie können auch Optionen konfigurieren, um die Bing-Karte verschiebbar zu machen, mit Doppelklick zu zoomen und mehr.

Am wichtigsten ist, dass Sie im Feld „Kartenmitte“ den Ort eingeben, den Sie anzeigen möchten. Sie können entweder die Adresse oder die Längen- und Breitengradwerte eingeben.

Auswahl eines Standorts für eine Bing-Karte

Auf dieser Seite gibt es viele Einstellungen, daher lohnt es sich, alle Optionen durchzusehen und alle notwendigen Änderungen vorzunehmen.

Wenn Sie mit der Einrichtung der Karte zufrieden sind, klicken Sie einfach auf 'Map speichern'.

Speichern einer benutzerdefinierten Bing-Karte

Danach möchten Sie möglicherweise einen oder mehrere Orte auf der Karte mit Markierungen hervorheben.

Klicken Sie zunächst auf die Registerkarte "Marker" und geben Sie dann einen Namen für den Marker ein. Normalerweise möchten Sie den Namen des Ortes oder der Organisation verwenden, aber Sie können jeden beliebigen Namen eingeben.

Neuen Marker für Bing Map in WordPress hinzufügen

Danach können Sie dem Marker-Beschreibungsfeld Text und Bilder hinzufügen. Sie können auch ein Symbol für den Marker auswählen.

Danach müssen Sie eine Adresse für den Marker eingeben und eine Marker-Kategorie auswählen.

Hinzufügen von Markern zu einer Bing-Karte in WordPress

Wenn Sie mit der Einrichtung zufrieden sind, klicken Sie auf „Marker speichern“.

Um weitere Marker hinzuzufügen, folgen Sie einfach dem gleichen oben beschriebenen Prozess.

Marker für Bing Maps speichern

Während Sie Marker hinzufügen, wird die Kartenvorschau automatisch aktualisiert.

Schritt 4: Betten Sie die Bing-Karte auf Ihrer WordPress-Website ein

Wenn Sie mit der Anpassung der Karte fertig sind, kopieren Sie den Shortcode neben 'Map shortcode'.

Bing Map Shortcode zum Einbetten in WordPress kopieren

Wenn Sie keinen Shortcode sehen, stellen Sie sicher, dass Sie die Karte gespeichert haben.

Sie können nun den WordPress-Beitrag oder die Seite öffnen, auf der Sie die Bing-Karte einbetten möchten. Klicken Sie einfach auf das Symbol "Neuen Block hinzufügen" (+), und geben Sie "Shortcode" ein.

Einen Shortcode in WordPress hinzufügen

Wenn der richtige Block angezeigt wird, klicken Sie darauf, um ihn zur Seite hinzuzufügen.

Fügen Sie nun einfach den Bing Map Shortcode in den Block ein.

Fügen Sie den Bing Map Embed Shortcode in den WordPress-Seiten-Editor ein

Um die Karte live zu schalten, klicken Sie entweder auf die Schaltfläche "Aktualisieren" oder "Veröffentlichen". Wenn Sie nun Ihre Website besuchen, sehen Sie die Bing-Karte in Aktion.

Weitere Möglichkeiten zum Einbetten von Elementen auf WordPress

Möchten Sie neben einer Bing-Karte auch andere Elemente auf Ihrer WordPress-Website einbetten? Sehen Sie sich die folgenden Artikel an:

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Bing Maps einfach in WordPress einbetten können. Sie möchten vielleicht auch unseren vollständigen Leitfaden zum Thema Erstellen eines WooCommerce-Popups zur Steigerung des Umsatzes oder unsere Expertenauswahl der besten Live-Chat-Software für kleine Unternehmen sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

6 CommentsLeave a Reply

  1. Danke für den praktischen Leitfaden. Bisher hatte ich nur Erfahrung mit Google Maps. Ich werde auf jeden Fall versuchen, BING Maps zu integrieren, um deren Funktionen und möglicherweise auch die Ladegeschwindigkeit zu testen.

  2. Danke für den Tipp, ich hätte nie daran gedacht, andere Karten als Google zu verwenden. Aber mir geht es um Geschwindigkeit. Google Maps verlangsamt das Laden der Seite erheblich. Sind Bing und Microsoft besser?

  3. Ich weiß nicht warum, aber es funktioniert nicht.
    Ich habe dein Tutorial nach mehreren Minuten gefunden, in denen ich dasselbe getan habe, was du tust, aber alles, was ich hatte, war ein leerer Beitrag.

    Mit Google funktioniert es, aber ich muss Bing Maps verwenden.

Hinterlassen Sie eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.