Bagong Mga Setting ng Ecwid Design: Dose-dosenang mga Opsyon sa Pag-customize, Walang Coding

Ang disenyo ay nagsasalita ng mga volume para sa isang e-commerce tindahan. Kung madaling ma-navigate ng mga tao ang iyong online storefront, mas malaki ang tsansa mong ma-convert sila. Ang isang pare-pareho, modernong disenyo ay maaaring sabihin sa mga customer na ikaw ay isang mapagkakatiwalaang brand.

Tinutulungan ng Ecwid ang anumang negosyo — kahit maliit at nagsisimula pa — na tumingin at magbenta nang propesyonal sa web. Hindi mo kailangang magbayad ng malaking halaga top-tier mga web designer upang makakuha ng isang mobile-friendly, malinis, at maganda e-commerce mag-imbak.

Nagdagdag kami dose-dosenang mga bagong pag-andar sa disenyo ng storefront sa Ecwid, para maibigay mo ang iyong e-commerce iimbak ang hitsura at pakiramdam na higit na nagpapakita ng iyong brand.

Ang pag-set up ng bawat maliit na detalye sa disenyo ng iyong online na tindahan ay napakadali. Baguhin ang mga istilo ng larawan, mga layout ng page ng produkto, at mga elemento ng storefront nang walang coding. Makikita mo ito para sa iyong sarili sa post na ito.

Ang bagong mga setting ay matatagpuan sa ilalim Mga Setting → Disenyo sa iyong Ecwid Control panel. Para magamit ang mga ito, tiyaking na-enable mo ang lahat ng mga update sa storefront Mga Setting → Ano ang Bago.

Paganahin ang mga update na ito sa Mga Setting → Ano ang Bago upang makita ang bagong pahina ng mga setting ng disenyo

Paano kung gumagamit ako ng mas lumang bersyon ng Ecwid storefront?

Ang paglipat sa bagong storefront ay maaaring ganap na magbago sa hitsura ng iyong tindahan. Gamit ang mga bagong setting ng disenyo, makakakuha ka ng higit pang mga pagpipilian sa pag-customize at mas nakakahimok na hitsura para sa iyong tindahan. Gayunpaman, mag-ingat kung gumagamit ka ng a sariling-gawa CSS theme o iba pa pasadyang binuo storefront feature — maaaring hindi sila tugma sa bagong storefront. Kung kailangan mo ng tulong, nandiyan ang aming team ng suporta para sa iyo.

Paano magbenta online
Mga tip mula sa e-commerce mga eksperto para sa mga may-ari ng maliliit na negosyo at mga naghahangad na negosyante.
Mangyaring magpasok ng wastong email address

Idisenyo ang Iyong Online Storefront

Kinokontrol mo ang buong hitsura ng iyong katalogo ng produkto, mula sa mga larawan ng produkto hanggang Mga SKU at mga pindutan.

1. Piliin ang pinakamahusay na laki ng larawan upang ipakita ang iyong mga produkto

Bilang default, ang mga larawan ng produkto ay katamtaman ang laki, na angkop para sa karamihan ng mga tindahan.

Ang ilang mga produkto ay may mahahalagang detalye na maaaring gusto mong makita (halimbawa, kung nagbebenta ka ng alahas o mga painting). Piliin ang malaking sukat ng larawan upang hayaan ang iyong mga customer na humanga sa iyong magagandang produkto at photography.

Kung nagbebenta ka ng isang uri ng produkto sa isang malaking assortment (sabihin, 200 leather belt na may iba't ibang kulay), manatili sa mas maliliit na larawan. Magpapakita ang iyong tindahan ng maraming produkto sa screen at hahanga ang iyong mga customer sa pagpili.

Maliit, katamtaman, at malaking laki ng larawan para sa mga larawan ng produkto

2. I-optimize ang aspect ratio ng larawan sa iyong mga sukat ng produkto

Nagbebenta ka ba ng mga palad? O baka naman mahabang paa ipinapakita ng mga modelo ang iyong mga designer coat? Parehong magiging maganda ang hitsura sa mga vertical na larawan.

Ang pahalang na ratio ay nababagay sa malawak na mga produkto — sabihin, sapatos, sofa, o nutrition bar.

Para sa mga bilog na bagay (o, kapag may pagdududa), gumamit ng mga parisukat na larawan, palaging maganda ang hitsura ng mga ito.

Mga larawang patayo, pahalang, at parisukat

Kung gusto mong bigyang-diin ang mga larawan ng produkto at gawing kakaiba ang mga ito mula sa background ng tindahan, piliin ang "Darken image background".

3. Piliin kung anong impormasyon ng produkto ang ipapakita sa storefront

Katulad ng mga larawan ng produkto, maaari kang pumili mula sa maraming opsyon sa disenyo para sa iba pang elemento ng storefront: mga pangalan ng produkto, pamagat, presyo, SKU, button na "Buy". Magpasya kung paano ipapakita ang bawat isa sa kanila — sa ilalim ng larawan ng produkto o sa mouse hover.

Ipakita ang mga elemento sa ilalim ng mga larawan ng produkto, sa hover, o itago ang mga ito

Kung pipiliin mong ilagay ang impormasyon sa ilalim ng mga larawan ng produkto, posibleng itakda ang layout. I-align ang iyong content sa kaliwa, kanan, gitna, o bigyang-katwiran ito - malaya kang lumikha ng hitsura na pinakagusto mo.

Iba't ibang mga layout ng mga elemento (pangalan ng produkto at presyo)

Posible ring itago ang mga elemento. Itago ang lahat ng ito para maging katulad ng lookbook ang iyong storefront. Sa pamamagitan ng pag-click sa alinman sa mga larawan ng produkto, mapupunta ang iyong mga customer sa page ng produkto.

Piliin upang magpakita ng karagdagang larawan ng produkto kung gusto mong magpakita ng higit pang mga detalye. Ipapakita ng Ecwid ang unang larawan mula sa gallery ng larawan ng produkto sa mouse hover.

Karagdagang larawan ng produkto sa mouse hover

Ang mga bagong setting na ito ay gumagawa ng napakaraming pagkakaiba-iba ng disenyo para sa hitsura ng iyong storefront.

4. Idisenyo ang iyong mga kategorya ng tindahan

Makakakita ka ng mga opsyon para i-set up ang hitsura ng iyong mga kategorya. Kung mayroon kang mga larawan, mga icon, o mga logo ng brand para sa iyong mga larawan sa kategorya, ang Ecwid ay may mga pagpipilian sa disenyo upang gawin itong napakaganda.

Mga pangalan ng kategorya sa ilalim ng mga larawan, sa kanila, sa hover, at nakatago

I-optimize ang Mga Pahina ng Produkto para sa Conversion

Maaari mo na ngayong ayusin ang impormasyon ng iyong mga page ng produkto sa iba't ibang paraan, depende sa kung ano ang pinakamahusay na gumagana para sa iyong mga customer. Ang bawat pagpipilian sa disenyo ay ginawa ayon sa pinakamahusay e-commerce mga kasanayan para sa pagtaas ng mga conversion.

1. Piliin ang layout ng pahina ng produkto

May apat na bagong opsyon para sa pag-aayos ng nilalaman sa iyong mga pahina ng produkto.

Maakit ang pansin sa iyong mga larawan ng produkto. Paglalagay ng a mataas na kalidad Ang larawan ng produkto sa kaliwang bahagi ng iyong pahina ng produkto ay gagawin itong ang unang bagay na mapapansin ng iyong mga customer. Gamitin ang 2-hanay layout na may paglalarawan ng produkto sa kanan kung nagbebenta ka ng mga produktong nakakaakit sa paningin at may maiikling paglalarawan ng produkto.

Ang 2-hanay layout na may paglalarawan ng produkto sa kanan

Magdagdag ng mga detalyadong paglalarawan ng produkto. Para sa mga produkto tulad ng electronics o pharmaceutical goods, maaaring medyo mahaba ang mga paglalarawan ng produkto. Pagkatapos ay piliin ang dalawang hanay layout na may paglalarawan ng produkto sa ibaba ng larawan. Kahit na magdagdag ka ng mahabang manwal para sa paggamit ng iyong produkto, ang pahina ay magmumukhang magkatugma.

Ang 2-hanay layout na may paglalarawan ng produkto sa ibaba ng larawan

Bigyang-diin ang mga opsyon sa produkto at ang button na "Checkout". Kung hindi kailangang basahin ng iyong mga customer ang mahahabang paglalarawan o suriing mabuti ang gallery para bilhin ang iyong mga produkto, piliing ipakita ang mga opsyon sa produkto gamit ang checkout button sa kaliwa. Sabihin, kung nagbebenta ka ng maliliit na isda sa aquarium.

Naka-focus ang button na "Idagdag sa bag."

Bawasan ang pag-scroll at pagkagambala.tatlong hanay Gumagana ang layout kung gusto mong magpakita ang iyong page ng produkto ng maximum na impormasyon nang walang dagdag na galaw.

Ang compact 3-hanay kaayusan

Maaari mo ring piliin ang layout ng iyong photo gallery. Tulungan ang iyong mga customer na makuha ang pakiramdam ng iyong produkto gamit ang isang nakakahimok na photo gallery. Piliin ang layout para sa mga thumbnail ng mga larawan sa iyong gallery (vertical o horizontal) o ipakita ang iyong nakaka-hypnotize na mga larawan sa buong laki. Ang mas marami at mas detalyadong view na ipinapakita mo, mas mabuti.

Mga pagpipilian sa layout ng photo gallery

3. Piliin ang impormasyon ng produkto na ipapakita sa sidebar

Ang nagko-convert na page ng produkto ay nagbibigay ng sapat na impormasyon ng produkto habang pinapanatili itong simple. Sa Ecwid, maaari mong itago ang mga elemento (tulad ng SKU, mga opsyon sa produkto, mga pindutan ng pagbabahagi) kung hindi mo kailangan ang mga ito, upang hindi magambala ang iyong mga customer sa kanilang pagpunta sa cart.

Ang pinakamagandang bahagi ay maaari mong i-drag ang bawat elemento at ayusin ang mga ito sa anumang pagkakasunud-sunod. Subukan ang maraming bagong paraan upang i-optimize ang iyong mga page ng produkto para sa mga conversion.

Mga flexible na setting ng sidebar

Baguhin ang Iyong Storefront Navigation at Mga Kulay

May ilan pang mga setting ng storefront, na naka-enable bilang default upang matulungan ang iyong mga customer na mag-navigate sa iyong tindahan. Maaari mong i-off ang alinman sa mga ito kahit kailan mo gusto.

Kung lilipat ka mula sa mas lumang bersyon ng storefront, lilipat ang mga setting na ito sa bagong storefront tulad ng dati.

Color Adaptive Mode. Kung nag-install ka ng Ecwid online na tindahan sa iyong website, awtomatikong tutugma ang mga kulay ng tindahan sa tema ng iyong website. Magiging natural na bahagi ng iyong website ang iyong tindahan.

Ang menu ng footer at mga breadcrumb tulungan ang mga customer na mag-browse nang mas mabilis sa iyong tindahan at maiwasan silang mawala.

Ang pag-sign in link nagbibigay-daan sa mga customer na mag-sign in sa kanilang profile upang tingnan ang kanilang mga order at gamitin ang wishlist.

"Pagbukud-bukurin ayon" na mga opsyon payagan ang iyong mga customer na ayusin ang iyong mga produkto ayon sa presyo, pangalan, at iba pang kundisyon.

Iba Pang Mga Paraan para Baguhin ang Iyong Disenyo ng Ecwid Store

Sinasaklaw ng mga bagong setting ng disenyo ang mga pinakakaraniwang kaso ng paggamit. Kung gusto mong baguhin ang iyong tindahan sa ibang mga paraan:

  1. Kung kailangan mo ng custom na tema para sa iyong tindahan nang walang coding, subukan magdisenyo ng mga app mula sa Ecwid App Market (magagamit sa mga bayad na Ecwid plan, nalalapat ang mga presyo ng app).
  2. Gumawa ng custom na tema ng CSS (isang hanay ng mga panuntunan na tumutukoy sa hitsura ng bawat elemento sa store, tulad ng laki, hugis, o kulay). Ang paglikha ng tema ng CSS ay nangangailangan ng ilang partikular na kaalaman sa teknolohiya. May isang gabay sa mga tema ng CSS sa Ecwid Knowledge Base na nagpapaliwanag kung paano lumikha ng iyong sariling CSS tema at mga tagubilin para sa pagbabago ng mga partikular na elemento. Maaari mong palaging humingi ng tulong sa Ecwid customer care team, o mag-order ng pasadyang pagbuo ng iyong sariling tema ng CSS.
  3. Para sa mga developer: Gamitin ang Ecwid Javascript API upang palawigin ang mga feature ng Ecwid storefront. Maaari kang bumuo ng bagong CSS na tema o app, at ibenta ito sa Ecwid App Market. Binibigyang-daan ka ng Ecwid Javascript API na ganap na baguhin ang hitsura ng storefront, na nagdadala ng mga pagbabago nang kasinglalim ng kailangan mo. Kung handa ka nang magsimula, mangyaring magparehistro sa aming pahina para sa mga developer.

Kumuha ng Libreng Website para sa Iyong Online Store

Ang iyong tindahan ng Ecwid ay mukhang mahusay, ngunit wala kang isang website upang ibenta?

Ang Instant Site ay isang libreng tagabuo ng website na ibinibigay ng Ecwid kapag ginawa mo ang iyong Ecwid account. Ginagawa ito upang hayaan kang mabilis na magsimulang magbenta online sa isang maayos na web page at kumita kaagad upang mapalago ang iyong negosyo.

Sa pagsasalita tungkol sa disenyo, ang Instant Site ay binuo gamit ang handa na mga bloke (ang larawan sa pabalat, logo, online na tindahan, seksyong "Tungkol sa Amin", feedback ng customer, at mga contact) na maaari mong paganahin, huwag paganahin, at i-customize.

Kung kailangan mong i-customize ang iyong Instant na Site, sino ang tatawagan mo? Well, walang tao! Maaari mong i-edit ang buong website nang walang espesyal na kaalaman, gamit ang iyong desktop computer o kahit sa pamamagitan ng Ecwid Mobile store management app para sa iOS.

Buuin ang iyong libreng Instant na Site ngayon gamit ang aming hakbang-hakbang gabayan.


 

Simulan ang pagbebenta sa iyong website

Mag-sign Up nang Libre