Nya Ecwid-designinställningar: Dussintals anpassningsalternativ, ingen kodning

12 min läs

Design säger mycket för en e-handel lagra. Om människor enkelt kan navigera i ditt butiksfönster på nätet har du mycket större chans att konvertera dem. En konsekvent, modern design kan berätta för kunderna att du är ett pålitligt varumärke.

Ecwid hjälper alla företag – även små och nybörjare – att se ut och sälja professionellt på webben. Du behöver inte betala så mycket för toppskiktet webbdesigners för att få en mobilvänlig, rent och vackert e-handel lagra.

Vi har lagt till dussintals nya skyltfönsterdesignfunktioner till Ecwid, så att du kan ge din e-handel lagra utseendet och känslan som speglar ditt varumärke mest.

Att ställa in varje liten detalj i designen av din webbutik är väldigt enkelt. Ändra bildstilar, produktsideslayouter och skyltfönsterelement utan kodning. Du kommer att se det själv i det här inlägget.

De nya inställningarna ligger under Inställningar → Design i din Ecwid-kontrollpanel. För att använda dem, se till att du har aktiverat alla skyltfönsteruppdateringar i Inställningar → Vad är nytt.

Vad är nytt avsnitt i Ecwid kontrollpanel

Aktivera dessa uppdateringar i Inställningar → Vad är nytt för att se sidan med nya designinställningar

Vad händer om jag använder den äldre versionen av Ecwid skyltfönster?

Att byta till det nya skyltfönstret kan förändra utseendet på din butik helt. Med de nya designinställningarna får du fler anpassningsalternativ och ett mer övertygande utseende för din butik. Var dock försiktig om du använder en self-made CSS-tema eller annat specialutvecklade skyltfönster - de kanske inte är kompatibla med det nya skyltfönstret. Om du behöver hjälp finns vårt supportteam där för dig.

Designa din onlinebutik

Du styr hela utseendet på din produktkatalog, från produktbilder till SKU och knappar.

1. Välj den bästa bildstorleken för att visa upp dina produkter

Som standard är produktbilder medelstor, som passar de flesta butiker.

Vissa produkter har viktiga detaljer som du kanske vill visualisera (till exempel om du säljer smycken eller tavlor). Välj den stora bildstorleken för att låta dina kunder beundra dina vackra produkter och fotografier.

Om du säljer en produkttyp i ett stort sortiment (säg 200 läderbälten i olika färger), håll dig till mindre bilder. Din butik kommer att visa många produkter på skärmen och dina kunder kommer att bli imponerade av valet.

Liten, medium och stor bildstorlek för produktbilder

2. Optimera bildförhållandet till dina produktmått

Säljer du palmer? Eller kanske långbent modeller visa upp dina designerrockar? Båda kommer att se bra ut i vertikala bilder.

Det horisontella förhållandet passar breda produkter - säg skor, soffor eller näringsbarer.

För runda föremål (eller, när du är osäker), använd fyrkantiga bilder, de ser alltid bra ut.

Vertikala, horisontella och fyrkantiga produktbilder

Vertikala, horisontella och fyrkantiga bilder

Om du vill framhäva produktbilder och få dem att sticka ut från butiksbakgrunden, välj "Mörkare bildbakgrund".

3. Välj vilken produktinformation som ska visas i skyltfönstret

I likhet med produktfoton kan du välja mellan många designalternativ för andra skyltfönsterelement: produktnamn, titlar, priser, SKU:er, "Köp"-knappar. Bestäm hur du vill visa var och en av dem - under produktbilden eller med musen.

Visa elementen under produktbilder, vid muspekaren eller göm dem

Om du väljer att placera informationen under produktbilderna är det möjligt att ställa in layouten. Justera ditt innehåll till vänster, höger, centrera eller justera det - du är fri att skapa den look som du gillar mest.

Olika layouter av elementen (produktnamn och pris)

Det är också möjligt att dölja element. Göm dem alla för att få ditt skyltfönster att likna en lookbook. Genom att klicka på någon av produktbilderna kommer dina kunder att gå till produktsidan.

Välj att visa ytterligare en produktbild om du vill visa fler detaljer. Ecwid kommer att visa den första bilden från produktfotogalleriet på musen.

Ytterligare produktbild på musen

Dessa nya inställningar ger ett stort antal designvariationer för ditt skyltfönster.

4. Designa dina butikskategorier

Du hittar alternativ för att ställa in utseendet på dina kategorier. Oavsett om du har foton, ikoner eller varumärkeslogotyper för dina kategoribilder, har Ecwid designalternativ för att få dem att se fantastiska ut.

Kategorinamn under bilder, på dem, vid svävning och dolda

Optimera produktsidor för konvertering

Nu kan du organisera informationen på dina produktsidor på olika sätt, beroende på vad som fungerar bäst för dina kunder. Varje designalternativ görs enligt det bästa e-handel metoder för att öka antalet omvandlingar.

1. Välj layout för produktsidan

Det finns fyra nya alternativ för att organisera innehåll på dina produktsidor.

Få uppmärksamhet på dina produktbilder. Placera en hög kvalitet produktbilden till vänster på din produktsida kommer att göra det till det första dina kunder kommer att lägga märke till. Använd 2-kolumn layout med produktbeskrivningen till höger om du säljer visuellt tilltalande produkter och har korta produktbeskrivningar.

Smakämnen 2-kolumn layout med produktbeskrivningen till höger

Lägg till detaljerade produktbeskrivningar. För produkter som elektronik eller farmaceutiska varor kan produktbeskrivningarna vara ganska långa. Välj sedan två kolumner layout med produktbeskrivningen under bilden. Även om du lägger till en lång manual för användning av din produkt kommer sidan att se harmonisk ut.

Smakämnen 2-kolumn layout med produktbeskrivningen under bilden

Betona produktalternativ och knappen "Kassa". Om dina kunder inte behöver läsa långa beskrivningar eller granska galleriet för att köpa dina produkter, välj att visa produktalternativen med kassaknappen till vänster. Säg, om du säljer små akvariefiskar.

"Lägg till i väska"-knappen i fokus

Minimera rullning och distraktion. A tre kolumn layout fungerar om du vill att din produktsida ska visa maximal information utan extra rörelser.

Den kompakta 3-kolumn Layouten

Du kan också välj layouten för ditt fotogalleri. Hjälp dina kunder att få känslan av din produkt med ett övertygande fotogalleri. Välj layout för miniatyrbilder av bilder i ditt galleri (vertikal eller horisontell) eller visa dina hypnotiserande bilder i full storlek. Ju mer omväxlande och detaljerade vyer du visar, desto bättre.

Layoutalternativ för fotogalleri

3. Välj produktinformationen som ska visas i sidofältet

En produktsida som konverterar ger tillräckligt med produktinformation samtidigt som den är enkel. I Ecwid kan du dölja elementen (som SKU, produktalternativ, delningsknappar) om du inte behöver dem, så att dina kunder inte blir distraherade på väg till varukorgen.

Det bästa är att du kan dra varje element och organisera dem i valfri ordning. Testa många nya sätt att optimera dina produktsidor för konverteringar.

Flexibla sidofältsinställningar

Ändra din skyltfönsternavigering och färger

Det finns några fler skyltfönster som är aktiverade som standard för att hjälpa dina kunder att navigera i din butik. Du kan stänga av vilken som helst av dem när du vill.

Om du byter från den äldre versionen av skyltfönster kommer dessa inställningar att migrera till det nya skyltfönster som du hade dem tidigare.

Färganpassningsläge. Om du installerar en Ecwid onlinebutik på din webbplats kommer butiksfärgerna automatiskt att matcha ditt webbplatstema. Din butik kommer att se ut som en naturlig del av din webbplats.

Sidfotsmenyn och brödsmulor hjälpa kunder att surfa snabbare i din butik och förhindra att de går vilse.

Smakämnen logga in länk gör det möjligt för kunder att logga in på sin profil för att se sina beställningar och använda önskelistan.

Alternativen "Sortera efter". låt dina kunder sortera dina produkter efter pris, namn och andra villkor.

Andra sätt att ändra din Ecwid-butiksdesign

De nya designinställningarna täcker de vanligaste användningsfallen. Om du vill ändra din butik på andra sätt:

Om du behöver ett anpassat tema för din butik utan kodning, försök designa appar från Ecwid App Market (tillgängligt på betalda Ecwid-planer, apppriser gäller).
Skapa ett anpassat CSS-tema (en uppsättning regler som bestämmer utseendet på varje element i butiken, som storlek, form eller färg). Att skapa ett CSS-tema kräver viss teknisk kunskap. Det finns en guide till CSS-teman i Ecwid Knowledge Base som förklarar hur du skapar ditt eget CSS-tema och instruktioner för att ändra specifika element. Du kan alltid fråga Ecwids kundtjänst om hjälp, eller beställ anpassad utveckling av ditt eget CSS-tema.
För utvecklare: Använd Ecwid Javascript API för att utöka funktionerna i Ecwids skyltfönster. Du kan bygga ett nytt CSS-tema eller en app och sälja det på Ecwid App Market. Ecwid Javascript API låter dig ändra utseendet på skyltfönstret helt, vilket gör ändringar så djupa som du behöver. Om du är redo att börja, snälla registrera dig på vår sida för utvecklare.

Skaffa en gratis webbplats för din onlinebutik

Din Ecwid-butik ser bra ut, men du har ingen webbplats att sälja på?

Instant Site är en gratis webbplatsbyggare som Ecwid tillhandahåller när du skapar ditt Ecwid-konto. Detta görs för att du snabbt ska kunna börja sälja online på en snygg webbsida och göra vinster direkt för att växa ditt företag.

På tal om design är Instant Site byggd med färdiga block (omslagsbilden, logotypen, onlinebutiken, avsnittet "Om oss", kundfeedback och kontakter) som du kan aktivera, inaktivera och anpassa.

Om du behöver anpassa din Instant Site, vem ska du ringa? Nåväl, ingen! Du kan redigera hela webbplatsen utan speciell kunskap, med hjälp av din stationära dator eller till och med via Ecwid Mobiles butikshanteringsapp för iOS.

Bygg din gratis Instant Site idag använder vår steg för steg styra.