En bra webbdesign för WooCommerce är oerhört viktigt. Den avgör om dina besökare stannar i webbutiken. Och om de verkligen slutför köpet. Vad behöver du göra när du väljer din WooCommerce Themes Göra? Och vilka är de viktigaste Themes ? Vår guide har svaren.
A Theme För WordPress Eller. WooCommerce är en slags formgivningsmall. Den avgör hur portalen ser ut. Det är inte så lätt att få det rätta att Theme för din webbutik. Eller, som byrå, för att ge dina kunder råd om en specifik mall. Det här inlägget vägleder dig steg för steg genom valet.
Tips
När du använder Themes det finns i grunden två möjligheter:
- Du låter dig själv ha en helt oberoende Theme och därmed utveckla design.
- Du köper en redan prefabricerad Theme och anpassar den efter dina behov. Till exempel genom att matcha färgerna med utseendet på ditt varumärke, ersätta logotypen och bakgrundsgrafiken etc.
Det första alternativet gör din butik omisskännlig - men du behöver också mycket bra webbdesigners eller en lämplig byrå. Kostnaden för detta kan gå upp till mitten av femsiffrigt intervall om du satsar på kvalitet. Å andra sidan finns det också WooCommerce miljömallar av hög kvalitet som är tillräckligt flexibla. Och att du kan använda speciellt för att starta din onlinebutik. Mer om det senare.
Urval av tema
Ofta märker du först efter en nystart att den nya Theme men det var inte ett så bra val. Kan designen inte anpassas efter önskemål? Viktiga uppdateringar saknas, så att delar av webbshopen inte längre fungerar? Och då lämnar stödet något att önska? Om din portals intäkter beror på det kan det bli riktigt irriterande.

Detta gör det ännu viktigare att Theme testa i god tid. Absolut på ditt eget testsystem. Du kan bara delvis lita på tillverkarnas specifikationer och demosidor: I samarbete med din Plugins För WordPress Och WooCommerce uppstår ofta problem som inte var synliga tidigare.
Tips
Här är de viktigaste tipsen för att undersöka en lämplig leverantör eller Themes :
Kompatibilitet med WooCommerce
Se till att din Theme För WooCommerce Optimerad. Endast de Themes se till att butiksspecifika element mappas korrekt. Till exempel produktöversikten, den sekundära informationen, kundvagnen eller inköpsprocessen eller kassan. Mallar som är speciellt utformade för WooCommerce var också uppmärksam på kompatibilitet med nya versioner av butiksprogramvaran. Eftersom WooCommerce konverterar sina processer då och då. Du måste göra det med en ren WordPress - Theme Ha det roat varje gång.
Helst väljer du en leverantör som är WooCommerce Specialiserade. Detta gör det vanligtvis möjligt för kritiska förändringar att flöda in i sina produkter snabbare. Dessutom är han bättre bekant med typiska förlängningar för WooCommerce problem i kombination med designen. Jag ska ge dig några speciella Themes för butikssystemet.
Mobil optimering
Under tiden är det absolut obligatoriskt att din Theme optimerad för olika mobila enheter. Först då kommer det att se lika bra ut på skrivbordet, surfplattan och smarttelefonen. Och även då kommer viktiga element som butiksnavigering eller kundvagnen att fungera.
I många onlinebutiker görs 80 procent eller fler av samtalen via mobila enheter. Med Google Analytics och liknande verktyg kan du se hur hög den här procentandelen är för din egen portal. När det gäller en Theme , som inte har utvecklats rent, irriterar och i det här fallet förlorar du 80 procent av din målgrupp. Dessutom straffar Google obarmhärtigt de portaler som slouch när det gäller mobiloptimering.
Varje Theme tillverkaren identifierar nu sina produkter som mobiloptimerade eller responsiva. Men det finns stora skillnader i kvalitet – hur individuellt stöds de enskilda slutenheterna egentligen? Under ami.responsivedesign.is hittar du ett onlineverktyg som låter dig grovt kontrollera hur en webbplats spelas på olika format:

Detta är dock bara en första ledtråd för din forskning. Det ersätter inte den faktiska liveverifieringen av dig, på så olika enheter som möjligt och i olika webbläsare (Chrome, Firefox, Edge, Safari). Du bör också manuellt kontrollera funktionen för knappar, menyer, kryssrutor, formulär, skjutreglage etc.
Tips
Betald eller gratis Theme
Även för WooCommerce Är där Themes , som är fritt tillgängliga. Om du driver en onlinebutik gör du det professionellt. Det är därför du också bör leta efter en professionell Theme Besluta. Speciellt om du inte känner dig själv tekniskt för att korrigera källkoden om det behövs.
De årliga licenskostnaderna är hanterbara, de är vanligtvis mindre än 100 euro. Vilken typisk WooCommerce -Butikskostnader totalt, ska jag berätta i inlägget Fördelar med WooCommerce . Här är orsakerna till en pro- Theme Prata:
- De servas vanligtvis oftare. Detta är särskilt viktigt för uppdateringar av WordPress Och WooCommerce Viktigt.
- Med gratis mallar kan det hända snabbt att utvecklarna inte längre kan utveckla dem. Då måste du ta över det här själv eller Theme Växla. Denna risk är lägre med betalda lösningar.
- Med bra pro- Themes du kommer att få omfattande stöd. Se till att det görs på ditt modersmål och under din arbetstid.
- En mycket god kvalitet på källkoden bör användas för en professionell Theme tas för givet. Detta säkerställer säkerhet och god prestanda. Tyvärr är detta inte alltid fallet. Frilansare eller byråer i WordPress miljön kan bedöma kvaliteten för dig.
Sammantaget minimerar professionella lösningar din affärsrisk. Kontrollera dock leverantörerna av Themes , allt fungerar inte lika bra. Fråga andra butiksägare vilka utvecklare de har haft goda erfarenheter av.
Observera
Industrin primus eller underdog?
Populära mallar – som ofta köps eller laddas ner – har en fördel: de övervakas mer intensivt av sina utvecklare. Även i forum och i samhället kommer du att vara mer benägna att ställa frågor om en mer välkänd Theme Svar. Om du lämnar tekniken till en byrå kan den gå snabbare in i en byrå Theme som hon har erfarenhet av. Även om utvecklarna Theme kan inte längre eller vill inte fortsätta att ta hand om: Chansen med en lukrativ mall är mycket större att andra tar över vården.
Å andra sidan finns det mönster som du känner i varje sekund WooCommerce -Handla. Din butik ska baseras på divisionen och det strukturella utseendet på mycket välkända och stora webbshoppar. Då hittar dina kunder runt så fort som möjligt. Detta kallas också Amazon-effekten.
Och ändå beror det på enskilda designelement som är omisskännliga. Då vet förhoppningsvis dina besökare direkt vid det andra samtalet: "Här har jag varit tidigare" – en viktig förutsättning för att generera stamkunder. En minnesvärd layout som har så unika försäljningsställen gör din onlinemarknadsföring mycket effektivare.
Tips
Senast när din butik växer bör du överväga att ha din egen Theme och därmed utveckla design. Om detta är bra gjort passar det ditt varumärke särskilt bra. Särskilt när det gäller layout, färgning, typografi, produktvärld och visuellt språk. Detta kan driva konverteringen (andelen försäljningserbjudanden vid sidbesök) betydligt uppåt.
Min rekommendation: engagera proffs för detta. Detta är den mer komplexa men mer hållbara strategin. Med bra stöd är det ännu mer kostnadseffektivt på lång sikt.
Funktionellt omfång för WooCommerce
De flesta av funktionerna i din webbutik är WooCommerce Sig. Den Theme säkerställer endast rätt utseende. Vissa tillverkare av mallar förlitar sig dock på ytterligare komponenter. Deras produkter inkluderar till exempel:
- Dra & Släpp PageBuilder, som du kan använda för att ändra butikens utseende med ett musklick. Men se upp: Sådana PageBuilders har också några nackdelar.
- Integrerade skjutreglage för produktpresentation eller så kallade megamenyer som innehåller ikoner, bilder och andra element. Eller mer omfattande byggstenar för kundrecensioner än WooCommerce den finns i standarden.
- Önskelistor som gör det möjligt för dina besökare att komma ihåg enskilda produkter och spara dem för senare köp.
- Egna widgetar för att lägga till innehåll i sidofältet, sidhuvudet eller sidfoten som du vill. Avancerade filtrerings- eller sökfunktioner för att göra det enklare för dina kunder att välja och sortera produkter.
- En användarvänlig men samtidigt juridiskt kompatibel design av området "Kassör" och "Kundkonto".
- En mini kundvagn som visas på alla sidor. Till exempel i menyn i din webbutik. Var uppmärksam på de rättsliga kraven i ditt land.
Jag ska berätta mer om rättsliga bestämmelser i Tyskland och Europa i ditt blogginlägg WooCommerce gör det rättssäkert. Eftersom WooCommerce är standard gentemot den amerikanska marknaden.

Du bör inte Theme som innehåller otaliga funktioner som du inte behöver. Eftersom några av dessa medhjälpare är på bekostnad av din butiks prestanda. PageBuilder i synnerhet är kontroversiella här: de ser chica ut och tillåter flexibilitet. Men om utvecklingen är oren, saktar de också ner ditt system. Om du vill veta mer om PageBuilder för WooCommerce du kan ta reda på det och sedan läsa bidragen:
- Page Builder: Förbannelse eller välsignelse för WordPress -Världen? - Jag är inte så bra på det här.
- WooCommerce med Pagebuilder (Harald Frey)
WooCommerce Temat Barn
Helst kan din Theme så kallat Barn Themes . Detta gör att du kan använda samma Themes flera underdesigner. Detta är särskilt viktigt om du vill driva flera onlinebutiker med lite olika design, utan att behöva skapa en ny Theme att använda.
För byråer: Även om du har enskilda mallar baserade på en befintlig Themes du bör vara uppmärksam på den här funktionen. En genomtänkt strukturerad CSS är också till stor hjälp i detta sammanhang. En guide till WordPress Barn Themes du kan hitta det i bloggen av Marco Linke.
Se också till att ditt tema är för den "nya" redigeraren Gutenberg optimeras av WordPress. Detta används också för WooCommerce spela en allt viktigare roll. Om temat har sitt eget Gutenbergblock, bör du vara försiktig. Innehållet kanske inte längre fungerar när du byter till ett annat tema.
Tips
Licens & Leveransomfång
Om du letar efter en betald Theme Du bör hålla ett öga på kostnaden för att göra det. Som redan nämnts är dessa vanligtvis inte särskilt höga. Kontrollera dock följande punkter:
- Hur lång tid tar licensen för Theme ? Gäller det på obestämd tid, även om själva filerna vidareutvecklas, eller behöver de förnyas efter en viss tid?
- Må du Theme expandera dig själv? Normalt är detta i öppen källkodsmiljö för WordPress Säkerställer. Klargöra frågan ändå.
- Hur länge får du uppdateringar och support? Är vissa support- och svarstider garanterade?
- Gäller licensen bara för en domän eller mer? Detta är viktigt om du har barn Themes för fler butiker.
- Är licensen giltig om du ändrar din domän eller ditt projekt?
Lika viktigt: Är bakgrundsbilder etc. av Themes ingår i räckvidden? Kan de användas fritt? Vem har rätt till detta? Får du filerna i återanvändbara format, till exempel Photoshop? Här bör du förtydliga bildrättigheterna för att minimera risken för en varning.
Jobbar du på en byrå eller som frilansare? Då bör du vara särskilt uppmärksam på i vilken utsträckning du Theme kan använda. Och vem som har licensen i slutändan i vilken utsträckning. Eftersom du behöver lämna över projektet till dina kunder så friktionsfritt som möjligt efter utvecklingen. Se våra tips om effektiviteten och driften av WordPress Och WooCommerce .
Den viktigaste Themes För WooCommerce
Det finns flera Themes och leverantörer för WooCommerce , som är WordPress scenen är känd. För dessa hittar du ganska enkelt stöd från frilansare eller en byrå. Observera dock de nackdelar som beskrivs ovan, vilket sådana utbredda mallar medför. Här är några "flaggskepp":
Flatsome för WooCommerce
Flatsome är en av de mest kända Themes För WooCommerce . Enligt utvecklarna är det den mest sålda WordPress -Affärer alls. Flatsome är också mycket populärt i den tysktalande världen, även om stödet är på engelska.
I de viktigaste WooCommerce forum ställs ofta enkla frågor om Theme Svarade. För större uppgifter behöver du vanligtvis fortfarande externa utvecklare.

I samhället är Flatsome inte helt okontroversiellt. Vissa berömmer det, andra avvisar det som överdimensionerat. Å ena sidan är flatsomes sidbyggare mycket flexibel. Det levererar otaliga element hemifrån utan att du behöver Plugins Behöver. Till exempel olika innehållsnivåer, skjutreglage, önskelista, livesökning, rutor, produktfilter etc.
Å andra sidan gör detta snabbt ditt system förvirrande. Om du använder ditt innehåll i vissa områden i sidbyggaren som bara sidbyggaren tillhandahåller, gör det det svårt att byta till en annan Theme Tydligt. Detta ger inte säkerhet för framtiden.
Med ett startsideskit som Flatsome klickar du ihop en design som skiljer sig avsevärt från det ursprungliga utseendet – utan stor programmeringskunskap. Detta liknar den utbredda användningen av Themes av igen. Men genom denna process kan din butik snabbt se osammanhängande ut och "kastas ihop". I vilket fall som helst är det värt att anställa frilansare eller en byrå som är bekant med webbdesign.
WooCommerce Skyltfönster
WooCommerce har också en egen officiell Theme : Skyltfönster. Storefront-paketet har liknande tips som Flatsome. Det är ett omfattande verktyg, men det vill inrättas på ett genomtänkt sätt. En första butik med Storefront skapas snabbt. Men djävulen är i detaljerna. Om alla funktioner i Themes och hans tillägg, måste han veta väl.
Särskilt eftersom mallen behöver en korrekt konfiguration och lämpligt bildmaterial. Eftersom grundversionen ser ganska enkel och hanterbar ut - du kan också säga tråkig:

Den stora fördelen med paketet: det kommer från skaparna av WooCommerce Sig. Därför brukar utvecklingsteamet uppmärksamma god kompatibilitet. När en ny version av butiksprogramvaran visas följer vanligtvis en uppdatering från Storefront snabbt.
Varken Storefront eller Flatsome är lämpliga för användning på den tyskspråkiga marknaden. Du bör också kontrollera detta för andra EU-länder. De i vår artikel Rättssäkerhet för WooCommerce verktyg som nämns ovan, men arbeta med de viktigaste Themes Tillsammans. Men rensa upp detta i förväg, annars blir det snabbt dyrt.
Det finns många tillägg till Storefront, från WooCommerce men också från tredjepartsleverantörer. Till exempel för följande ändamål:
- En komponent som kallas ett "powerpack" som du behöver för att grafiskt anpassa olika områden i onlinebutiken med ett musklick
- Interna produktannonseringsutrymmen och målsidor
- Mega menyer
- Avancerade kundbetyg och pristabeller
- Anslutning till sociala nätverk
Många av dem är föremål för en avgift. Även de med hanterbara fördelar. Här bör du hålla ett öga på dina utgifter. De lägger snabbt till en snygg summa per paket. För då är driftskostnaderna inte längre nödvändigtvis mycket billigare än med en in-house utvecklad Theme .
Atomion (atomion) WooCommerce Theme för Tyskland, Österrike och Schweiz
Atomion är en mindre och fortfarande ganska ny Theme . Vi inkluderade det eftersom det är en av de få WooCommerce mallar för marknaden i Tyskland, Österrike och Schweiz (D/A/CH). Detta innebär att stöd ges i hela tyska och vid tyska stödtider. Designen är tydlig och strukturerad, så fokus ligger på dina produkter:

Bakom Atomion står MarketPress, tillverkaren av German Market och B2B Market. Om du letar efter ett komplett paket som tar hänsyn till de restriktiva rättsliga grunderna i de nämnda länderna är det värt att titta på Theme . Enligt utvecklarna är alla tre komponenterna samordnade.
Den WooCommerce Theme erbjuder bland annat:
- Stöd för WordPress Editor Gutenberg
- En anpassare för att anpassa designen på olika platser
- Integrerade system för kundrecensioner samt en önskelista
- En mini-kundvagn, som också bör följa lagstiftningen
- Förladdarefunktion som tillval (din butik visas inte förrän den är fulladdad)
- En optimerad sökfunktion för WooCommerce
Dessutom ingår ett fullt utformat bloggavsnitt - förutom webbshopen. I princip bör du Themes Göra.
Observera
Astra Theme
Astra är inte en ren shopping Theme . Du kan också använda den för att implementera andra projekt. I samband med WooCommerce används ganska ofta. Några av dem introducerar skaparna på sin portal.

Astras utvecklare erbjuder en gratis provperiod. Du bör definitivt prova detta: Vissa butiksägare kommer med Theme Tja, andra tycker inte att det är lämpligt för sina ändamål. Inte ens de prefabricerade designmallarna uppfyller alla smaker.
Testa i synnerhet ytterligare Plugins rättssäkerhet omdu använder dem. Vissa stöder inte Themes , vilket inte är 100 procent för WooCommerce är konstruerade.
WooCommerce Themes på TemplateMonster
Även med vår partner TemplateMonster hittar du många mallar för WooCommerce . Den multifunktionella WooCommerce Theme Woostroid, det är jag. Den har spännande funktioner som en "LookBook". Detta gör det möjligt för dina köpare att navigera genom olika produkter som visas i en bild:

Woostroid innehåller Elementor A WordPress Page Builder, som låter dig skapa olika layouter utan programmeringsfärdigheter. Den innehåller 25 innehållsmoduler och ett flexibelt layoutrutnät för att flexibelt anpassa utseendet på befintliga sidor. Woostroid var inte främst utformad för den tysktalande marknaden, så du bör också prova det i förväg.
Min slutsats
Du bör välja en kortlista med Themes innandu väljer din favorit. Använd din butiks livedata och svara på följande frågor åt dig:
- Matchar designen mina produkter, särskilt produktbilderna?
- Är temat tillräckligt snabbt? Se våra anteckningar om prestandaoptimering. Men också: Är din WordPress-värd tillräckligt snabb? Speciell Priser för WooCommerce hjälpa dig här.
- Är din webbshop lätt att använda? Är viktiga element lätta att förstå?
- Fungerar kundvagnen på alla system (Chrome, Firefox, Edge, Safari, Android)?
- Är mobiloptimering konsekvent för alla större slutenheter?
Helst får du din nya butiksdesign prövad av viktiga kunder eller i bekantskapskretsen. Detta är det enda sättet att upptäcka viktiga sårbarheter som kommer på bekostnad av din konvertering.
Fler tips på WooCommerce du hittar i vår 70+ sidor långa e-bok WooCommerce för proffs. Det riktar sig till frilansare, byråer, WP-proffs såväl som nybörjare.
Dina frågor om WooCommerce
Vilka frågor har du? Använd gärna kommentarsfunktionen. Du vill ha fler tips på WordPress & WooCommerce? Följ oss sedan på Twitter, Facebook eller via vårt nyhetsbrev.