Nov茅 nastavenia dizajnu 黑料门: Mo啪nosti prisp么sobenia, Bez k贸dovania

Nov茅 nastavenia dizajnu 黑料门: desiatky mo啪nost铆 prisp么sobenia, 啪iadne k贸dovanie

12 min 膷铆tan茅

Dizajn hovor铆 za v拧etko e-commerce obchod. Ak sa 木udia m么啪u 木ahko orientova钮 vo va拧om online obchode, m谩te ove木a v盲膷拧iu 拧ancu konvertova钮 ich. Konzistentn媒 modern媒 dizajn m么啪e z谩kazn铆kom poveda钮, 啪e ste d么veryhodn谩 zna膷ka.

黑料门 pom谩ha akejko木vek firme 鈥� dokonca aj malej a za膷铆naj煤cej 鈥� vyzera钮 a pred谩va钮 profesion谩lne na webe. Nemus铆te za to plati钮 stra拧ne ve木a najvy拧拧iu 煤rove艌 web dizajn茅ri z铆ska钮 a vhodn茅 pre mobiln茅 zariadenia, 膷ist茅, a kr谩sne e-commerce obchod.

Pridali sme desiatky nov媒ch funkci铆 dizajnu v媒kladu 黑料门ovi, aby si mohol da钮 svoje e-commerce uchov谩vajte vzh木ad a dojem, ktor媒 najviac odr谩啪a va拧u zna膷ku.

Nastavenie ka啪d茅ho mal茅ho detailu v dizajne v谩拧ho internetov茅ho obchodu je smrte木ne jednoduch茅. Zme艌te 拧t媒ly obr谩zkov, rozlo啪enie str谩nky produktu a prvky v媒kladu bez k贸dovania. V tomto pr铆spevku to uvid铆te sami.

Nov茅 nastavenia s煤 vnoren茅 pod vo va拧om ovl谩dacom paneli 黑料门. Ak ich chcete pou啪i钮, uistite sa, 啪e ste povolili v拧etky aktualiz谩cie v媒kladu .

Ak chcete zobrazi钮 str谩nku nastaven铆 nov茅ho dizajnu, povo木te tieto aktualiz谩cie v 膷asti Nastavenia 鈫� 膶o je nov茅

膶o ak pou啪铆vam star拧iu verziu v媒kladu 黑料门?

Prechod na nov媒 v媒klad m么啪e 煤plne zmeni钮 vzh木ad v谩拧ho obchodu. S nov媒mi nastaveniami dizajnu z铆skate viac mo啪nost铆 prisp么sobenia a p么sobivej拧铆 vzh木ad v谩拧ho obchodu. Bu膹te v拧ak opatrn铆, ak pou啪铆vate a self-made T茅ma CSS alebo in茅 vyvinut媒 na mieru funkcie v媒kladu 鈥� nemusia by钮 kompatibiln茅 s nov媒m v媒kladom. Ak potrebujete pomoc, n谩拧 t铆m podpory je tu pre v谩s.

Navrhnite si svoj online obchod

M么啪ete ovl谩da钮 cel媒 vzh木ad svojho katal贸gu produktov, od obr谩zkov produktov a啪 po SKU a tla膷idl谩.

1. Vyberte si najlep拧iu ve木kos钮 obr谩zka na prezent谩ciu svojich produktov

V predvolenom nastaven铆 s煤 obr谩zky produktov stredne ve木k茅, ktor媒 je vhodn媒 pre v盲膷拧inu obchodov.

Niektor茅 produkty maj煤 d么le啪it茅 detaily, ktor茅 si mo啪no budete chcie钮 predstavi钮 (napr铆klad ak pred谩vate 拧perky alebo obrazy). Vyberte ve木k煤 ve木kos钮 obr谩zka, aby va拧i z谩kazn铆ci mohli obdivova钮 va拧e kr谩sne produkty a fotografie.

Ak pred谩vate jeden typ produktu vo ve木kom sortimente (povedzme 200 ko啪en媒ch opaskov v r么znych farb谩ch), dr啪te sa men拧铆ch obr谩zkov. V谩拧 obchod zobraz铆 na obrazovke mno啪stvo produktov a va拧i z谩kazn铆ci bud煤 t媒mto v媒berom ohromen铆.

Mal谩, stredn谩 a ve木k谩 ve木kos钮 obr谩zkov pre obr谩zky produktov

2. Optimalizujte pomer str谩n obr谩zka k rozmerom v谩拧ho produktu

Pred谩vate palmy? Alebo mo啪no 诲濒丑辞苍辞丑媒 modely predv谩dzaj煤 va拧e zna膷kov茅 kab谩ty? Obe bud煤 vyzera钮 skvele na vertik谩lnych obr谩zkoch.

Horizont谩lny pomer vyhovuje 拧irok媒m v媒robkom 鈥� povedzme top谩nkam, pohovk谩m alebo v媒啪ivov媒m ty膷ink谩m.

Pre okr煤hle predmety (alebo, ak m谩te pochybnosti), pou啪ite 拧tvorcov茅 obr谩zky, v啪dy vyzeraj煤 skvele.

Vertik谩lne, horizont谩lne a 拧tvorcov茅 obr谩zky

Ak chcete zv媒razni钮 obr谩zky produktov a necha钮 ich vynikn煤钮 na pozad铆 obchodu, vyberte 鈥濪arken image background鈥�.

3. Vyberte, ak茅 inform谩cie o produkte sa maj煤 zobrazova钮 vo v媒klade

Podobne ako pri produktov媒ch fotografi谩ch si m么啪ete vybra钮 z mnoh媒ch dizajnov媒ch mo啪nost铆 pre 膹al拧ie prvky v媒kladu: n谩zvy produktov, n谩zvy, ceny, SKU, tla膷idl谩鈥濳煤pi钮鈥�. Rozhodnite sa, ako ka啪d媒 z nich zobrazi钮鈥� pod obr谩zkom produktu alebo pri umiestnen铆 kurzora my拧i.

Zobrazte prvky pod obr谩zkami produktov, pri umiestnen铆 kurzora my拧i alebo ich skryte

Ak sa rozhodnete umiestni钮 inform谩cie pod obr谩zky produktov, je mo啪n茅 nastavi钮 rozlo啪enie. Zarovnajte obsah do木ava, doprava, na stred alebo zarovnajte - m么啪ete si vytvori钮 vzh木ad, ktor媒 sa v谩m najviac p谩膷i.

R么zne rozlo啪enia prvkov (n谩zov produktu a cenaR么zne rozlo啪enia prvkov

R么zne rozlo啪enie prvkov (n谩zov produktu a cena)

Je tie啪 mo啪n茅 skry钮 prvky. Skryte ich v拧etky, aby v谩拧 v媒klad pripom铆nal lookbook. Kliknut铆m na ktor媒ko木vek z obr谩zkov produktu sa va拧i z谩kazn铆ci dostan煤 na str谩nku produktu.

Ak chcete zobrazi钮膹al拧ie podrobnosti, vyberte zobrazenie 膹al拧ieho obr谩zka produktu. 黑料门 po prejden铆 my拧ou zobraz铆 prv媒 obr谩zok z gal茅rie produktov.

膸al拧铆 obr谩zok produktu po umiestnen铆 kurzora my拧i

Tieto nov茅 nastavenia umo啪艌uj煤 ve木k茅 mno啪stvo vari谩ci铆 dizajnu pre vzh木ad v谩拧ho v媒kladu.

4. Navrhnite si kateg贸rie obchodov

N谩jdete tu mo啪nosti nastavenia vzh木adu kateg贸ri铆. 膶i u啪 m谩te fotografie, ikony alebo log谩 zna膷iek pre obr谩zky svojej kateg贸rie, 黑料门 m谩 mo啪nosti dizajnu, aby vyzerali 煤啪asne.

N谩zvy kateg贸ri铆 pod obr谩zkami, na nich, pri umiestnen铆 kurzora my拧i a skryt茅

Optimalizujte str谩nky produktov na konverziu

Teraz m么啪ete organizova钮 inform谩cie na svojich produktov媒ch str谩nkach r么znymi sp么sobmi v z谩vislosti od toho, 膷o najlep拧ie funguje pre va拧ich z谩kazn铆kov. Ka啪d谩 mo啪nos钮 dizajnu je vyroben谩 pod木a toho najlep拧ieho e-commerce postupy na zv媒拧enie konverzi铆.

1. Zvo木te rozlo啪enie str谩nky produktu

Existuj煤拧tyri nov茅 mo啪nosti usporiadania obsahu na va拧ich produktov媒ch str谩nkach.

Up煤tajte pozornos钮 na obr谩zky va拧ich produktov. Umiestnenie a vysoko kvalitn茅 obr谩zok produktu na 木avej strane va拧ej produktovej str谩nky bude prvou vecou, 鈥嬧€媖tor煤 si va拧i z谩kazn铆ci v拧imn煤. Pou啪ite 2-蝉迟暮辫肠辞惫媒 rozlo啪enie s popisom produktu vpravo, ak pred谩vate vizu谩lne pr铆钮a啪liv茅 produkty a m谩te kr谩tke popisy produktov.

2-蝉迟暮辫肠辞惫媒 rozlo啪enie s popisom produktu vpravo

Pridajte podrobn茅 popisy produktov. V pr铆pade produktov, ako je elektronika alebo farmaceutick媒 tovar, m么啪u by钮 popisy produktov dos钮 dlh茅. Potom vyberte 诲惫辞箩蝉迟暮辫肠辞惫媒 rozlo啪enie s popisom produktu pod obr谩zkom. Aj ke膹 prid谩te dlh媒 n谩vod na pou啪铆vanie v谩拧ho produktu, str谩nka bude vyzera钮 harmonicky.

2-蝉迟暮辫肠辞惫媒 rozlo啪enie s popisom produktu pod obr谩zkom

Zd么raznite mo啪nosti produktu a tla膷idlo 鈥濸oklad艌a鈥�. Ak va拧i z谩kazn铆ci nemusia 膷铆ta钮 dlh茅 popisy alebo sk煤ma钮 gal茅riu, aby si k煤pili va拧e produkty, vyberte si zobrazenie mo啪nost铆 produktu pomocou tla膷idla pokladne v木avo. Povedzme, ak pred谩vate mal茅 akv谩riov茅 ryby.

Zaostren茅 tla膷idlo 鈥濸rida钮 do ta拧ky鈥�.

Minimalizujte rolovanie a rozpt媒lenie. A 迟谤辞箩蝉迟暮辫肠辞惫媒 rozlo啪enie funguje, ak chcete, aby va拧a produktov谩 str谩nka zobrazovala maxim谩lne inform谩cie bez 膹al拧铆ch pohybov.

办辞尘辫补办迟苍茅 3-蝉迟暮辫肠辞惫媒苍谩办谤别蝉

M么啪ete tie啪 vyberte rozlo啪enie va拧ej fotogal茅rie. Pom么啪te svojim z谩kazn铆kom z铆ska钮 pocit z v谩拧ho produktu pomocou p煤tavej fotogal茅rie. Vyberte si rozlo啪enie miniat煤r obr谩zkov vo svojej gal茅rii (vertik谩lne alebo horizont谩lne) alebo zobrazte svoje hypnotizuj煤ce obr谩zky v plnej ve木kosti. 膶铆m viac striedav媒ch a podrobnej拧铆ch zobrazen铆 zobraz铆te, t媒m lep拧ie.

Mo啪nosti rozlo啪enia fotogal茅rie

3. Vyberte inform谩cie o produkte, ktor茅 sa maj煤 zobrazi钮 na bo膷nom paneli

Konvertuj煤ca str谩nka produktu poskytuje dostatok inform谩ci铆 o produkte a z谩rove艌 je jednoduch谩. V 黑料门 m么啪ete skry钮 prvky (ako SKU, mo啪nosti produktu, tla膷idl谩 zdie木ania), ak ich nepotrebujete, aby va拧i z谩kazn铆ci neboli rozpty木ovan铆 na ceste do ko拧铆ka.

Najlep拧ie na tom je, 啪e ka啪d媒 prvok m么啪ete pretiahnu钮 a usporiada钮 v 木ubovo木nom porad铆. Otestujte mno啪stvo nov媒ch sp么sobov, ako optimalizova钮 svoje produktov茅 str谩nky na konverzie.

Flexibiln茅 nastavenia bo膷n茅ho panela

Zme艌te svoju navig谩ciu a farby

Existuje nieko木ko 膹al拧铆ch nastaven铆 v媒kladu, ktor茅 s煤 predvolene povolen茅, aby pomohli va拧im z谩kazn铆kom orientova钮 sa vo va拧om obchode. Ktor媒ko木vek z nich m么啪ete kedyko木vek vypn煤钮.

Ak prejdete zo star拧ej verzie v媒kladu, tieto nastavenia sa migruj煤 do nov茅ho v媒kladu tak, ako ste ich mali predt媒m.

Farebn媒 adapt铆vny re啪im. Ak si na svoj web nain拧talujete internetov媒 obchod 黑料门, farby obchodu bud煤 automaticky zodpoveda钮 t茅me v谩拧ho webu. V谩拧 obchod bude vyzera钮 ako prirodzen谩 s煤膷as钮 v谩拧ho webu.

Ponuka p盲ty a str煤hanka pom么啪te z谩kazn铆kom r媒chlej拧ie prehliada钮 v谩拧 obchod a zabr谩艌te ich strate.

苍别辫谤颈丑濒谩蝉别苍媒 odkaz umo啪艌uje z谩kazn铆kom prihl谩si钮 sa do svojho profilu, aby si mohli prezera钮 svoje objedn谩vky a pou啪铆va钮 zoznam 啪elan铆.

Mo啪nosti 鈥瀂oradi钮 pod木a鈥�. umo啪ni钮 va拧im z谩kazn铆kom triedi钮 va拧e produkty pod木a ceny, n谩zvu a 膹al拧铆ch podmienok.

膸al拧ie sp么soby, ako zmeni钮 dizajn v谩拧ho obchodu 黑料门

Nov茅 nastavenia dizajnu pokr媒vaj煤 naj膷astej拧ie pr铆pady pou啪itia. Ak by ste chceli zmeni钮 svoj obchod in媒m sp么sobom:

Ak potrebujete vlastn媒 mot铆v pre svoj obchod bez k贸dovania, sk煤ste to (k dispoz铆cii na platen媒ch pl谩noch 黑料门, platia ceny aplik谩ci铆).
Vytvorte si vlastn煤 t茅mu CSS (s煤bor pravidiel, ktor茅 ur膷uj煤 vzh木ad ka啪d茅ho prvku v obchode, napr铆klad ve木kos钮, tvar alebo farbu). Vytvorenie t茅my CSS si vy啪aduje ur膷it茅 technick茅 znalosti. Existuje a ktor媒 vysvet木uje, ako vytvori钮 vlastn煤 t茅mu CSS a . V啪dy m么啪ete po啪iada钮 o pomoc t铆m starostlivosti o z谩kazn铆kov spolo膷nosti 黑料门, pr铆p .
Pre v媒voj谩rov: Pou啪ite .

Z铆skajte bezplatn煤 webov煤 str谩nku pre svoj online obchod

V谩拧 obchod 黑料门 vyzer谩 skvele, ale nem谩te webov煤 str谩nku, na ktorej by ste mohli pred谩va钮?

Instant Site je bezplatn媒 n谩stroj na tvorbu webov媒ch str谩nok, ktor媒黑料门 poskytuje pri vytv谩ran铆煤膷tu 黑料门. Rob铆 sa to preto, aby ste mohli r媒chlo za膷a钮 pred谩va钮 online na preh木adnej webovej str谩nke a okam啪ite zarobi钮 na raste svojho podnikania.

Ke膹 u啪 hovor铆me o dizajne, Instant Site je vytvoren媒 pomocou 办辞苍蹿别办膷苍茅 bloky (obr谩zok na obale, logo, internetov媒 obchod, 膷as钮鈥濷 n谩s鈥�, sp盲tn谩 v盲zba od z谩kazn铆kov a kontakty), ktor茅 m么啪ete povoli钮, zak谩za钮 a prisp么sobi钮.

Ak potrebujete prisp么sobi钮 svoju okam啪it煤 str谩nku, komu zavol谩te? No nikto! Cel煤 webov煤 str谩nku m么啪ete upravova钮 bez 拧peci谩lnych znalost铆 pomocou stoln茅ho po膷铆ta膷a alebo dokonca cez aplik谩ciu 黑料门 Mobile pre spr谩vu obchodu pre iOS.

pomocou n谩拧ho krok za krokom sprievodca.