Die 5 besten kostenlosen interaktiven Google Maps-Widgets für Websites im Jahr 2022

Eine der besten Möglichkeiten, Ihre Geschäftsstandorte hervorzuheben, ist die Verwendung einer Karte auf Ihrer Website, damit Benutzer leicht die schnellste Route finden können. Das Google Maps-Widget ist ein sehr hilfreiches Widget für jedes Unternehmen, das ein Kartenstandort-Widget zu einer Website hinzufügen möchte.

In diesem Artikel finden Sie die fünf besten kostenlosen Google Maps-Widgets, die Sie auf Ihrer Website verwenden können.

5 Tipps, die Sie bei der Verwendung von Google Maps auf einer Website beachten sollten

1. Lokalisieren Sie alle Geschäftsstandorte – Wenn Ihr Unternehmen über mehrere Standorte verfügt, fügen Sie diese hinzu, damit Google Maps basierend auf dem Standort des Benutzers den nächstgelegenen Standort vorschlägt. Die meisten unten aufgeführten Google Maps-Widgets unterstützen dies.
2. An geeigneten Stellen einbetten – Einige Google Maps-Plug-ins für Websites können die Ladegeschwindigkeit der Website beeinträchtigen. Betten Sie es daher nur an geeigneten Stellen ein, z. B. auf der „Kontaktseite“ Ihrer Website. Darüber hinaus können Sie mit einem Dienst wie Google Tag Manager oder Zaraz von Cloudflare testen, um das Skript des Google Maps-Widgets asynchron zu laden, um die Auswirkungen auf die Seitengeschwindigkeit herauszufinden.
3. Kartensteuerelemente festlegen – Machen Sie die Google Maps-Widgets benutzerfreundlich, indem Sie Kartensteuerelemente wie Kartentypen (Straßenkarte, Satellit, Gelände), Zoomen, Skalieren, Drehen, Vollbild und mehr aktivieren.
4. A/B-Test – Probieren Sie verschiedene Kartenfarben, Widget-Platzierungen usw. aus, um die Leistung zu bestimmen.
5. Verwenden Sie andere konversionssteigernde Elemente – Angenommen, Sie haben das Google My Business-Profil Ihres Unternehmens eingerichtet. Warum also nicht Google Reviews auf der Website einbetten?

Die besten Google Maps-Widgets für Ihre Website

Hinweis : Möglicherweise müssen Sie eine API für Google Maps auf Ihrer Google Cloud-Plattform erstellen, was je nach Nutzung Kosten verursachen kann.

ElfSight Google Maps-Widget

ElfSight ist ein beliebter Dienst, der verschiedene Plugins für Websites wie den Veranstaltungskalender mit CTA-Schaltfläche, Yelp-Bewertungen, Coronavirus-Statistiken, Audioplayer und Testimonials-Slider bereitstellt.

Das Google Maps-Widget ist mit vielen Funktionen gefüllt und ermöglicht Ihnen die nahtlose Erstellung benutzerdefinierter, responsiver Google Maps-Widgets für Ihre Website.

Hauptmerkmale

• Machen Sie Ihr Unternehmen mit detaillierten Kontaktinformationen leicht erreichbar – mit dem Google Maps-Widget von ElfSight können Sie verschiedene Arten von Kontaktinformationen auf der Karte anzeigen: Fügen Sie Markierungen hinzu und zeigen Sie maximale Details in ihren Infofenstern an, einschließlich Telefon, Adresse, Öffnungszeiten und mehr ; Vereinen Sie alle Ihre Standorte in einer einzigen Liste im Standortbereich für eine benutzerfreundliche Ansicht.
• Automatische Routensuche und Zeitberechnung – Ihre Website-Besucher können die effizienteste Geh- oder Fahrroute und Routenberechnung auf dem Wegbeschreibungsfeld sehen, ohne Ihre Seite zu verlassen.
• Fünf Kartenebenen – POI (Points of Interest) (eine dedizierte geografische Einheit wie ein Meilenstein, ein Institut, ein Kulturerbe oder ein Firmensitz), Verkehr, Transit, Fahrrad und Street View. Sie können alle Elemente auf einer Karte aktivieren.
• Mehrere Standorte und über 50 Symbole – Fügen Sie Ihrer Karte eine unbegrenzte Anzahl von Markierungen hinzu: Geschäfte, Restaurants, öffentliche Plätze und Parks – wählen Sie aus einer Bibliothek mit über 50 Kategorien, jede mit ihrem Symbol.
• Kartensteuerelemente – Mit dem Karten-Widget von ElfSight Google Directions können Sie Steuerelemente wie Kartentyp (Satellit, Gelände, Straßenkarte), Streetview, Zoom, Maßstab usw. aktivieren.
• Benutzerdefinierte Google Maps-Stile (JSON) – Es gibt vier integrierte Stile (Standard, Silber, Nacht, Retro), und Sie können eine benutzerdefinierte Farbkarte erstellen oder eine mit JSON hinzufügen. Sie können einen benutzerdefinierten Google Maps-Stil über Google Data Studio (hier ist ein Tutorial) oder Snazzymaps erstellen.
• Aktionen beim Klicken auf die Markierung – Infofenster öffnen (ein Bereich mit von Ihnen festgelegten Details), Weiterleitung an URL (am besten, um Benutzer auf geeignete Seiten wie Buchungs- oder Anmeldeseite zu leiten), Keine (es wird nichts passieren)
• Animationen – Ziehen Sie die Aufmerksamkeit der Leser mit Markierungsanimationen auf sich.
• Auf jeder Website einbetten – Egal, ob Sie WordPress, Google Sites, Blogger, Brizy, Weebly, Wix, Webflow, Squarespace, Clickfunnels oder eine beliebige HTML-Website verwenden, Sie können das Google Maps-Standort-Widget ganz einfach installieren, indem Sie das Code-Snippet platzieren.
• Statistiken und Seitenkontrolle – Finden Sie heraus, wie viele Aufrufe jedes Widget erhalten hat und auf welchen Seiten Widgets eingebettet wurden. Sie können Websites einfach von Ihrem ElfSight-Dashboard aus blockieren – eine hervorragende Option für Agenturen.

Hier ist ein Video über die Verwendung von ElfSight zum Erstellen eines Google Maps-Widgets für eine Website.

Google Maps-Widget-Generator

Erstellen Sie unten Ihr eigenes Google-Karten-Widget.

Preisgestaltung

ElfSight hat zwei Preismodelle. Preise für einzelne Apps und Preise für alle Apps. Die Preise nur für das Google Maps-Plug-in sind unten aufgeführt.

• Lite – KOSTENLOS – 1 Website, 200 Aufrufe pro Monat, ElfSight-Logo
• Basic – 5 $/Monat – Unbegrenzte Websites, 5.000 Aufrufe pro Monat, kein ElfSifght-Logo
• Pro – 10 $/Monat – Unbegrenzte Websites, 50.000 Aufrufe pro Monat, kein ElfSifght-Logo
• Enterprise – 25 $/Monat – Unbegrenzte Websites, 5.000.000 Aufrufe pro Monat, kein ElfSifght-Logo

Das All-Apps-Paket enthält das Google Maps-Widget und mehr als 40 weitere Apps, wie z. B. das All-in-One-Bewertungs-Widget. Die Preisdetails sind unten aufgeführt.

Klicken Sie hier, um das ElfSight Google Maps-Widget auszuprobieren.

Powr Maps-Plugin

Powr ist eine Website wie ElfSight, die leistungsstarke Plugins zum Aktualisieren einer Website bereitstellt. Derzeit gibt es über 40 verschiedene Apps in der Powr-Apps-Bibliothek. Countdown-Uhr für E-Mails, Preistabellen-Ersteller und Count-up-Timer sind einige davon.

Wie die meisten Powr-Apps ist das Powr Maps-Plugin reich an Funktionen, und im Gegensatz zum ElfSight Google Maps-Widget benötigt Powr keinen Google Maps-API-Schlüssel .

Hauptmerkmale

• Zwei Kartenanbieter – Open Street Map oder Google Maps.
• Bis zu 5 Standort-Pins – Zeigen Sie bis zu 5 Standorte in Ihrem Google Maps-Widget an.
• Interaktive Karten für jeden Standort – Benutzer können direkt von Ihrer Website aus zoomen, skalieren, den Kartentyp ändern usw.
• Standortbereich für schnelle Navigation – Listen Sie alle Standorte auf, die Sie hervorheben möchten, und die Benutzer können auf jedes Element klicken und den genauen Standort, die Entfernung und die Route von ihrem aktuellen Standort anzeigen.
• Neun einzigartige Anzeigestile – Passen Sie den Widget-Stil an das Design Ihrer Website an.
• Unterstützt Text in jeder Sprache – Lokalisieren Sie das Widget mit benutzerdefinierten Texten
• Benutzerdefinierte Schriftarten, Farben, Hintergründe und mehr – Wählen Sie aus über 10 verschiedenen Schriftarten, ändern Sie die Schriftgröße, Textfarben und mehr.
• Widget-Größe anpassen – Passen Sie die Breite des Widgets an.
• Benutzerdefiniertes CSS – Mit Powr können Sie das Google Maps-Plugin mit benutzerdefiniertem CSS gestalten.
• Benutzerdefiniertes JavaScript – Führen Sie JavaScript-Codes aus, wenn das Plugin auf einer Website geladen wird.
• Auf jeder Plattform installieren – Integrieren Sie das Standort-Plug-in von Google Maps ganz einfach auf jeder Plattform, indem Sie das HTML-Code-Snippet kopieren und einfügen.

So erstellen Sie ein kostenloses Google Maps-Widget für eine Website mit dem Powr Maps-Plugin.

Demo

Preisgestaltung

Das Google Maps-Plugin von Powr ist kostenlos. Möglicherweise müssen Sie jedoch auf einen kostenpflichtigen Plan upgraden, um zusätzliche Funktionen wie den Massenimport von Standorten über CSV und die Anzeige des nächstgelegenen Standorts nutzen zu können.

• Kostenlos – 5 Standorte, Powr-Branding auf dem Widget
• Starter – 5,49 $/Monat – 10 Standorte, Suchleiste, benutzerdefinierter Pin, Anzeige des nächstgelegenen Standorts, No Powr-Branding
• Pro – 13,49 $/Monat – 50 Standorte, Suchleiste, benutzerdefinierter Pin, benutzerdefiniertes CSS und JS, Anzeige des nächstgelegenen Standorts, Massenimport über CSV, kein Powr-Branding
• Business – 89,99 $/Monat – Unbegrenzte Standorte, Suchleiste, benutzerdefinierte PIN, benutzerdefiniertes CSS und JS, Anzeige des nächstgelegenen Standorts, Massenimport über CSV, kein Powr-Branding

Klicken Sie hier, um das Powr Map-Plugin auszuprobieren.

WP-Karten

Falls Sie WordPress verwenden, um Ihre Website zu betreiben, und nach einem Karten-Plugin suchen, ist WP Maps by Flippercode ein hervorragendes Plug-in mit unzähligen Funktionen und anpassbaren Optionen.

Hauptmerkmale

• Unbegrenzte Karten und Standorte – Fixieren Sie unbegrenzte Standorte mit verschiedenen Informationen auf unbegrenzten Karten.
• Anpassen von Markierungen – Weisen Sie Ihre eigenen Markierungen Kategorien zu oder wählen Sie farbenfrohe Markierungen aus über 500 vorgefertigten Markierungen aus der Maps Icon-Sammlung.
• Vier Kartentypen – Straßenkarte, Satellit, Hybrid, Gelände
• Street View – Aktivieren Sie Street View, Pov (Point of View)-Überschrift und Pov Pitch für Street View.
• Kartenstilisierung – Benutzerdefinierte Google Maps von Snazzymaps.com.
• Suchsteuerung auf der Frontend-Karte, um den Standort zu suchen
• Mehrsprachige Unterstützung, 45°-Bildfunktionen und mehr.

WP Maps ist ein kostenloses Karten-Plugin für WordPress. Die kostenpflichtige Version (PRO) enthält mehr Funktionen wie das Importieren/Exportieren von Standorten, Richtungs- und Routenvorschläge für Besucher sowie Multisite-Unterstützung.

Schicke Karten

Snazzy Maps ist ein Onlinedienst, mit dem Sie stilvolle Google Maps-Widgets kostenlos online erstellen können. Alle Stile sind unter Creative Commons lizenziert und können völlig kostenlos verwendet werden.

Hauptmerkmale

• Stilbibliothek – Es gibt Tausende von Google Maps-Widget-Stilen, jeder mit einer Lieblingsbewertung, die auf der Auswahl der Benutzer basiert. Sie können Tausende von Stilen erkunden, ihre JSON-Codes abrufen und die Stile beim Erstellen einbettbarer Google Maps-Widgets verwenden.
• Erstellen Sie eigene Stile für Google-Karten-Widgets – Der schrittweise Prozess erleichtert die Erstellung Ihres eigenen Stils.
• Erstellen Sie eine Karte – Verwenden Sie einen Kartenstil, legen Sie die Größe und Position von Widgets fest, fügen Sie Markierungen hinzu, passen Sie Sprache, Steuerelemente und Verhaltenseinstellungen an und generieren Sie Quellcode für Google Map.
• Plugins – Verwenden Sie das WordPress-Plugin, um Google Maps auf Ihrer WordPress-Site zu erstellen und zu installieren.

SnazzyMaps ist eine kostenlose Website, mit der Sie Google-Karten-Widget-Stile erkunden, Ihre eigenen Stile erstellen und einbettbaren Google-Kartencode für die Website generieren können.

Klicken Sie hier, um SnazzyMaps auszuprobieren.

WordPress Maps-Plugin für Google Maps

Wenn Sie WordPress verwenden, um Ihre Website zu betreiben, und nach einem Karten-Plugin suchen, ist das Google Maps-Widget-Plugin von WebFactory Ltd ausgezeichnet.

Hauptmerkmale

• Benutzerdefinierte Google Map-Größe
• Wählen Sie einen beliebigen Google-Kartentyp – Straßenkarte, Satellitenkarte, Geländekarte, Hybridkarte.
• Farbschemata von Google Maps
• Linktyp – Lightbox-Karte, benutzerdefinierte URL
• Zoomstufe steuern
• Stellen Sie die Google-Kartensprache, das benutzerdefinierte Pin-Symbol, Shortcodes zum Einbetten der Google-Karte überall auf Ihrer WordPress-Site und mehr ein.

WebFactory LTD stellt ein weiteres Plugin namens „Map Block for Google Maps“ für den Gutenberg-Blockeditor bereit.

Das Plugin ist kostenlos. Es gibt eine Pro-Version, die mehr Funktionen enthält.

Abschließende Worte zu den besten Google Maps-Widgets für Websites

Die Verwendung der richtigen Widgets an den richtigen Stellen kann Kampagnen mit schlechter Leistung in kostendeckende oder profitable Kampagnen verwandeln. In unseren vorherigen Artikeln wurde erläutert, wie Sie der Website eine benutzerdefinierte PayPal Pay-Schaltfläche, Countdown-Timer-Widgets für Websites usw. hinzufügen, um die Konversionsraten Ihrer Websites zu verbessern. Ebenso ist die Verwendung eines Google Maps-Widgets auf einer Website besonders hilfreich für lokale und internationale Unternehmen.

Persönlich empfehle ich die Verwendung eines Dienstes wie ElfSight und Powr, da diese mehr Widget-Typen bieten, die sich in Zukunft als nützlich erweisen werden. Schauen Sie sich diesen ElfSight vs. Powr-Test an, um die wichtigsten Unterschiede, Vor- und Nachteile usw. zu erfahren.