I Diviguiden för WordPress lär du dig grunderna i DIVI-temat, världens mest populära designtema.
Ska du bygga hemsida i WordPress är DIVI-temat det självklara valet. Under mina drygt 20 år som webbutvecklare och utbildare har jag följt utvecklingen av DIVI under många års tid.
DIVI temat används på 4+ miljoner webbplatser. Det här är en av dem!
Länk: Köp DIVI och få 10% rabatt här
DIVI passar både nybörjare och webbyråer som vill skapa en proffsig hemsida. Med den här Diviguiden får du en bra introduktion till DIVI men även mina bästa tips för DIVI som bygger på mina erfarenheter.
DIVI temat är byggt för WordPress
Med WordPress och DIVI-temat har du ett komplett ramverk som hanterar både design och mobilanpassningen av din hemsida.
DIVI har ett stort bibliotek med färdiga designmallar som du kan ladda in på din webbplats med dra-släpp verktyget. Mallarna är skapade av webbdesigners och ser väldigt proffsiga ut.
Tips: Alla designmallar i DIVI går enkelt att ändra så att du får in dina bilder och texter istället.
Det gör DIVI kraftfullt eftersom de satsar mycket på både nybörjare och mer rutinerade webbyråer. Enkelheten är nyckeln.
DIVI temat – perfekt för nybörjare och webbyråer
Ska du skapa en hemsida till företaget eller föreningen vill du såklart att den ska se professionell ut.
Driver du webbyrå kan du använda samma DIVI-licens på alla webbplatser du bygger till dina kunder. En vanlig webbplats till företag kostar i regel mellan 25 000kr – 100 000kr. Det blir ordentliga intäkter från en DIVI-licens som kostar mindre än Netflix per år.
Bygger du webbplatsen själv behöver du endast räkna med kostnader för DIVI-licensen (900kr/år) och webhotellet (från 285kr/år). Det innebär att du kan bygga en proffsig hemsida själv för under 1500kr (!).
Exempel på webbplatser med DIVI-temat
Sveriges Radio
Avanza karriär
Dagens Industri Gasell
Diviguidens länk ger dig 10% rabatt
Genom att använda länken här i Diviguiden får du 10% rabatt på DIVI-temats licens. Det innebär att du får ett lägre pris än om du går direkt till Elegant Themes.
Vi får också kompensation av DIVI som tack för att vi hänvisade dig till dem. Det sker utan extra kostnad för dig – Det blir billigare!
Använd länken här: 10% rabatt på DIVI-temat
Jag ser det här som definitionen av en win-win-win där du får en bättre deal, DIVI får en ny kund och vi kan fortsätta skapa bra DIVI tutorials på svenska och andra guider för digitalt företagande.
Så tar du bort 25% moms på DIVI köpet
Elegant Themes , som säljer DIVI-temat, är baserade i USA.
Köper du DIVI-licensen i Sverige samt driver ett bolag (med org. nr) kan du räkna bort 25% moms i kassan genom att skriva in ditt momsregistreringsnummer.
Tips: Ange moms reg. nr. i kassan för att räkna bort 25% moms. Det skrivs: SE[ditt org.nr]01
Diviguiden: Design med WordPress
Diviguidens topp 5 med DIVI temat
Det finns många anledningar att gilla DIVI men här är mina absoluta favoritfunktioner i Divi:
- Smidigt dra-och-släppverktyg
- Stort bibliotek med färdiga designmallar
- Enkelt att integrera med externa e-posttjänster, videospelare, bokningskalender etc.
- Kompatibelt WooCommerce (webshop) för att sälja dina tjänster och produkter
- Automatisk och flexibel mobilanpassning
Anpassa DIVI-temat till ditt varumärke
Det är enkelt att anpassa designen i DIVI så att den speglar ditt varumärke. Här i Diviguiden vill jag framförallt lyfta några av de vanligaste ändringarna man brukar vilja göra, så att du kan komma igång direkt:
- Logotype – Du behöver bara ladda upp din logotype till DIVIs temainställningar så visas den på alla sidor på din nya webbplats. Har du ingen logotype? Använd ett AI verktyg som kan skapa en till dig.
- Typsnitt – Ändra till samma typsnitt som du använder i tryckt media och visitkort eller behåll standardtypsnittet som också är bra.
- Bilder och texter – Ladda upp dina egna bilder och texter för att skapa din unika hemsida utifrån de färdiga designmallarna.
- Sidhuvud och sidfot – Har du specifika önskemål för sidhuvud och sidfot kan du skapa en egen med DIVI Theme builder. En inbyggd funktion där du utgår från mallar eller bygger eget från grunden.
- Obegränsad webbplats – När du bygger hemsida i WordPress på ett bra webbhotell finns det inga begränsningar. Du kan lägga till obegränsat antal sidor, blogginlägg och produkter
Webshop med WooCommerce och DIVI temat
Vill du starta webshop i WordPress blir det enkelt med WooCommerce och DIVI. Du kan använda DIVI-temats dra-släpp verktyg för att ändra design på WooCommerce sidorna.
Det går inte att göra utan att vara utvecklare med många andra teman och är ytterligare en stark anledning till att välja DIVI temat till din hemsida i WordPress.
Med WooCommerce och DIVI kan du:
- Starta webshop och lägga upp produkter och tjänster till försäljning
- Ta betalt online med Klarna, Swish, Stripe, PayPal, Payson m. fl
- Ändra produktsidor i WooCommerce med Divis dra-släpp-verktyg
Diviguiden: Så fungerar DIVI-byggaren
Jag har redan lyft flera fördelar med temat i den här Diviguiden, men nu vill jag också visa hur det fungerar. I den här diviguiden (videon) ser du hur dra-släppverktyget används för att ändra utseendet på hemsidan.
Diviguiden: formulär och integreringar
Med DIVI får inbyggda funktioner för kontaktformulär, integrationer med de mest populära verktygen för nyhetsbrev, e-handel m.m. Här är några exempel på vad du kan göra:
- Skapa formulär – Kontaktformulär och box för nyhetsbrev
- Skapa landningssidor för dina kampanjer och produkter med anpassad design
- Koppla ihop DIVIs E-optin modul med verktyg för nyhetsbrev. (Vi använder Mailerlite)
- Bygga webshop med WooCommerce och sälja direkt via hemsidan
DIVI-moduler och funktioner
Designen i DIVI är upplagd i tre nivåer. Ytterst är sektionen som ramar in designen. I sektionen ligger en eller flera kolumner som delar av designen. I kolumnerna placerar du DIVIs moduler.
Det är i DIVI modulerna som du lägger till innehållet på din sida. Det kan vara texter, bilder, kartor, formulär bildspel osv. Du hanterar det enkelt med DIVI-byggaren. Det inbyggda dra-släpp verktyget i DIVI-temat.
Exempel på moduler i DIVI:
- Kontaktformulär (E-optin)
- Kartor
- Video och ljudspelare
- Bildspel, portfolio och galleri
- Tabeller för pris- och köpboxar
- Blogg
- Sökfunktion
- Länkning och inbäddning sociala medier
- Cirkelräknare
- Och mycket mer…
Tillägg till DIVI
Behöver du fler funktioner än de som finns inbyggda i DIVI-temat använder du sk tillägg (WordPress plugins). Det finns också speciella DIVI-plugins som man kan köpa via DIVI marketplace om man inte hittar det man söker i WordPress plugin katalog.
Exempel på övriga funktioner som man kan behöva är t ex Webshop med WooCommerce, en bokningskalender, tillägg för sökmotoroptimering, bildoptimering, säkerhet osv.
Webshop och DIVI
Den mest populära lösningen för e-handel i WordPress är WooCommerce. Det integrerar med DIVI-temat och du får tillgång till specifika WooCommerce-moduler direkt när du aktiverar tillägget.
Med WooCommerce kan du bl a sälja utbildning, tjänster, produkter, coaching, undervisning etc. och du kan erbjuda flera betalmetoder som faktura, kontokort, Swish, delbetalning osv.
Lästips: Sälj via hemsidan med en webshop i WordPress.
Fördelar med DIVI
- Användarvänligt ”Dra-släpp-verktyg”
- Designmallar som ser proffsiga och snygga ut med fokus på funktion och användarvänlighet
- Många moduler som ger din hemsida nya funktioner när du behöver det
- Integrerar med externa tjänster för nyhetsbrev, medlemskap, kursplattformar m.m.
- Smidig mobilanpassning
DIVI rabatt – 10% billigare via länken
DIVI temat är inte gratis utan du köper en licens för att använda det. Du behöver endast 1 licens, oavsett om du ska bygga 1 eller 100-tals hemsidor med DIVI.
Använd Diviguidens länk för att få 10% rabatt på din licens. Det är en sponsrad länk med bättre pris än om du går direkt till deras webbplats.
