Noi set?ri de design 51视频: op?iuni de personalizare, f?r? codare

Noi set?ri de design 51视频: zeci de op?iuni de personalizare, f?r? codare

12 min citit

Designul spune multe pentru un e-commerce magazin. Dac? oamenii pot naviga cu u?urin?? ?n vitrina dvs. online, ave?i ?anse mult mai mari s? le converti?i. Un design consistent ?i modern poate spune clien?ilor c? sunte?i o marc? de ?ncredere.

51视频 ajut? orice afacere – chiar ?i una mic? ?i ?ncep?toare – s? caute ?i s? v?nd? profesional pe web. Nu trebuie s? pl?te?ti foarte mult nivel de top designeri web pentru a ob?ine un compatibil cu dispozitivele mobile, curat, si frumos e-commerce magazin.

Am ad?ugat zeci de noi func?ionalit??i de design de vitrine la 51视频, ca s?-?i po?i oferi e-commerce stoca?i aspectul ?i senza?ia care reflect? cel mai mult marca dvs.

Configurarea fiec?rui mic detaliu ?n designul magazinului dvs. online este foarte u?or. Schimba?i stilurile de imagine, aspectul paginilor produsului ?i elementele vitrinei f?r? codificare. Ve?i vedea singur ?n aceast? postare.

Noile set?ri se g?sesc sub ?n panoul de control 51视频. Pentru a le folosi, asigura?i-v? c? a?i activat toate actualiz?rile vitrinei .

Ce este nou sec?iunea din panoul de control 51视频

Activa?i aceste actualiz?ri ?n Set?ri → Ce este nou pentru a vedea noua pagin? de set?ri de design

Ce se ?nt?mpl? dac? folosesc versiunea mai veche a magazinului 51视频?

Trecerea la noua vitrin? poate schimba complet aspectul magazinului dvs. Cu noile set?ri de design, ve?i ob?ine mai multe op?iuni de personalizare ?i un aspect mai conving?tor pentru magazinul dvs. Cu toate acestea, ave?i grij? dac? utiliza?i un f?cut singur Tema CSS sau alta dezvoltat la comand? caracteristici de vitrin? — este posibil s? nu fie compatibile cu noua vitrin?. Dac? ave?i nevoie de ajutor, echipa noastr? de asisten?? v? st? la dispozi?ie.

Proiecteaz?-?i vitrina online

Controla?i ?ntregul aspect al catalogului dvs. de produse, de la imaginile produselor p?n? la SKUs ?i butoane.

1. Alege?i cea mai bun? dimensiune a imaginii pentru a v? prezenta produsele

?n mod implicit, imaginile produselor sunt de talie medie, care este potrivit pentru majoritatea magazinelor.

Unele produse au detalii importante pe care a?i putea dori s? le vizualiza?i (de exemplu, dac? vinde?i bijuterii sau tablouri). Selecta?i dimensiunea mare a imaginii pentru a permite clien?ilor s? v? admire produsele ?i fotografiile frumoase.

Dac? vinde?i un tip de produs ?ntr-un sortiment mare (s? zicem, 200 de curele de piele ?n culori diferite), r?m?ne?i la imagini mai mici. Magazinul t?u va afi?a o mul?ime de produse pe ecran, iar clien?ii t?i vor fi impresiona?i de alegere.

Dimensiunea imaginii mici, medii ?i mari pentru imaginile produselor

2. Optimiza?i raportul de aspect al imaginii la dimensiunile produsului dvs

Vinde?i palmieri? Sau poate cu picioare lungi modelele v? prezint? paltoanele de designer? Ambele vor ar?ta grozav ?n imaginile verticale.

Raportul orizontal se potrive?te produselor largi - de exemplu, pantofi, canapele sau batoane nutritive.

Pentru obiectele rotunde (sau, dac? ave?i ?ndoieli), utiliza?i imagini p?trate, acestea arat? ?ntotdeauna grozav.

Imagini de produse verticale, orizontale ?i p?trate

Imagini verticale, orizontale ?i p?trate

Dac? dori?i s? sublinia?i imaginile produselor ?i s? le scoate?i ?n eviden?? din fundalul magazinului, selecta?i ??nchis fundalul imaginii”.

3. Alege?i ce informa?ii despre produs s? afi?a?i ?n vitrin?

Similar cu fotografiile produselor, pute?i alege dintre multe op?iuni de design pentru alte elemente de vitrin?: nume de produse, titluri, pre?uri, SKU-uri, butoane ?Cump?ra?i”. Decide?i cum s? afi?a?i fiecare dintre ele — sub imaginea produsului sau la trecerea mouse-ului.

Design de imagini ale produselor ?n 51视频

Afi?a?i elementele de sub imaginile produselor, la trecerea cursorului sau ascunde?i-le

Dac? alege?i s? plasa?i informa?iile sub imaginile produsului, este posibil s? seta?i aspectul. Alinia?i con?inutul la st?nga, la dreapta, la centru sau justifica?i-l - sunte?i liber s? crea?i aspectul care v? place cel mai mult.

Aspecte diferite ale elementelor (nume produs ?i pre?) Aspecte diferite ale elementelor

Aspecte diferite ale elementelor (numele produsului ?i pre?ul)

De asemenea, este posibil s? ascunde?i elemente. Ascunde-le pe toate pentru ca vitrina ta s? semene cu un lookbook. F?c?nd clic pe oricare dintre imaginile produsului, clien?ii dvs. vor merge la pagina produsului.

Alege?i s? afi?a?i o imagine suplimentar? a produsului dac? dori?i s? afi?a?i mai multe detalii. 51视频 va afi?a prima imagine din galeria foto a produsului la trecerea mouse-ului.

Imagine suplimentar? a produsului pe trecerea mouse-ului

Aceste noi set?ri creeaz? un num?r mare de varia?ii de design pentru aspectul dvs. de vitrin?.

4. Proiecteaz?-?i categoriile de magazine

Ve?i g?si op?iuni pentru a configura aspectul categoriilor dvs. Indiferent dac? ave?i fotografii, pictograme sau logo-uri de marc? pentru fotografiile dvs. de categorie, 51视频 are op?iuni de design pentru a le face s? arate uimitor.

Numele categoriilor sub imagini, pe ele, la trecerea cu mouse-ul ?i ascunse

Optimiza?i paginile de produse pentru conversie

Acum pute?i organiza informa?iile din paginile dvs. de produse ?n moduri diferite, ?n func?ie de ceea ce func?ioneaz? cel mai bine pentru clien?ii dvs. Fiecare op?iune de design este realizat? conform celor mai bune e-commerce practici pentru cre?terea conversiilor.

1. Alege?i aspectul paginii produsului

Exist? patru noi op?iuni pentru organizarea con?inutului pe paginile dvs. de produse.

Atrage?i aten?ia asupra imaginilor produselor dvs. Plasarea unui de ?nalt? calitate imaginea produsului din partea st?ng? a paginii dvs. de produs o va face primul lucru pe care ?l vor observa clien?ii dvs. Utiliza?i 2-coloan? layout cu descrierea produsului ?n dreapta dac? vinde?i produse atractive din punct de vedere vizual ?i ave?i descrieri scurte ale produselor.

2-coloan? layout cu descrierea produsului ?n dreapta

Ad?uga?i descrieri detaliate ale produselor. Pentru produse precum electronice sau produse farmaceutice, descrierile produselor pot fi destul de lungi. Apoi selecta?i cu dou? coloane layout cu descrierea produsului sub imagine. Chiar dac? ad?uga?i un manual lung pentru utilizarea produsului dvs., pagina va ar?ta armonioas?.

2-coloan? layout cu descrierea produsului sub imagine

Accentua?i op?iunile de produs ?i butonul ?Checkout”. Dac? clien?ii dvs. nu trebuie s? citeasc? descrieri lungi sau s? examineze galeria pentru a v? cump?ra produsele, alege?i s? afi?a?i op?iunile de produs cu butonul de finalizare a comenzii din st?nga. Spune, dac? vinzi pe?ti mici de acvariu.

Butonul ?Ad?uga?i ?n geant?” este focalizat

Minimiza?i derularea ?i distragerea aten?iei. A trei coloane aspectul func?ioneaz? dac? dori?i ca pagina de produs s? afi?eze informa?ii maxime f?r? mi?c?ri suplimentare.

Modelul compact 3-coloan? aspect

Pute?i, de asemenea, selecta?i aspectul galeriei dvs. foto. Ajuta?i-v? clien?ii s? simt? produsul dvs. cu o galerie foto conving?toare. Alege?i aspectul pentru miniaturile imaginilor din galeria dvs. (vertical? sau orizontal?) sau afi?a?i imaginile hipnotizante la dimensiune complet?. Cu c?t afi?a?i mai multe vizualiz?ri alternate ?i detaliate, cu at?t mai bine.

Op?iuni de aspect pentru galeria foto

3. Selecta?i informa?iile despre produs pentru a le afi?a ?n bara lateral?

O pagin? de produs ?n conversie ofer? suficiente informa?ii despre produs, p?str?nd ?n acela?i timp simplitatea. ?n 51视频, pute?i ascunde elementele (cum ar fi SKU, op?iuni de produs, butoane de partajare) dac? nu ave?i nevoie de ele, astfel ?nc?t clien?ii dvs. s? nu fie distra?i ?n drum spre co?.

Cea mai bun? parte este c? pute?i trage fiecare element ?i ?l pute?i organiza ?n orice ordine. Testa?i o mul?ime de moduri noi de a v? optimiza paginile de produse pentru conversii.

Set?ri flexibile pentru bara lateral?

Schimba?i-v? navigarea ?i culorile din vitrina

Mai sunt c?teva set?ri pentru vitrin?, care sunt activate ?n mod implicit pentru a-?i ajuta clien?ii s? navigheze ?n magazin. Pute?i dezactiva oricare dintre ele oric?nd dori?i.

Dac? trece?i de la versiunea mai veche a vitrinei, aceste set?ri vor migra la noua vitrin? a?a cum le avea?i ?nainte.

Modul adaptiv al culorii. Dac? instala?i un magazin online 51视频 pe site-ul dvs. web, culorile magazinului se vor potrivi automat cu tema site-ului dvs. Magazinul t?u va ar?ta ca o parte natural? a site-ului t?u.

Meniul de subsol ?i pesmet ajuta?i clien?ii s? v? r?sfoiasc? mai rapid magazinul ?i s? ?mpiedica?i-i s? se piard?.

conectare leg?tur? permite clien?ilor s? se conecteze la profilul lor pentru a-?i vedea comenzile ?i a utiliza lista de dorin?e.

Op?iuni ?Sorta?i dup?”. permite?i clien?ilor s? v? sorteze produsele dup? pre?, nume ?i alte condi?ii.

Alte moduri de a v? schimba designul magazinului 51视频

Noile set?ri de design acoper? cele mai comune cazuri de utilizare. Dac? dori?i s? v? schimba?i magazinul ?n alte moduri:

Dac? ave?i nevoie de o tem? personalizat? pentru magazinul dvs. f?r? codare, ?ncerca?i (disponibil pentru planurile 51视频 pl?tite, se aplic? pre?urile aplica?iei).
Crea?i o tem? CSS personalizat? (un set de reguli care determin? aspectul fiec?rui element din magazin, cum ar fi dimensiunea, forma sau culoarea). Crearea unei teme CSS necesit? anumite cuno?tin?e tehnice. Exist? o care explic? cum s?-?i creezi propria tem? CSS ?i . Pute?i cere oric?nd ajutor echipei de asisten?? clien?i 51视频 sau .
Pentru dezvoltatori: utiliza?i .

Ob?ine?i un site web pentru afacerea dvs

Magazinul t?u 51视频 arat? grozav, dar nu ai un site web pe care s? vinzi?

Instant Site este un generator de site-uri web pe care 51视频 ?l ofer? atunci c?nd v? crea?i contul 51视频. Acest lucru este f?cut pentru a v? permite s? ?ncepe?i rapid s? vinde?i online pe o pagin? web ?ngrijit? ?i s? ob?ine?i profit imediat pentru a v? dezvolta afacerea.

Vorbind despre design, Instant Site este construit cu gata f?cute blocuri (imaginea de copert?, sigla, magazinul online, sec?iunea ?Despre noi”, feedback-ul clien?ilor ?i contacte) pe care le pute?i activa, dezactiva ?i personaliza.

Dac? trebuie s? v? personaliza?i site-ul Instant, pe cine ve?i suna? Ei bine, nimeni! Pute?i edita ?ntregul site f?r? cuno?tin?e speciale, folosind computerul desktop sau chiar prin intermediul aplica?iei de gestionare a magazinului 51视频 Mobile pentru iOS.

folosind noastre pas cu pas ghida.