Ich muss herausfinden, wie man etwas hinzufügt Google Karten zu WordPress mit JetElements?
Es gibt eine Reihe von Plugins, die Sie zum Hinzufügen verwenden können Google Karten zu Ihrem Webseite WordPress. JetElements ist ein. JetElements ist ein Add-on Elementor Premium von Crocoblock entwickelt. Es fügt mehrere zusätzliche Widgets zu Ihrer hinzu Elementor, einschließlich Advanced Map, die Sie ganz einfach hinzufügen können Google Karten zu Ihrer WordPress-Site.
Sie können 10 Kartenstile auswählen. Sie können auch mehrere Pins hinzufügen.
In diesem Artikel zeigen wir Ihnen, wie Sie das Widget verwenden Erweiterte Karte um Google Maps zu Ihrem hinzuzufügen Webseite WordPress.
Bevor Sie beginnen, stellen Sie sicher, dass Sie installiert haben Elementor und JetEements auf Ihrem WordPress. Sie können die kostenlose Version von verwendenElementor um JetElements zu verwenden. Bei JetElements hingegen müssen Sie es dort erwerben offizielle Website für $19.
Schritt 1: Holen Sie sich den Google Maps-API-Schlüssel
Bevor Sie Google Maps zu Ihrem hinzufügen können Website Wenn Sie JetElements verwenden, müssen Sie einen API-Schlüssel erhalten, um JetElements in Google Maps zu integrieren. Sie können die API über die Google API-Konsole abrufen. Also, besuchen Sie uns Google API-Konsole und melden Sie sich mit Ihrem Google-Konto an.
Sobald Sie angemeldet sind, erstellen Sie ein neues Projekt, indem Sie oben auf das Dropdown-Menü klicken und auf klicken NEUES PROJEKT.
Geben Sie Ihrem Projekt einen Namen und klicken Sie auf die Schaltfläche CREATE.
Wählen Sie Ihr neues Projekt aus dem Dropdown-Menü aus und klicken Sie darauf Bibliothek auf der linken Tafel.
JetElements bietet keine detaillierten Informationen zu den APIs, die Sie aktivieren müssen, damit das Widget funktioniert. Erweiterte Karte. Unserer Erfahrung nach sollten Sie mindestens die folgenden APIs aktivieren:
- Geokodierungs-API
- Maps-JavaScript-API
Google selbst unterteilt die Google Maps API in 17 Typen. Sie können sie durch Anklicken sehen ZEIGE ALLES im Abschnitt Menükarte.
Um eine API zu aktivieren, wählen Sie die API aus, die Sie aktivieren möchten (indem Sie darauf klicken) und klicken Sie auf die Schaltfläche AKTIVIEREN SIE.
Nachdem Sie die erforderlichen APIs aktiviert haben, kehren Sie zum Haupt-Dashboard der Google API-Konsole zurück und klicken Sie auf Identifiers auf der linken Tafel. Klicken Sie auf die Schaltfläche Anmeldedaten erstellen und wählen Sie API-Schlüssel. Kopieren Sie den API-Schlüssel im angezeigten Popup.
Melden Sie sich als Nächstes bei Ihrem WordPress-Dashboard an und gehen Sie zum Menü JetPlugins – > JetElements Einstellungen .
Öffnen Sie die Registerkarte Integrationen und fügen Sie den soeben kopierten API-Schlüssel in das Feld ein Google Map API-Schlüssel.
Beginnen Sie mit dem Hinzufügen der Karte
Sobald JetElements und Google Maps integriert sind, können Sie mit dem Hinzufügen der Karte beginnen. Öffnen Sie dazu die Seite, auf der Sie die Karte in Elementor hinzufügen möchten. Ziehen Sie im Elementor-Editor das Advanced Map-Widget in den Bearbeitungsbereich.
Sie können zum linken Bereich gehen, um einige Einstellungen auf Ihrer Karte zu ändern. Sie können die Einstellungen im Abschnitt vornehmen Karteneinstellungen.
Um den Kartenstil zu ändern, können Sie den Abschnitt öffnen Kartenstil.
Fügen Sie Ihren Standort zur Karte hinzu
Standardmäßig ist die PIN-Adresse auf London Eye, London, United Kingdom eingestellt. Sie können es bearbeiten, um Ihren Unternehmensstandort hinzuzufügen.
Öffnen Sie dazu den Abschnitt Stifte und klicken Sie auf die vorhandene PIN-Adresse. Fügen Sie Ihre Geschäftsadresse in das Feld ein Pin-Adresse und ändern Sie die Beschreibung im Feld Pin Beschreibung.
Um die Pin-Adresse, die Sie gerade festgelegt haben, auf der Karte sichtbar zu machen, müssen Sie die Mitte der Karte festlegen. Wenn sich Ihr Unternehmensstandort beispielsweise in Paris befindet, würden Sie Paris als Mittelpunkt der Karte festlegen.
Um den Mittelpunkt der Karte zu definieren, öffnen Sie den Abschnitt Karteneinstellungen Geben Sie erneut Ihr bevorzugtes Kartenzentrum (Stadtname) ein.
Anmerkung: Wenn beim Hinzufügen einer Karte die Meldung „Nur für Entwicklungszwecke“ angezeigt wird, stellen Sie sicher, dass Sie Ihre Google Cloud-Abrechnung aktivieren. Die neue Google-Richtlinie erfordert, dass Entwickler das Rechnungskonto aktivieren (Sie können die Google Maps-API weiterhin kostenlos verwenden).
Holen Sie sich Elementor Pro jetzt!!!
Zusammenfassung
So ! Das war es für diesen Artikel, der Ihnen zeigt, wie Sie Google Maps mit JetElements zu WordPress hinzufügen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, teilen Sie es ihnen im mit commentaires.
Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.
Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.
...
