Isang Komprehensibong Gabay sa Pag-customize ng Iyong Disenyo ng Ecwid Store

Nai-post 7 taon na ang nakakaraan by Qetzal, Pinuno ng Produkto

UDP: Noong Abril 2018, naglabas kami ng mga bagong setting ng disenyo sa Ecwid! Alamin kung gaano kalalim ang maaari mong i-customize ang iyong Ecwid store nang walang anumang coding sa isang mas bagong post sa blog. Kung ginawa ang iyong tindahan bago ang Abril 2018 at gusto mong matuto gamit ang mga lumang setting, patuloy na basahin ang isang ito.

Ang tindahan ng Ecwid ay nilikha sa paraang posible na idagdag ito sa bawat website at simulan ang pagbebenta ng bawat uri ng produkto sa lalong madaling panahon. Awtomatikong umaangkop ang storefront nito sa parehong desktop at mobile device, at mukhang maganda ang store sa anumang screen.

Ang paggawa ng iyong tindahan bilang isang natural na bahagi ng iyong website ay nagbibigay ng impresyon ng isang propesyonal na negosyo. Baka gusto mong baguhin ang disenyo ng tindahan upang umangkop sa istilo ng iyong website at sa mga partikular na pangangailangan ng iyong partikular na negosyo. Maaaring makamit iyon sa pamamagitan ng maraming paraan, mula sa ganap na automated na mga setting hanggang pasadyang ginawa mga tema.

Karamihan sa kanila ay nakalista sa Control Panel → Setting → Disenyo. Sa page na iyon, maaari mong pamahalaan ang iyong mga setting ng disenyo, at sa post na ito, sasabihin namin sa iyo kung paano masulit ang mga ito.

Pinaghiwa-hiwalay namin ang lahat ng posibleng pagbabago sa disenyo ng iyong Ecwid store sa tatlong antas ayon sa mga kinakailangang kakayahan at mapagkukunan, mula sa mabilis at madali hanggang sa mas malalim at mas kumplikado.

Level 1: Mabilis at Madali

Walang kahirap-hirap, mabilis na pagbabago. Walang kailangan kundi ang pag-click sa mga button.

Bago ka magsimulang mag-isip ng mga pagbabago sa disenyo, narito ang magandang balita: Awtomatikong bubuo ang Ecwid sa kapaligiran at mukhang natural na bahagi ng iyong website o isang social page. Hindi mo kailangang gumawa ng anumang coding para doon — lahat ay gagana nang maayos.

Bilang karagdagan, may mga madaling paraan upang iakma ang hitsura at pakiramdam ng iyong tindahan sa iyong misyon nang walang labis na pagsisikap.

1. Magbenta sa Ecwid Instant Site kung wala kang website

Ang Instant Site ay isang libreng website na may online na tindahan na ibinibigay ng Ecwid nang libre kapag gumawa ka ng iyong Ecwid account.

Sa pagsasalita tungkol sa disenyo, ang Instant na Site ay binuo gamit ang handa na mga bloke (ang larawan ng pabalat, logo, online na tindahan, seksyong "Tungkol sa Amin", feedback ng customer, at mga contact) na maaari mong paganahin at i-disable, i-edit, at i-customize sa iyong negosyo. Ang lahat ay maaaring gawin nang halos sa mga sandali gamit ang iyong sariling mga kamay.

Kaya, kung wala kang website na pagbebentahan, ito ay isang napakadaling paraan upang magsimulang magbenta online sa isang maganda web page nang libre.

ito hakbang-hakbang Ipinapaliwanag ng gabay kung paano idisenyo ang iyong Instant na Site: Pag-personalize ng Iyong Instant na Site Mula sa Simula hanggang sa Unang Pagbebenta

2. Madaling pag-customize ng disenyo para sa mga mayroon nang website

Kung mayroon ka nang website, maayos pa ring isasama ng Ecwid ito, anuman ang itinayo nito: WordPress, Wix, Joomla, o anumang iba pang platform. Narito kung ano ang maaari mong gawin upang gawing mas maganda ang iyong tindahan.

Hakbang 1: Gumamit ng tumutugmang tema para sa iyong tagabuo ng site

Upang idisenyo ang iyong website, maaari kang pumili lamang mula sa dose-dosenang mga tema na magagamit para sa pagbili. Ang tindahan ng Ecwid ay katugma sa karamihan sa kanila.

Narito ang isang mabilis na direktoryo ng mga lugar sa web kung saan makakahanap ka ng mga tema para sa iyong tagabuo ng site.

Para sa mga website ng WordPress

Gayundin, huwag palampasin ang koleksyon ng ang pinakamahusay na libreng WordPress tema para sa e-commerce website.

Para sa mga website ng Joomla

Para sa mga website ng Squarespace

Para sa mga website ng Wix, mas madali pa ito: i-browse ang mga tema nang hindi umaalis www.wix.com.

tandaan: Maaaring tumugma ang mga mangangalakal ng Ecwid + Wix sa mga kulay ng kanilang website at tindahan sa mga setting ng application ng Ecwid Wix.

Mga setting ng disenyo ng Ecwid store sa mga website ng Wix

Hakbang 2: Paganahin ang Color Adaptive Mode

Kung magbubukas ka ng bagong tindahan ng Ecwid at idagdag ito sa iyong website, awtomatikong iaangkop ng Ecwid ang mga kulay ng tindahan sa istilo ng iyong website. Ang tampok na ito ay tinatawag na Color Adaptive Mode. Ito ay isang napakadaling paraan upang gawing natural na bahagi ng iyong website ang iyong tindahan.

Kung nagbebenta ka na gamit ang Ecwid, ang Color Adaptive Mode ay hindi paganahin bilang default, ngunit maaari mo itong paganahin sa pahina ng Disenyo:

Paano kung idagdag mo ang iyong Ecwid store sa ilang website? Kapag pinagana ang Color Adaptive Mode, ang mga kulay ng tindahan ay aangkop sa bawat isa sa kanila. Magiging natural ang iyong tindahan sa bawat kapaligiran ng website, puti man, itim, o berde.

Ang tampok na ito ay magagamit para sa karamihan ng mga mangangalakal ng Ecwid. Tandaan: Maaaring tumugma ang mga mangangalakal ng Ecwid + Wix sa mga kulay ng kanilang website at mag-imbak lamang sa mga setting ng application ng Ecwid Wix.

3. Maglaro gamit ang mga setting ng mabilisang hitsura

Tuwing ikaw magbenta online sa Ecwid, posibleng paganahin o huwag paganahin ang mga elemento ng Ecwid storefront sa ilang mga pag-click. Halimbawa, ang mga nagbebenta ng mga produktong gawa sa kamay sa mga solong kopya ay kadalasang mas gustong itago ang field ng dami.

Maaari mo ring itago ang mga hindi kinakailangang elemento o baguhin ang laki ng mga thumbnail — ang seksyong Hitsura ng iyong pahina ng Disenyo ay ganap na hahayaan kang gawin ito.

Level 2: Adventurer

Para sa mga walang teknikal na kaalaman na naghahanap ng mas malalim na pagbabago sa disenyo at may oras para sa kaunting paglalakbay.

Nai-set up mo na ang iyong tindahan at tumingin ka na sa paligid. Ngayon ay nagsisimula kang makaramdam ng pangangailangan para sa isang personal na ugnayan: maaaring ito ay may tatak na mga kulay para sa mga pindutan, teksto, at background, mga natatanging icon, o mga bagong elemento. Gayunpaman, wala kang ideya tungkol sa coding.

Huwag mag-alala: sa antas na ito, nakolekta namin ang mga tool na makakatulong sa iyong makamit ang mga layunin sa itaas nang walang espesyal na kaalaman. Tingnan natin ang mga ito nang mas malapitan.

1. Gumamit ng mga app mula sa Ecwid App Market para sa disenyo ng tindahan

Ang Ecwid App Market nagbibilang ng 100+ app upang matulungan ka sa analytics, promosyon, pagpapadala, at higit pa. Maaari mo ring mahanap apps para sa pag-customize sa storefront at disenyo. Titingnan namin ang isang app para sa pagbabago ng iyong mga kulay ng tema nang walang anumang coding: Designer ng Tindahan.

Designer ng Tindahan

Designer ng Tindahan ay isang app na nagbibigay-daan sa iyong mabilis na mag-set up ng mga kulay para sa mga button, text, at background.

Binibigyang-daan ka ng preview mode na maglaro ng mga kulay hangga't gusto mo bago i-publish ang iyong perpektong disenyo sa storefront.

Interface ng Designer ng Store

Ang app ay nagkakahalaga ng $4.99 at nag-aalok ng libreng linggo ng pagsubok.

Available ang Store Designer sa lahat ng bayad na Ecwid plan, pati na rin ang iba pang app ng App Market.

2. Kopyahin ang i-paste handa na mga tweak mula sa Knowledge Base

Ecwid Knowledge Base may mga sagot sa karamihan ng mga tanong na maaaring mayroon ang may-ari ng tindahan ng Ecwid. Kami ay patuloy na nagdaragdag ng mga bagong artikulo dito na may pinakamadalas na itanong na mga tip at handa na solusyon.

Iba't iba ang mahahanap ng mga adventurer mga tagubilin sa pag-customize sa storefront; halimbawa,

pagpapalit ng mga font sa tindahan or pagdaragdag ng box para sa paghahanap.

Karamihan sa mga tagubiling ito ay bumaba sa copy-paste isang piraso ng code sa iyong CSS na tema.

Maaari mong pamahalaan ang iyong mga tema ng CSS sa Control Panel → Setting → Disenyo.

Ang proseso ay ganito: halimbawa, kung gusto mong baguhin ang icon ng iyong cart, pumunta sa iyong Mga Setting → Disenyo, lumikha ng bagong tema ng CSS, magdagdag isang piraso ng code, i-save ang mga pagbabago, at i-activate ang tema.

Dapat mong idagdag ang lahat ng karagdagang pagbabago sa temang ito — isang tema lang sa isang pagkakataon ang maaaring maging aktibo, kaya kailangan nitong isama ang lahat ng mga pagbabagong gusto mong dalhin sa iyong tindahan.

3. Mag-order ng custom na pag-develop ng tema

Kung hindi ka makahanap ng tema na makakatugon sa iyong mga pangangailangan, ang isa pang pagpipilian ay mag-order ng pagbuo ng isang tema ng CSS na itatayo para lamang sa iyo. Ang isang custom na tema ay nangangahulugan ng higit pa sa isang pagbabago ng mga kulay at hinahayaan kang makakuha ng mas malalim na pag-customize, hal. isang ganap na magkakaibang pagkakasunud-sunod ng mga bloke sa iyong pahina ng produkto.

Handa na Ang mga tema at pagbuo ng tema ay magagamit para sa lahat ng mga mangangalakal ng Ecwid.

Level 3: Beterano

Malakas na pag-customize: kumpletong pagbabago ng hitsura ng iyong tindahan. Hello, code.

Minsan kailangan ng mas malalim na pagbabago sa hitsura ng tindahan: baka gusto mong a drop down menu, ibang layout ng mga elemento ng page ng produkto, o custom na disenyo ng mga button.

para Tech-Savvy mga mangangalakal o mga may developer sa kanilang squad, mayroong pagkakataon na magdala ng mga pagbabago sa ganoong uri at kahit na baguhin ang kanilang Ecwid store na hindi na makilala sa tulong ng mga custom na tema ng CSS o Ecwid API.

1. Lumikha ng a sariling-gawa CSS na tema

Kung gusto mong idisenyo ang iyong tindahan nang mag-isa, isaalang-alang ang paggawa ng sarili mong tema ng CSS.

Ang tema ng CSS ay isang hanay ng mga panuntunan na tumutukoy sa hitsura ng bawat elemento sa tindahan (ang laki, hugis, kulay, at lugar sa isang pahina).

Lumikha ng iyong sariling mga tema ng CSS sa Mga Setting → Disenyo

Mayroon isang gabay 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.

Tandaan na kakailanganin mong magkaroon ng pang-unawa sa HTML at CSS, kaya kung ang dalawang salitang ito ay tila hindi pamilyar, dapat ay handa kang gumugol ng ilang oras sa pagkuha ng mga kinakailangang kasanayan upang lumikha ng isang tema mula sa simula.

Tandaan na kung nahihirapan ka sa disenyo ng iyong tindahan ng Ecwid, maaari mong laging humingi ng tulong sa Ecwid customer care team. O posible pa rin mag-order ng pasadyang pagbuo ng iyong sariling tema ng CSS.

2. Gamitin ang Ecwid Javascript API para i-extend ang mga feature ng Ecwid storefront

Ang bahaging ito ay kadalasang para sa mga developer. Alam mo ba kung ano pa ang maaaring mapabuti ang iyong Ecwid storefront? Pagkuha ng Ecwid Javascript API.

Halimbawa, 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.