Måste ta reda på hur man lägger till Google Kartor till WordPress med JetElements?
Det finns ett gäng plugins du kan använda för att lägga till Google Kartor till din webbplats WordPress. JetElements är en. JetElements är ett tillägg Elementor premium utvecklad av Crocoblock. Det lägger till flera ytterligare widgets till din Elementor, inklusive avancerad karta som du enkelt kan lägga till Google Kartor till din WordPress-webbplats.
Du kan välja 10 kartstilar. Du kan också lägga till flera stift.
I den här artikeln kommer vi att visa dig hur du använder widgeten Avancerad karta för att lägga till Google Maps till din webbplats WordPress.
Se till att du har installerat innan du börjar Elementor och JetEements på din WordPress. Du kan använda gratisversionen avElementor för att använda JetElements. Medan för JetElements måste du skaffa det på dess officiell hemsida för $19.
Steg 1: Skaffa Google Maps API Key
Innan du kan lägga till Google Maps till din webbplats med JetElements måste du skaffa en API-nyckel för att integrera JetElements med Google Maps. Du kan få API:t via Googles API-konsol. Så besök Google API-konsol och logga in med ditt Google-konto.
När du är inloggad skapar du ett nytt projekt genom att klicka på rullgardinsmenyn högst upp och klicka på NYTT PROJEKT.
Ge ditt projekt ett namn och klicka på knappen SKAPA.
Välj ditt nya projekt från rullgardinsmenyn och klicka Bibliotek på den vänstra panelen.
JetElements tillhandahåller ingen detaljerad information om API:erna du behöver för att aktivera för att få widgeten att fungera. Avancerad karta. Enligt vår erfarenhet bör du åtminstone aktivera följande API:er:
- Geokodnings-API
- Maps JavaScript API
Google delar upp Google Maps API i 17 typer. Du kan se dem genom att klicka VISA ALLT i avsnittet kartor.
För att aktivera ett API, välj det API du vill aktivera (genom att klicka på det) och klicka på knappen AKTIVERA.
När du har aktiverat de nödvändiga API:erna går du tillbaka till huvudinstrumentpanelen i Google API-konsolen och klickar på identifierare på den vänstra panelen. Klicka på knappen Skapa autentiseringsuppgifter och välj API-nyckel. Kopiera API-nyckeln i popup-fönstret som visas.
Logga sedan in på din WordPress-instrumentpanel och gå till menyn JetPlugins – > JetElements Inställningar.
Öppna fliken integrationer och klistra in API-nyckeln du just kopierade i fältet Google Map API-nyckel.
Börja lägga till kartan
När JetElements och Google Maps är integrerade kan du börja lägga till kartan. För att göra detta, öppna sidan där du vill lägga till kartan i Elementor. På Elementor-redigeraren drar du widgeten Advanced Map till redigeringsområdet.
Du kan gå till den vänstra panelen för att manipulera vissa inställningar på din karta. Du kan göra inställningarna från avsnittet Kartinställningar.
För att ändra kartstilen kan du öppna avsnittet Kartstil.
Lägg till din plats på kartan
Som standard är pinadressen inställd på London Eye, London, Storbritannien. Du kan redigera den för att lägga till din företagsadress.
För att göra detta, öppna avsnittet Nålar och klicka på den befintliga pin-adressen. Klistra in din företagsadress i fältet Pin-adress och ändra beskrivningen i fältet Stiftbeskrivning.
För att göra den pin-adress som du just har angett synlig på kartan måste du ställa in mitten av kartan. Om ditt företag till exempel är i Paris, ställer du in mitten av kartan till Paris.
För att definiera kartans mitt, öppna avsnittet Kartinställningar skriv igen ditt föredragna kartcentrum (stadsnamn).
Anm: Om du ser meddelandet "Endast för utvecklingsändamål" när du lägger till ett kort, se till att aktivera din Google Cloud-fakturering. Den nya Google-policyn kräver att utvecklare aktiverar faktureringskontot (du kan fortfarande använda Google Maps API gratis).
Skaffa Elementor Pro nu!!!
Slutsats
Så ! Det var allt för den här artikeln som visar hur du lägger till Google Maps till WordPress med JetElements. Om du har några frågor om hur du kommer dit, låt dem veta i commentaires.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.
