Om een Google Map toe te voegen in Elementor op een pagina of bericht volg je de volgende stappen.

Google Maps ElementorVoeg de “Google Maps” widget toe

  1. Open de pagina of het bericht waarin je de kaart wilt toevoegen.
  2. Klik op “Bewerk met Elementor” om de Elementor-editor te openen.
  3. Zoek de “Google Maps” widget in het linker paneel.
  4. Sleep de “Google Maps” widget naar de gewenste positie op de pagina.

Stel de locatie in

  1. Voer het adres in:
    • In de “Content” tab van de widget, kun je het gewenste adres invoeren.
    • Dit zal de kaart updaten naar de opgegeven locatie.

Pas de instellingen aan

    1. Zoomen:
      • Je kunt het zoomniveau van de kaart aanpassen door de “Zoom” optie te gebruiken.
      • Een hogere waarde betekent een meer ingezoomde kaart.
    2. Kaarttype:
      • Je kunt het kaarttype aanpassen, bijvoorbeeld “Roadmap”, “Satellite”, “Hybrid”, of “Terrain”.

Stijl de kaart

  1. Ga naar het “Stijl” tabblad van de widget.
  2. Pas de breedte en hoogte van de kaart aan om deze goed te laten passen op je pagina.
  3. Pas eventuele extra stijlen aan die je wilt, zoals de randen of box-shadow.

Publiceer of update de pagina

  1. Klik op “Publiceren” of “Update” om je wijzigingen op te slaan en te publiceren.

Je hebt succesvol een Google Maps kaartje toegevoegd aan je WordPress website in Elementor.

Elementor voor WordPress

Zelf ontwikkelen wij geen nieuwe WordPress projecten met Elementor. Waarom niet? Wij blijven graag dicht bij de basis van WordPress en dat is de Gutenberg editor die wij gebruiken in combinatie met het GeneratePress thema.

Alleen krijgen we veel vragen over Elementor en willen we ook graag onze kennis hierover delen. En daarbij willen we ook graag aangeven dat als de Elementor plugin correct geïnstalleerd en gebruikt wordt dat het zeker geen slechte pagebuilder is.

Feedback

Heb je na het lezen van dit artikel nog vragen of zijn er onduidelijkheden? Werkt de code niet op jouw website? Laat het ons weten, dan kunnen wij je misschien verder helpen.

Feedback kennisbankartikel

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Mis geen WordPress tips meer.

Al 500+ webdesigners en marketeers ontvangen deze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Mis nooit meer website tips.

Al 500+ webdesigners en marketeers ontvangen onze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.