Moet uitzoeken hoe je moet toevoegen Kopen Google Reviews Kaarten voor WordPress met JetElements?

Er zijn een aantal plug-ins die u kunt gebruiken om toe te voegen Kopen Google Reviews Kaarten voor uw website WordPress. JetElements is een. JetElements is een add-on Elementor premium ontwikkeld door Crocoblock. Het voegt verschillende extra widgets toe aan uw Elementor, inclusief Geavanceerde kaart die u kunt gebruiken om eenvoudig toe te voegen Kopen Google Reviews Kaarten naar uw WordPress-site.

U kunt 10 kaartstijlen selecteren. Je kunt ook meerdere pinnen toevoegen.

In dit artikel laten we u zien hoe u de widget gebruikt Geavanceerde kaart om Google Maps toe te voegen aan uw website WordPress.

Zorg ervoor dat u, voordat u begint, hebt geïnstalleerd Elementor en JetEements op uw WordPress. U kunt de gratis versie vanElementor om JetElements te gebruiken. Terwijl je voor JetElements het op zijn officiële website voor $ 19.

Stap 1: Download de Google Maps API-sleutel

Voordat u Google Maps aan uw kunt toevoegen Site web Als u JetElements gebruikt, heeft u een API-sleutel nodig om JetElements met Google Maps te integreren. U kunt de API verkrijgen via de Google API-console. Bezoek dus Google API-console en meld u aan met uw Google-account.

Nadat u bent ingelogd, maakt u een nieuw project aan door bovenaan op het vervolgkeuzemenu te klikken en op te klikken NIEUW PROJECT.

Geef een naam aan uw project en klik op de knop SCHEPPEN.

Selecteer uw nieuwe project in het vervolgkeuzemenu en klik bibliotheek op het linkerpaneel.

voeg Google Maps toe aan WordPress met JetElements

JetElements geeft geen gedetailleerde informatie over de API's die u moet inschakelen om de widget te laten werken. Geavanceerde kaart. Volgens onze ervaring moet u in ieder geval de volgende API's inschakelen:

  • Geocoderings-API
  • Kaarten JavaScript-API

Google zelf verdeelt de Google Maps API in 17 typen. Je kunt ze zien door erop te klikken TOON ALLES in de sectie Kaarten.

Om een ​​API te activeren, selecteert u de API die u wilt activeren (door erop te klikken) en klikt u op de knop ACTIVEREN.

Zodra u klaar bent met het inschakelen van de vereiste API's, keert u terug naar het hoofddashboard van de Google API Console en klikt u op identifiers op het linkerpaneel. Klik op de knop Inloggegevens maken en selecteer API-sleutel. Kopieer de API-sleutel in de pop-up die verschijnt.

Log vervolgens in op uw WordPress-dashboard en ga naar het menu JetPlugins – > JetElements Instellingen.

voeg Google Maps toe aan WordPress met JetElements

Open het tabblad integraties en plak de API-sleutel die u zojuist hebt gekopieerd in het veld Google Map API-sleutel.

Begin met het toevoegen van de kaart

Zodra JetElements en Google Maps zijn geïntegreerd, kunt u beginnen met het toevoegen van de kaart. Open hiervoor de pagina waar je de kaart wilt toevoegen in Elementor. Sleep in de Elementor-editor de widget Geavanceerde kaart naar het bewerkingsgebied.

voeg Google Maps toe aan WordPress met JetElements

U kunt naar het linkerdeelvenster gaan om enkele instellingen op uw kaart te manipuleren. U kunt de instellingen maken vanuit de sectie Kaartinstellingen.

Om de kaartstijl te wijzigen, kunt u de sectie openen Kaartstijl.

voeg Google Maps toe aan WordPress met JetElements

Voeg uw locatie toe aan de kaart

Het pinadres is standaard ingesteld op London Eye, Londen, Verenigd Koninkrijk. U kunt het bewerken om uw bedrijfslocatie toe te voegen.

Open hiervoor de sectie Pins en klik op het bestaande pinadres. Plak uw bedrijfsadres in het veld Pin-adres en wijzig de beschrijving in het veld Pin Beschrijving.

voeg Google Maps toe aan WordPress met JetElements

Om het zojuist ingestelde pinadres zichtbaar te maken op de kaart, moet u het midden van de kaart instellen. Als uw bedrijfslocatie bijvoorbeeld in Parijs is, stelt u het midden van de kaart in op Parijs.

Om het midden van de kaart te definiëren, opent u de sectie  Kaartinstellingen typ opnieuw het gewenste kaartcentrum (stadsnaam).

voeg Google Maps toe aan WordPress met JetElements

Remarque: Als u het bericht 'Alleen voor ontwikkelingsdoeleinden' ziet wanneer u een kaart toevoegt, moet u uw Google Cloud-facturering inschakelen. Het nieuwe Google-beleid vereist dat ontwikkelaars het factureringsaccount activeren (u kunt de Google Maps API nog steeds gratis gebruiken).

Koop Elementor Pro nu!!!

Conclusie

Alstublieft ! Dat is alles voor dit artikel dat u laat zien hoe u Google Maps aan WordPress kunt toevoegen met JetElements. Als u zich zorgen maakt over hoe u daar kunt komen, laat het hen dan weten in de commentaires.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.

...