Aura - Enkelhet möter struktur 

Aura hjälper dig att skapa en tydlig och användarvänlig webbplats där besökaren enkelt kan navigera rätt redan från startsidan.

Med Aura-mallen och dess designverktyg får du full kontroll över både design och innehåll. Du kan smidigt anpassa färger, layout och andra inställningar – direkt på sidan.

Så här kommer du igång 📌

Redigera innan aktivering

Lär dig hur du anpassar din mall innan den aktiveras. Läs mer: Redigera ny mall innan den aktiveras

Verktyg för design och anpassning 🛠️

När du följt stegen i ovanstående artikel kommer du till förhandsgranskning av din mall, du kan nu börja jobba med våra verktyg: 

🖌️ Designverktyget – Anpassa färger, typsnitt och layout enkelt
⚙️ Redigeringsläget – Flytta, dölja och anpassa sidans block smidigt

⚙️ Redigeringsläget  aktiveras via kugghjuls-ikonen (till höger). Här kan du flytta, tända eller släcka olika block för att anpassa sidan efter dina behov.

Optimera struktur och navigering i Administrationen 🧭

I Administrationen hittar du viktiga inställningar för din webbsidas struktur.

Kategoriträd – Skapa en tydlig navigering för dina besökare

Lär dig hur du ordnar och sorterar ditt kategoriträd och era varumärken för en tydligare navigation
i vårt Hjälpcenter. Kategoriträdet - Introduktion. 

Sidhuvudet – Håll menyn ren och lättnavigerad

Se över sidhuvudet och anpassa länkarna för en smidig navigationsupplevelse.
Vi rekommenderar att du fokuserar på de viktigaste länkarna, såsom Om oss och Kontakta oss etc,
för att hålla menyn ren och lättnavigerad. För övriga länkar kan du istället använda kategorikort eller
andra länkelement på startsidan för en mer strukturerad och användarvänlig upplevelse.

Redigera menyn i Aura, anpassa menyns ordning och lägg till och ta bort sidor efter behov:

1. Navigera till Utseende → Alla mallar
2. Välj din aktuella mall
3. Klicka på "Menyer" och sedan "Hantera meny"

Sidfoten – Placera viktiga länkar för en bättre användarupplevelse

Här kan du placera sekundära länkar som t ex villkor, integritetspolicy och övrig information.

Skapa en kopia av en sida 👯‍♂️

När du kopierar en sida – till exempel för att skapa en kampanjsida baserad på startsidan – är det viktigt att känna till hur inställningarna fungerar.

Designinställningar från Designverktyget följer med till den nya sidan.
Du kan fortfarande flytta, tända och släcka block som du vill på den kopierade sidan.
Men ändringar i Designverktyget (färger, typsnitt, etikettutseenden m.m.) påverkar alla sidor som delar samma mall – inklusive originalet.

Läs mer i artikeln Skapa en egen sida i din webbshop

Maximera startsidan – Lyft fram rätt innehåll 🌟

Kategorikort – Hjälp besökaren hitta rätt snabbt

Använd kategorikort för populära produkter, kampanjer och nyheter. Läs i denna artikel hur du länkar: Hur länkar jag på sidan?

Banners och bilder – Optimera bilder för snabbare laddningstid

Se till att dina bilder är optimerade i storlek och kvalitet för att inte påverka sidans laddningstid. På stora bilder är .webp ett optimalt format för att komprimera stora bilder men ändå behålla kvalité. Finns fler onlineverktyg att använda sig av.

Arbeta med Galleri via Filhanteraren. Att byta bilder på sin mall gör en unik och man sätter sin profil även genom ens bilder. Nu finns det lättare sätt att hitta passande bilder! När du är inne på din sida via Redigeringsläget och ska byta ut en bild → Välj "Mina bilder" → Klicka på "Galleri" uppe till vänster → Här kan du nu söka i externa bildbibliotek som Unsplash eller Pixabay.

📸 Bildtips: Använd tydliga, produktfokuserade bilder med enhetlig stil och bakgrund

Call to action, CTO – Styr besökaren rätt med tydliga knappar

Placera tydliga knappar som leder besökaren vidare, t.ex. Shoppa nu, Läs mer eller Kontakta oss.

Varumärkesblock - Visa upp dina leverantörer

Varumärkesblocket är ett stilrent sätt att lyfta fram dina leverantörer eller samarbetspartners. Det ger ett professionellt intryck och hjälper kunden att snabbt känna igen varumärken de litar på.

Blocket bygger på kategoriträdet under “Varumärken”, där alla varumärken du lägger in automatiskt hämtas och visas i ordning. Läs mer om att sortera Varumärken här 🗂️

Produktsidor & visning – anpassa för bättre konvertering💡

Produktlistor

Anpassa hur produkterna visas i listor och på produktsidor på startsidan och under sidhuvudets meny. Du kan skapa egna produktlistor via administrationen. Läs mer om hur du skapar produktlistor här

Färg & design

Se till att färgerna i din webbplats matchar ditt varumärke genom designverktyget. Tänk också på att ha tillräckliga kontraster mellan text och bakgrund för att säkerställa god läsbarhet och tillgänglighet för alla besökare.

Typsnitt & teckenstorlek

Säkerställ att texten är lättläst och inte för liten eller för ljus.

SEO & synlighet – Gör din webbplats lätt att hitta 🔎

Att investera i SEO för produktsidor ger långsiktiga fördelar genom att driva mer trafik, förbättra användarupplevelsen och öka försäljningen. 

Alt-texter på bilder – Viktigt för SEO och tillgänglighet

Dessa anpassar du via Redigeringsläget på bilderna.

Produktlistningssidan - Fyll på med SEO-anpassad text

För att fylla sökordsoptimerad text går du via Redigeringsläget, klickar på den produktbeskrivande texten under rubriken. Här kan du då bland annat fylla i text som hamnar längst ner på sidan, under produkterna. 

Långsiktig SEO-strategi – Investera i optimering för bättre synlighet 

Att arbeta med SEO är en kontinuerlig process som kan förbättra din webbplats synlighet och driva mer trafik över tid. Vi tillhandahåller verktyg och funktioner för att du ska kunna optimera din webbplats på egen hand, men det är upp till dig att arbeta med innehåll, sökord och struktur för bästa resultat. För mer avancerad SEO kan det vara en fördel att ta hjälp av en expert inom området.

Läs mer:

Designverktyget - Introduktion 📖
Redigeringsläget - Introduktion 📖 
Kategoriträdet - Introduktion 📖
Redigera ny mall innan den aktiveras  Om sökmotoroptimering (SEO)💡

Tillgänglighetsanpassning - Så ser du till att din sida följer tillgänglighetsdirektivet

💡 Kom ihåg tillgängligheten
Från och med den 28 juni 2025 gäller nya lagkrav på digital tillgänglighet enligt EU:s tillgänglighetsdirektiv (TGD). Säkerställ att din sida fungerar för alla – oavsett funktionsförmåga – genom att använda tydliga texter, rätt etiketter, god kontrast och tillgängliga knappar och fält.
Vill du veta mer? Läs vår Tillgänglighetsguide här »