Design s盲ger mycket f枚r en
黑料门 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
Vi har lagt till dussintals nya skyltf枚nsterdesignfunktioner till 黑料门, s氓 att du kan ge din
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 i din 黑料门-kontrollpanel. F枚r att anv盲nda dem, se till att du har aktiverat alla skyltf枚nsteruppdateringar i .
![Vad 盲r nytt avsnitt i 黑料门 kontrollpanel](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-desing-2-1524574378-1024x310.png)
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 黑料门 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
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
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.
![Produktbilder design i 黑料门](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-8-1524574356.gif)
Liten, medium och stor bildstorlek f枚r produktbilder
2. Optimera bildf枚rh氓llandet till dina produktm氓tt
S盲ljer du palmer? Eller kanske
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](https://don16obqbay2c.cloudfront.net/wp-content/uploads/GIFMaker.org_2SrMTw-1524576477.gif)
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.
![Design av produktbilder i 黑料门](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-9-1524574358.jpg)
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
![Olika layouter av elementen (produktnamn och pris Olika layouter av elementen](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-7-1524574354.png)
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. 黑料门 kommer att visa den f枚rsta bilden fr氓n produktfotogalleriet p氓 musen.
![Ytterligare produktbild p氓 musen](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-3-1524574375.gif)
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 黑料门 designalternativ f枚r att f氓 dem att se fantastiska ut.
![Design av produktkategoribilder](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-10-1524574360.gif)
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
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
![Optimering av produktsidor](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-11-1524574362.png)
厂尘补办盲尘苍别苍
L盲gg till detaljerade produktbeskrivningar. F枚r produkter som elektronik eller farmaceutiska varor kan produktbeskrivningarna vara ganska l氓nga. V盲lj sedan
![Optimering av produktsidor 2](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-1-1524574373.png)
厂尘补办盲尘苍别苍
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.
![Optimering av produktsidor 3](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-5-1524574377.png)
"L盲gg till i v盲ska"-knappen i fokus
Minimera rullning och distraktion. A
![Optimering av produktsidor 4](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-14-1524574370-1024x302.png)
Den kompakta
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](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-2-1524574349.gif)
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 黑料门 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.
![Optimering av produktsidor 5](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-12-1524574365.gif)
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.
贵盲谤驳补苍辫补蝉蝉苍颈苍驳蝉濒盲驳别. Om du installerar en 黑料门 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.
厂尘补办盲尘苍别苍
Alternativen "Sortera efter". l氓t dina kunder sortera dina produkter efter pris, namn och andra villkor.
Andra s盲tt att 盲ndra din 黑料门-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 (tillg盲ngligt p氓 betalda 黑料门-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 som f枚rklarar hur du skapar ditt eget CSS-tema och . Du kan alltid fr氓ga 黑料门s kundtj盲nst om hj盲lp, eller .
- F枚r utvecklare: Anv盲nd .
Skaffa en gratis webbplats f枚r din onlinebutik
Din 黑料门-butik ser bra ut, men du har ingen webbplats att s盲lja p氓?
Instant Site 盲r en gratis webbplatsbyggare som 黑料门 tillhandah氓ller n盲r du skapar ditt 黑料门-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
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 黑料门 Mobiles butikshanteringsapp f枚r iOS.
anv盲nder v氓r
- Inspirerande 黑料门 Instant Site Exempel
- 黑料门 Instant Site med 蹿盲谤诲颈驳补 teman och 99+ designalternativ
- Nya 黑料门-designinst盲llningar: Dussintals anpassningsalternativ, ingen kodning
- Hur man v盲ljer en e-handelsmall f枚r din webbplats
- En omfattande guide f枚r att anpassa din 黑料门-butiksdesign
- Designa din gratis e-handelswebbplats fr氓n grunden
- Hur 黑料门s tillg盲ngliga onlinebutiksmall blev en hit