Divi Maps-modul

Procédure

Divi builder ingår i våraWordpress webbhotellspaket. Om du vill ha support för DIVI builder måste du prenumerera på en licens direkt på Elegent theme Divis webbplats.

Introduktion

LWS erbjuder 3 premiumplugins från Elegant Themes (Divi, Bloom och Monarch). Dessa uppdateras regelbundet. När du är kund hos LWS får du fri tillgång till dessa plugins genom att välja distributionen "Divi Builder" när du installerar Wordpress CMS med vår Auto-Installer.

Om du har ett cPanel-paket eller redan har installerat Wordpress med denna distribution, men inte har tillgång till alla teman eller uppdateringar, vänligen meddela oss genom att ge oss åtkomstuppgifterna för administrationsområdet på din Wordpress-webbplats så att en tekniker kan uppdatera licensen.

Observera: du måste teckna en Elegant Themes-licens för att kunna dra nytta av supporten. LWS ger inte support för dessa produkter.

Vad är Divi Maps-modulen?

Kartmoduler gör det enkelt att bädda in anpassade Google Maps var som helst på din sida. Du kan till och med lägga till ett obegränsat antal nålar på kartan och ställa in en anpassad startplats för vyport. Kartmodulerna finns också i ett fullbreddsformat, så glöm inte att kolla in det också!

Google Maps API-nyckel

En API-nyckel krävs för att använda kartmodulen. För att få en API-nyckel loggar du in på Google Developers Console, som kommer att vägleda dig genom processen och automatiskt aktivera Google Maps JavaScript API och alla relaterade tjänster. Det första du kommer att bli ombedd att göra är att skapa ett nytt projekt.

Därefter kommer du att bli ombedd att namnge ditt projekt. Du kan namnge projektet som du vill. I det här exemplet har jag helt enkelt kallat det "Maps". Du kan också ange domännamnet på din webbplats (lägg till en * framför den om du tillåter åtkomst från www.domain.com och domain.com) för att säkerställa att andra webbplatser får tillgång till din API-nyckel.

När du har skapat ett namngivet projekt kommer du att presenteras med en API-nyckel som du kan använda.

När du har en API-nyckel måste du kopiera och klistra in den i temaalternativpanelen genom att navigera till : Divi >>> Temaalternativ >>> Allmänna inställningar >>> Google Maps API-nyckel

Så här lägger du till en kartmodul på din sida

Innan du kan lägga till en kartmodul på din sida måste du först byta till Divi Builder. När Divi-temat har installerats på din webbplats kommer du att märka en Use Divi Builder-knapp ovanför inläggsredigeraren varje gång du skapar en ny sida. Klicka på den här knappen för att aktivera Divi Builder, vilket ger dig tillgång till alla dess moduler. Klicka sedan på knappen Use Visual Builder för att starta byggaren i visuellt läge. Du kan också klicka på knappen Use Visual Builder när du surfar på din webbplats på framsidan om du är inloggad på din WordPress-instrumentpanel.

När du har kommit in i Visual Builder kan du klicka på den grå +-knappen för att lägga till en ny modul på din sida. Nya moduler kan bara läggas till inom rader. Om du startar en ny sida, glöm inte att först lägga till en rad på din sida.

Leta reda på kartmodulen i listan över moduler och klicka på den för att lägga till den på sidan. Listan med moduler är sökbar, vilket innebär att du även kan skriva ordet "map" och sedan klicka på enter-knappen för att hitta och automatiskt lägga till kartmodulen! När modulen har lagts till visas en lista med alternativ för modulen. Dessa alternativ är indelade i tre huvudgrupper: Innehåll, Stil och Avancerat.

Exempel på användningsfall: Lägga till en kartmodul på en kontaktsida

En kartmodul är ett utmärkt sätt att presentera företagets plats på kontaktsidan. Och möjligheten att lägga till flera pins på kartan för att visa olika företagswebbplatser och information är en användbar och attraktiv funktion.

I det här exemplet ska jag lägga till en kartmodul för att visa företagets plats och information genom att lägga till en anpassad pin på kartan.

Viktigt att tänka på: Se till att en giltig Google API-nyckel har angetts i Divi-temats alternativpanel. Kartmodulen kommer inte att fungera utan den.

Använd Visual Builder för att lägga till ett standardavsnitt längst ner på kontaktsidan. Sätt sedan in kartmodulen i ditt nya avsnitt. På fliken Innehåll i kortparametrarna anger du ditt företags adress under alternativet Card centre address . Adressen för kartans mittpunkt är för den centrala punkten på kartan.

Klicka sedan på + Lägg till ett nytt objekt för att skapa din första pin.

Fyll i de angivna fälten.

Gratulerar till din nya pin! Nu har du en dynamisk kartmodul längst ner på kontaktsidan med en klickbar nål som visar företagsinformation.

Videopresentation av Divi Maps-modulen

Slutsats

Att lokalisera ditt företag är viktigt så att dina kunder har en tydlig uppfattning om var du befinner dig. Detta är ett annat sätt att bevisa för dem att du är tillgänglig! Dessutom är plats nu en viktig faktor i sökmotoroptimering ;)

Tveka inte att lämna kommentarer och ställa eventuella frågor du kan ha om detta ämne så att vi kan komma tillbaka till dig :)

Vi ses snart för en ny tutorial!

För att ta reda på mer om Elegant Themes Divi och hur du använder det

Divis nummerräknarmodul

Divis portföljmodul

> Konsultera vår Elegant Themes Divi hjälpavsnitt