Diviguiden är en guide på svenska som lär dig mer om designtemat DIVI.

Bloggen innehåller sponsrade länkar

Diviguiden för WordPress

Skrivet av Jenny Hillman |
augusti 21, 2023

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 använder DIVI temat på sin karriärsida där du kan söka jobb

Sveriges Radio

Avanza använder DIVI temat på sin karriärsida där du kan söka jobb

Avanza karriär

Dagens Industri använder DIVI temat på sin Gasell sida

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:

  1. Smidigt dra-och-släppverktyg
  2. Stort bibliotek med färdiga designmallar
  3. Enkelt att integrera med externa e-posttjänster, videospelare, bokningskalender etc.
  4. Kompatibelt WooCommerce (webshop) för att sälja dina tjänster och produkter
  5. 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

  1. Användarvänligt ”Dra-släpp-verktyg”
  2. Designmallar som ser proffsiga och snygga ut med fokus på funktion och användarvänlighet
  3. Många moduler som ger din hemsida nya funktioner när du behöver det
  4. Integrerar med externa tjänster för nyhetsbrev, medlemskap, kursplattformar m.m.
  5. 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.

Länk: Köp DIVI och få 10% rabatt här