Opsežan vodič za prilagođavanje dizajna vaše Ecwid trgovine

Posted Prije 8 godina by Qetsal, Voditelj proizvoda

UDP: U travnju 2018. izdali smo nove postavke dizajna u Ecwidu! Saznajte koliko duboko možete prilagoditi svoju Ecwid trgovinu bez ikakvog kodiranja u novijoj objavi na blogu. Ako je vaša trgovina stvorena prije travnja 2018. i želite naučiti koristiti stare postavke, nastavite čitati ovu.

Ecwid trgovina je napravljena na način da ju je moguće dodati na svaku web stranicu i u trenu započeti prodaju svake vrste proizvoda. Njegov se izlog automatski prilagođava stolnim i mobilnim uređajima, a trgovina izgleda sjajno na bilo kojem zaslonu.

Učiniti svoju trgovinu prirodnim dijelom svoje web stranice daje dojam profesionalnog poslovanja. Možda biste željeli promijeniti dizajn trgovine kako bi odgovarao stilu vaše web stranice i specifičnim potrebama vaše tvrtke. To se može postići na više načina, od potpuno automatiziranih postavki do izrađen po narudžbi teme.

Većina ih je navedena u Kontrolna ploča → Postavke → dizajn. Na toj stranici možete upravljati svojim postavkama dizajna, a u ovom postu ćemo vam reći kako ih najbolje iskoristiti.

Podijelili smo sve moguće izmjene dizajna vaše Ecwid trgovine na tri razine prema potrebnim vještinama i resursima, od brzih i jednostavnih do dubljih i složenijih.

Razina 1: Brzo i jednostavno

Brze izmjene bez napora. Nije potrebno ništa osim klikanja gumba.

Prije nego počnete razmišljati o promjenama dizajna, evo dobrih vijesti: Ecwid se automatski ugrađuje u okruženje i izgleda kao prirodni dio vaše web stranice ili društvene stranice. Za to ne morate raditi nikakvo kodiranje — sve će dobro funkcionirati.

Osim toga, postoje jednostavni načini da prilagodite izgled i dojam svoje trgovine svojoj misiji bez dodatnog napora.

1. Prodajte na Ecwid Instant stranici ako nemate web stranicu

Instant Site je besplatna web stranica s internetskom trgovinom koju Ecwid besplatno nudi kada kreirate svoj Ecwid račun.

Govoreći o dizajnu, Instant stranica je izgrađena s gotov blokovi (naslovnu sliku, logotip, internetska trgovina, odjeljak "O nama", povratne informacije kupaca i kontakti) koje možete omogućiti i onemogućiti, urediti i prilagoditi svom poslovanju. Sve to možete učiniti praktički u trenu vlastitim rukama.

Dakle, ako nemate web mjesto za prodaju, ovo je vrlo jednostavan način da počnete prodavati online na zgodan web stranicu besplatno.

Ovaj korak po korak vodič objašnjava kako dizajnirati svoju Instant stranicu: Personalizirajte svoju instant stranicu od nule do prve prodaje

2. Jednostavna prilagodba dizajna za one koji već imaju web stranicu

Ako već imate web stranicu, Ecwid će se i dalje glatko integrirati s njom, bez obzira na kojoj je izgrađena: WordPress, Wix, Joomla ili bilo koja druga platforma. Evo što možete učiniti kako bi vaša trgovina izgledala još bolje.

1. korak: upotrijebite odgovarajuću temu za alat za izradu web-lokacija

Da biste dizajnirali svoju web stranicu, možete jednostavno odabrati između desetaka tema dostupnih za kupnju. Ecwid trgovina je kompatibilna s većinom njih.

Evo kratkog popisa mjesta na webu gdje možete pronaći teme za alat za izradu web-mjesta.

Za WordPress web stranice

Također, ne propustite kolekciju najbolje besplatne WordPress teme za e-commerce web stranice.

Za Joomla web stranice

Za web stranice Squarespace

Za Wix web stranice, još je lakše: pregledavajte teme bez napuštanja wix.com.

Bilješka: Ecwid + Wix trgovci mogu uskladiti boje svoje web stranice i trgovine u postavkama aplikacije Ecwid Wix.

Postavke dizajna Ecwid trgovine na Wix web stranicama

Korak 2: Omogućite način rada prilagodljivog bojama

Ako otvorite novu Ecwid trgovinu i dodate je na svoju web stranicu, Ecwid će automatski ČAROBNO prilagoditi boje trgovine stilu vaše web stranice. Ova se značajka naziva Color Adaptive Mode. To je vrlo jednostavan način da svoju trgovinu učinite prirodnim dijelom svoje web stranice.

Ako već prodajete s Ecwidom, Color Adaptive Mode neće biti omogućen prema zadanim postavkama, ali ga možete omogućiti na stranici Dizajn:

Što ako svoju Ecwid trgovinu dodate na nekoliko web stranica? S uključenim Color Adaptive Modeom, boje trgovine prilagodit će se svakoj od njih. Vaša će trgovina izgledati prirodno u svakom okruženju web stranice, bez obzira je li bijela, crna ili zelena.

Ova je značajka dostupna većini Ecwid trgovaca. Napomena: Ecwid + Wix trgovci mogu uskladiti boje svoje web stranice i pohraniti samo u postavkama aplikacije Ecwid Wix.

3. Igrajte se s brzim postavkama izgleda

Kad god ti prodavati na mreži s Ecwidom je moguće omogućiti ili onemogućiti elemente izloga Ecwida u nekoliko klikova. Na primjer, oni koji prodaju ručno rađene proizvode u pojedinačnim primjercima često radije skrivaju polje količine.

Možda biste također željeli sakriti nepotrebne elemente ili promijeniti veličinu minijatura — odjeljak Izgled na stranici Dizajn će vam to u potpunosti omogućiti.

Razina 2: Avanturist

Za one bez tehničkog znanja koji traže dublje promjene dizajna i imaju vremena za malo putovanje.

Postavili ste svoju trgovinu i već ste razgledali. Sada počinjete osjećati potrebu za osobnim dodirom: to mogu biti brendirane boje za gumbe, tekstove i pozadinu, jedinstvene ikone ili potpuno novi elementi. Međutim, ti nemaš pojma o kodiranju.

Bez brige: na ovoj smo razini prikupili alate koji će vam pomoći da postignete gore navedene ciljeve bez posebnog znanja. Pogledajmo ih pobliže.

1. Koristite aplikacije s Ecwid App Marketa za dizajn trgovine

Korištenje električnih romobila ističe Tržište aplikacija Ecwid broji 100+ aplikacija koje vam pomažu s analitikom, promocijom, otpremom i više. Također možete pronaći aplikacije za prilagodbu izloga i dizajn. Pogledat ćemo jednu aplikaciju za promjenu boja teme bez ikakvog kodiranja: Dizajner trgovine.

Dizajner trgovine

Dizajner trgovine je aplikacija koja vam omogućuje brzo postavljanje boja za gumbe, tekst i pozadinu.

Način pregleda omogućuje vam da se igrate s bojama koliko god želite prije objavljivanja vašeg savršenog dizajna u izlogu.

Sučelje Store Designer

Aplikacija košta 4.99 USD i nudi besplatni probni tjedan.

Store Designer je dostupan na svim plaćenim Ecwid planovima, kao i ostale aplikacije App Marketa.

2. Kopiraj zalijepi gotova podešavanja iz baze znanja

Ecwid baza znanja ima odgovore na većinu pitanja koja bi vlasnik Ecwid trgovine mogao imati. Ovdje stalno dodajemo nove članke s najčešće postavljanim savjetima i gotov rješenja.

Avanturisti mogu pronaći razne upute o prilagodbi izloga; na primjer,

mijenjanje fontova u trgovini or dodavanje okvira za pretraživanje.

Većina ovih uputa svodi se na copy-paste dio koda u vašu CSS temu.

Svojim CSS temama možete upravljati u Kontrolna ploča → Postavke → dizajn.

Proces ide ovako: na primjer, ako želite promijeniti ikonu košarice, idite na svoju Postavke → Dizajn, izradite novu CSS temu, dodajte dio koda, spremite promjene i aktivirajte temu.

Trebali biste dodati sve daljnje promjene ovoj temi — samo jedna po jedna tema može biti aktivna, tako da mora uključivati sve izmjene koje želite unijeti u svoju trgovinu.

3. Naručite razvoj teme po narudžbi

Ako ne možete pronaći temu koja bi zadovoljila vaše potrebe, druga je mogućnost naručiti razvoj CSS teme koji će biti izgrađen samo za vas. Prilagođena tema znači puno više od same promjene boja i omogućuje dublju prilagodbu, npr. potpuno drugačiji redoslijed blokova na vašoj stranici proizvoda.

Gotove teme i razvoj tema dostupni su svim Ecwid trgovcima.

Razina 3: Veteran

Teška prilagodba: potpune promjene izgleda vaše trgovine. Pozdrav, šifra.

Ponekad su potrebne dublje promjene izgleda trgovine: možda biste željeli Padajući izbornik, drugačiji raspored elemenata stranice proizvoda ili prilagođeni dizajn gumba.

Za koji se razumije u tehnologiju trgovci ili oni koji imaju programera u svom timu, postoji prilika da uvedu promjene te vrste, pa čak i transformiraju svoju Ecwid trgovinu do neprepoznatljivosti uz pomoć prilagođenih CSS tema ili Ecwid API-ja.

1. Stvorite a self-made CSS tema

Ako želite sami dizajnirati svoju trgovinu, razmislite o izradi vlastite CSS teme.

CSS tema skup je pravila koja određuju izgled svakog elementa u trgovini (veličina, oblik, boja i mjesto na stranici).

Izradite vlastite CSS teme u Postavke → Dizajn

U pulskoj marini vodič u Ecwid bazi znanja koji objašnjava kako stvoriti vlastitu CSS temu i upute za promjenu pojedinih elemenata.

Imajte na umu da ćete morati razumjeti HTML i CSS, pa ako vam ove dvije riječi zvuče nepoznato, trebali biste biti spremni potrošiti neko vrijeme na stjecanje potrebnih vještina za stvaranje teme od nule.

Imajte na umu da ako se mučite s dizajnom svoje Ecwid trgovine, uvijek možete zatražiti pomoć Ecwid tima za korisničku podršku. Ili je ipak moguće naručite prilagođeni razvoj vlastite CSS teme.

2. Koristite Ecwid Javascript API za proširenje značajki izloga Ecwida

Ovaj dio je uglavnom za programere. Znate li što bi još moglo poboljšati vaš izlog u Ecwidu? Dobivanje Ecwid Javascript API.

Na primjer, možete izraditi novu CSS temu ili aplikaciju i prodavati je na Ecwid App Marketu. Ecwid Javascript API omogućuje vam da potpuno promijenite izgled izloga, unoseći promjene onoliko duboke koliko vam je potrebno.

Ako ste spremni za početak, molim registrirajte se na našoj stranici za programere.