Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man Bing Maps in WordPress einbettet (Schritt für Schritt)

Möchten Sie Bing Maps in WordPress einbinden?

Sie können Bing Maps verwenden, um Wegbeschreibungen, Verkehr, Routen und Navigationsanweisungen auf Ihrer WordPress-Website anzuzeigen. Wenn Sie Google Maps nicht verwenden möchten, dann ist Bing eine großartige alternative Kartenanwendung mit einer Menge nützlicher Daten.

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

How to embed Bing Maps in WordPress

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

Wenn Sie ein Geschäft, ein Restaurant, einen Friseursalon, eine Touristenattraktion oder ein anderes physisches Geschäft betreiben, können Sie Bing Maps in Ihre Website einbinden, damit Ihre Kunden Sie leichter finden.

An example of an embedded Bing map

Potenzielle Kunden können auch eine Wegbeschreibung zu Ihrem Unternehmen erhalten und Ihren Standort problemlos mit Freunden und Familie teilen. Darüber hinaus kann die Einbettung von Bings Maps Ihre WordPress-SEO verbessern und Ihre Website in der lokalen Suche besser sichtbar machen.

Wenn es darum geht, eine Karte zu WordPress hinzuzufügen, scheint Google Maps die offensichtliche Wahl zu sein, vor allem, da sie einen Google Maps Store Locator anbieten.

In den letzten Jahren ist Bing Maps jedoch immer beliebter geworden, und beide Dienste bieten leicht unterschiedliche Funktionen, Gebietsabdeckungen und Daten. Viele Menschen sind der Meinung, dass Google Maps die Zeit, die Sie benötigen, um Ihr Ziel zu erreichen, überschätzt.

Wenn Sie mit Google Maps nicht zufrieden sind oder einfach Microsoft gegenüber Google bevorzugen, dann ist Bing Maps eine gute Alternative.

Sehen wir uns also an, wie Sie Bing Maps zu Ihrer WordPress-Website hinzufügen können. Verwenden Sie einfach die Links unten, um durch die Schritte zu navigieren:

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

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

Aus diesem Grund ist es jetzt am einfachsten, Ihre Bing-Karte in WordPress einzubetten, indem Sie Ultimate Maps von Supsystic verwenden. Dieses Plugin macht es einfach, Bing Maps, Leaflet Maps und andere Google Maps Alternativen einzubetten.

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

Als Erstes müssen Sie das Plugin Ultimate Maps by Supsystic installieren und aktivieren. Eine detaillierte Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Um dieses Plugin mit Bing Maps zu verwenden, benötigen Sie einen Bing Map API Key.

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.

Sign in to Bing Dev Center

Nachdem Sie sich bei Ihrem Konto angemeldet haben, klicken Sie auf das Menü „Mein Konto“.

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

Bing Maps Dev Center My keys Option

Auf dem nächsten Bildschirm müssen Sie die Informationen zu Ihrem WordPress-Blog oder Ihrer Website eingeben.

Klicken Sie dann auf „Erstellen“.

Create Bing Map API key to Embed in WordPress

Nach einigen Augenblicken wird die Meldung „Schlüssel erfolgreich erstellt“ angezeigt.

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

Bing Maps API Key Created

Schritt 2: Einfügen des API-Schlüssels und Erstellen von Markierungskategorien

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“.

How to add a Bing Map to your WordPress website

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

Vergessen Sie dann nicht, auf die Schaltfläche „Speichern“ zu klicken.

Adding a Bing Map API key to your WordPress website

Danach können Sie Markierungskategorien hinzufügen. Ähnlich wie Kategorien und Tags in WordPress können diese helfen, die Points of Interest auf Ihrer Karte zu organisieren.

Wenn Sie zum Beispiel eine Karte für Touristen erstellen, könnten Sie Kategorien wie „Unterkunft“, „Restaurants“ und „Sehenswürdigkeiten“ anlegen.

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

Adding marker categories in WordPress

Sie können nun einen Titel hinzufügen, den Hintergrund und die Textfarbe ändern und untergeordnete Kategorien übergeordneten Kategorien zuordnen.

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

Adding Bing marker categories to a WordPress website

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

Schritt 3: Individuelles Anpassen Ihrer Bing-Karte

Klicken Sie anschließend auf die Registerkarte „Karte hinzufügen“. Sie können nun einen Namen für die Karte eingeben, ihre Breite und Höhe festlegen, einen Navigationsleistenmodus wählen und vieles mehr.

Add Bing map using a plugin

Sie können auch Optionen konfigurieren, um die Bing-Karte verschiebbar zu machen, Doppelklick zum Zoomen zu verwenden und vieles mehr.

Das Wichtigste ist, dass Sie unter „Kartenzentrum“ den Ort eingeben, den Sie anzeigen möchten. Sie können entweder die Adresse oder die Werte für Längen- und Breitengrad eingeben.

Choosing a location for a Bing map

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

Wenn Sie mit dem Aufbau der Karte zufrieden sind, klicken Sie einfach auf „Karte speichern“.

Saving a custom Bing map

Danach können Sie einen oder mehrere Orte auf der Karte mit Markierungen hervorheben.

Klicken Sie zunächst auf die Registerkarte Markierungen und geben Sie dann einen Namen für die Markierung ein. In der Regel werden Sie den Namen des Ortes oder der Organisation verwenden, aber Sie können jeden beliebigen Namen eingeben.

Add new Marker for Bing Map in WordPress

Danach können Sie der Markierungsbeschreibung Text und Bilder hinzufügen. Sie können auch ein Symbol für die Markierung auswählen.

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

Adding markers to a Bing map in WordPress

Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf „Markierung speichern“.

Um weitere Marker hinzuzufügen, gehen Sie einfach wie oben beschrieben vor.

Save Marker for Bing Maps

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

Schritt 4: Bing Map auf Ihrer WordPress Website einbetten

Wenn Sie mit der Anpassung der Karte fertig sind, kopieren Sie den Shortcode neben „Karten-Shortcode“.

Copy Bing Map Shortcode to embed in WordPress

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

Sie können nun die Seite oder den Beitrag öffnen, in den Sie die Bing-Karte einbetten möchten. Klicken Sie einfach auf das Symbol „Neuen Block hinzufügen ‚+'“ und geben Sie „Shortcode“ ein.

Adding a shortcode in WordPress

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

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

Paste BIng Map Embed Shortcode in WordPress Page Editor

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

Erfahren Sie mehr darüber, wie Sie Elemente in WordPress einbetten können

Möchten Sie neben einer Bing-Karte auch andere Elemente in Ihre WordPress-Website einbinden? Sehen Sie sich die folgenden Artikel an:

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie Bing Maps in WordPress einbinden können. Vielleicht interessieren Sie sich auch für unsere Anleitung zur Erstellung eines WooCommerce-Popups zur Umsatzsteigerung oder für unsere Expertenauswahl der besten Live-Chat-Software für kleine Unternehmen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

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

Reader Interactions

6 KommentareEine Antwort hinterlassen

  1. Jiří Vaněk

    Thanks for the practical guide. So far I only had experience with google maps. I will definitely try to integrate BING maps as well, in order to test their functions and possibly also the loading speed.

  2. Jiří Vaněk

    Thanks for the tip, I actually never thought of using maps other than Google. But I’m all about speed. Google Maps slows down page loading a lot. Are Bing and Microsoft better off?

    • WPBeginner Support

      The maps would require a similar amount of load time at the moment.

      Admin

  3. GODZILLA491

    I don’t know why but it doesn’t work.
    I found your tutorial after several minutes spent doing the same things you do but all i had is a blank post.

    With google it works, but i need to use bing maps.

  4. Anita

    how do I find a video on adding google maps

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.