Divi Kaarten module

Procédure

Divi builder is inbegrepen in onzeWordpress webhostingpakketten. Als je ondersteuning voor DIVI builder wilt, moet je je direct op de Elegent theme Divi website abonneren op een licentie.

Introductie

LWS biedt 3 premium plugins van Elegant Themes (Divi, Bloom en Monarch). Deze worden regelmatig bijgewerkt. Als je eenmaal klant bent bij LWS, krijg je gratis toegang tot deze plugins door de 'Divi Builder' distributie te kiezen bij de installatie van het Wordpress CMS met onze Auto-Installer.

Als je een cPanel pakket hebt of Wordpress al hebt geïnstalleerd met deze distributie, maar geen toegang hebt tot alle thema's of updates, laat het ons dan weten door ons de toegangsgegevens voor het administratiegedeelte van je Wordpress site te geven zodat een technicus de licentie kan updaten.

Let op: u dient een Elegant Themes licentie af te sluiten om gebruik te kunnen maken van ondersteuning. LWS biedt geen ondersteuning voor deze producten.

Wat is de Divi Maps module?

Met kaartmodules kun je eenvoudig aangepaste Google Maps overal op je pagina invoegen. Je kunt zelfs een onbeperkt aantal pins aan de kaart toevoegen en een aangepaste startlocatie voor de viewport instellen. De kaartmodules zijn ook beschikbaar in een Full Width formaat, dus vergeet niet om dat ook te bekijken!

Google Maps API sleutel

Je hebt een API-sleutel nodig om de kaartmodule te kunnen gebruiken. Om een API-sleutel te verkrijgen, log je in bij de Google Developers Console, die je door het proces zal leiden en automatisch de Google Maps JavaScript API en alle gerelateerde services zal inschakelen. Het eerste wat je wordt gevraagd is om een nieuw project aan te maken.

Vervolgens wordt je gevraagd om je project een naam te geven. Je kunt het project elke naam geven die je wilt. In dit voorbeeld heb ik het simpelweg 'Maps' genoemd. Je kunt ook de domeinnaam van je website invoeren (voeg een * ervoor toe als je toegang toestaat vanaf www.domain.com en domain.com) om ervoor te zorgen dat andere websites toegang krijgen tot je API-sleutel.

Zodra je een project met naam hebt aangemaakt, krijg je een API-sleutel die je kunt gebruiken.

Zodra je een API-sleutel hebt, moet je deze kopiëren en plakken in het paneel met thema-opties door te navigeren naar : Divi >> Thema-opties >> Algemene instellingen >> Google Maps API-sleutel

Hoe voeg ik een kaartmodule toe aan mijn pagina?

Voordat je een kaartmodule aan je pagina kunt toevoegen, moet je eerst overschakelen naar de Divi Builder. Zodra het Divi-thema op je website is geïnstalleerd, zie je telkens wanneer je een nieuwe pagina maakt een knop Use Divi Builder boven de post editor. Klik op deze knop om de Divi Builder te activeren, zodat je toegang krijgt tot alle modules. Klik vervolgens op de knop Use Visual Builder om de bouwer in visuele modus te starten. Je kunt ook op de knop Visuele bouwer gebruiken klikken terwijl je vooraan door je website bladert als je bent ingelogd op je WordPress dashboard.

Zodra je Visual Builder hebt geopend, kun je op de grijze + knop klikken om een nieuwe module aan je pagina toe te voegen. Nieuwe modules kunnen alleen binnen rijen worden toegevoegd. Als je een nieuwe pagina begint, vergeet dan niet om eerst een rij aan je pagina toe te voegen.

Zoek de kaartmodule in de lijst met modules en klik erop om deze aan uw pagina toe te voegen. De lijst met modules is doorzoekbaar, wat betekent dat je ook het woord "kaart" kunt intypen en dan op de enter knop kunt klikken om de kaartmodule te vinden en automatisch toe te voegen! Zodra de module is toegevoegd, wordt u begroet met een lijst met opties voor de module. Deze opties zijn onderverdeeld in drie hoofdgroepen: Inhoud, Stijl en Geavanceerd.

Voorbeeld use case: Een kaartmodule toevoegen aan een contactpagina

Een kaartmodule is een uitstekende manier om de locatie van je bedrijf te presenteren op je contactpagina. En de mogelijkheid om meerdere spelden aan je kaart toe te voegen om verschillende bedrijfssites en informatie te laten zien, is een handige en aantrekkelijke functie.

In dit voorbeeld voeg ik een kaartmodule toe om de locatie en informatie van het bedrijf te tonen door een aangepaste speld aan de kaart toe te voegen.

Belangrijk: Zorg ervoor dat er een geldige Google API-sleutel is ingevoerd in het Opties-paneel van het Divi-thema. Zonder deze sleutel werkt de kaartmodule niet.

Voeg met behulp van Visual Builder een standaardsectie toe aan de onderkant van de contactpagina. Voeg vervolgens de kaartmodule toe aan je nieuwe sectie. Voer op het tabblad Inhoud van de Kaartparameters het adres van je bedrijf in onder de optie Kaartcentrumadres . Het kaartcentrumadres is voor het centrale punt van de kaart.

Klik vervolgens op + Een nieuw item toevoegen om je eerste pin aan te maken.

Vul de daarvoor bestemde velden in.

Gefeliciteerd! Je hebt nu een dynamische kaartmodule onderaan de contactpagina met een klikbare pin die bedrijfsinformatie weergeeft.

Videopresentatie van de Divi Maps module

Conclusie

De locatie van je bedrijf is essentieel zodat je klanten een duidelijk idee hebben van je locatie. Dit is nog een manier om hen te laten zien dat je bereikbaar bent! Bovendien is locatie tegenwoordig een belangrijke factor bij zoekmachineoptimalisatie ;)

Aarzel niet om opmerkingen achter te laten en vragen te stellen over dit onderwerp, zodat we contact met je kunnen opnemen :)

Tot snel voor een nieuwe tutorial!

Om meer te weten te komen over Elegant Themes Divi en hoe het te gebruiken

Divi's tellermodule

Divi's portfoliomodule

> Raadpleeg onze Elegant Themes Divi helpsectie