Nowe ustawienia projektu 黑料门: opcje dostosowywania, bez kodowania

Nowe ustawienia projektu 黑料门: dziesi膮tki opcji dostosowywania, bez kodowania

12 min odczyt

Design m贸wi wiele o e-commerce sklep. Je艣li ludzie mog膮艂atwo porusza膰 si臋 po Twojej witrynie sklepu internetowego, masz znacznie wi臋ksz膮 szans臋 na ich konwersj臋. Sp贸jny, nowoczesny design mo偶e powiedzie膰 klientom, 偶e jeste艣 mark膮 godn膮 zaufania.

黑料门 pomaga ka偶dej firmie 鈥� nawet ma艂ej i pocz膮tkuj膮cej 鈥� profesjonalnie wygl膮da膰 i sprzedawa膰 w Internecie. Nie trzeba za to strasznie du偶o p艂aci膰 G贸rna warstwa projektanci stron internetowych, aby uzyska膰 przyjazny dla urz膮dze艅 mobilnych, czyste i pi臋kne e-commerce sklep.

顿辞诲补濒颈艣尘测 kilkadziesi膮t nowych funkcjonalno艣ci projektowania witryn sklepowych do 黑料门a, aby艣 m贸g艂 odda膰 swoje e-commerce przechowuj wygl膮d i styl, kt贸ry najlepiej odzwierciedla Twoj膮 mark臋.

Konfiguracja ka偶dego najdrobniejszego szczeg贸艂u w projekcie sklepu internetowego jest niezwykle 艂atwa. Zmieniaj style obraz贸w, 耻办艂补诲y stron produkt贸w i elementy witryny sklepowej bez kodowania. Przekonacie si臋 o tym sami w tym po艣cie.

Nowe ustawienia zagnie偶d偶aj膮 si臋 w obszarze w panelu sterowania 黑料门. Aby z nich skorzysta膰, upewnij si臋, 偶e masz w艂膮czone wszystkie aktualizacje witryny sklepowej .

Sekcja Co nowego w panelu sterowania 黑料门

W艂膮cz te aktualizacje w Ustawieniach 鈫� Co nowego, aby wy艣wietli膰 now膮 stron臋 ustawie艅 projektu

Co si臋 stanie, je艣li korzystam ze starszej wersji witryny sklepowej 黑料门?

Przej艣cie na now膮 witryn臋 sklepow膮 mo偶e ca艂kowicie zmieni膰 wygl膮d Twojego sklepu. Dzi臋ki nowym ustawieniom projektu uzyskasz wi臋cej opcji dostosowywania i bardziej atrakcyjny wygl膮d swojego sklepu. Nale偶y jednak zachowa膰 ostro偶no艣膰, je艣li u偶ywasz pliku self-made Motyw CSS lub inny opracowane na zam贸wienie funkcje witryny sklepowej 鈥� mog膮 nie by膰 kompatybilne z now膮 witryn膮 sklepow膮. Je艣li potrzebujesz pomocy, nasz zesp贸艂 wsparcia jest do Twojej dyspozycji.

Zaprojektuj witryn臋 swojego sklepu internetowego

Masz kontrol臋 nad ca艂ym wygl膮dem swojego katalogu produkt贸w, od zdj臋膰 produkt贸w po SKU i przyciski.

1. Wybierz najlepszy rozmiar obrazu do zaprezentowania swoich produkt贸w

Domy艣lnie zdj臋cia produkt贸w s膮艣redniej wielko艣ci, kt贸ry jest odpowiedni dla wi臋kszo艣ci sklep贸w.

Niekt贸re produkty maj膮 wa偶ne szczeg贸艂y, kt贸re warto zwizualizowa膰 (na przyk艂ad je艣li sprzedajesz bi偶uteri臋 lub obrazy). Wybierz du偶y rozmiar obrazu, aby klienci mogli podziwia膰 Twoje pi臋kne produkty i zdj臋cia.

Je艣li sprzedajesz jeden rodzaj produktu w du偶ym asortymencie (powiedzmy 200 sk贸rzanych pask贸w w r贸偶nych kolorach), trzymaj si臋 mniejszych obraz贸w. Tw贸j sklep wy艣wietli na ekranie wiele produkt贸w, a Twoi klienci b臋d膮 pod wra偶eniem wyboru.

Ma艂y, 艣redni i du偶y rozmiar obrazu dla zdj臋膰 produkt贸w

2. Zoptymalizuj proporcje obrazu do wymiar贸w produktu

Sprzedajesz palmy? A mo偶e 诲艂耻驳辞苍辞驳颈别 modelki prezentuj膮 swoje designerskie p艂aszcze? Obydwa b臋d膮艣wietnie wygl膮da膰 na zdj臋ciach pionowych.

Proporcje poziome pasuj膮 do szerokich produkt贸w 鈥� powiedzmy but贸w, sof lub baton贸w od偶ywczych.

W przypadku obiekt贸w okr膮g艂ych (lub w razie w膮tpliwo艣ci) u偶yj obraz贸w kwadratowych, zawsze wygl膮daj膮艣wietnie.

Zdj臋cia produkt贸w pionowe, poziome i kwadratowe

Obrazy pionowe, poziome i kwadratowe

Je艣li chcesz podkre艣li膰 zdj臋cia produkt贸w i wyr贸偶ni膰 je na tle sklepu, wybierz opcj臋鈥濸rzyciemnij t艂o obrazu鈥�.

3. Wybierz, jakie informacje o produkcie maj膮 by膰 wy艣wietlane w witrynie sklepowej

Podobnie jak w przypadku zdj臋膰 produkt贸w, mo偶esz wybiera膰 spo艣r贸d wielu opcji projektowania innych element贸w witryny sklepowej: nazw produkt贸w, tytu艂贸w, cen, SKU, przycisk贸w 鈥濳up鈥�. Zdecyduj, jak wy艣wietli膰 ka偶dy z nich 鈥� pod obrazem produktu lub po najechaniu myszk膮.

Wy艣wietlaj elementy pod zdj臋ciami produkt贸w, po najechaniu myszk膮 lub ukryj je

Je艣li zdecydujesz si臋 na umieszczenie informacji pod zdj臋ciami produkt贸w, istnieje mo偶liwo艣膰 ustawienia 耻办艂补诲u. Wyr贸wnaj tre艣膰 do lewej, prawej, wy艣rodkowanej lub uzasadnij - mo偶esz stworzy膰 wygl膮d, kt贸ry najbardziej Ci si臋 podoba.

R贸偶ne 耻办艂补诲y element贸w (nazwa produktu i cena)

Mo偶liwe jest r贸wnie偶 ukrywanie element贸w. Ukryj je wszystkie, aby Twoja witryna sklepowa przypomina艂a lookbook. Klikaj膮c w dowolne zdj臋cie produktu, Twoi klienci przejd膮 na stron臋 produktu.

Je艣li chcesz pokaza膰 wi臋cej szczeg贸艂贸w, wybierz opcj臋 wy艣wietlenia dodatkowego zdj臋cia produktu. 黑料门 wy艣wietli pierwsze zdj臋cie z galerii zdj臋膰 produktu po najechaniu myszk膮.

Dodatkowy obraz produktu po najechaniu myszk膮

Te nowe ustawienia umo偶liwiaj膮 du偶膮 liczb臋 wariant贸w wygl膮du witryny sklepowej.

4. Zaprojektuj kategorie swojego sklepu

Znajdziesz opcje umo偶liwiaj膮ce skonfigurowanie wygl膮du kategorii. Niezale偶nie od tego, czy do zdj臋膰 kategorii masz zdj臋cia, ikony czy logo marki, 黑料门 oferuje opcje projektowania, dzi臋ki kt贸rym b臋d膮 wygl膮da膰 osza艂amiaj膮co.

Nazwy kategorii pod obrazami, na nich, po najechaniu myszk膮 i ukryte

Optymalizuj strony produkt贸w pod k膮tem konwersji

Teraz mo偶esz organizowa膰 informacje na stronach produkt贸w na r贸偶ne sposoby, w zale偶no艣ci od tego, co b臋dzie najlepsze dla Twoich klient贸w. Ka偶da opcja projektu jest wykonywana wed艂ug najlepszych e-commerce praktyki zwi臋kszaj膮ce konwersj臋.

1. Wybierz 耻办艂补诲 strony produktu

Istniej膮 cztery nowe opcje porz膮dkowania tre艣ci na stronach produkt贸w.

Przyci膮gnij uwag臋 zdj臋ciami swoich produkt贸w. Umieszczanie a wysokiej jako艣ci zdj臋cie produktu po lewej stronie strony produktu sprawi, 偶e b臋dzie to pierwsza rzecz, kt贸r膮 zauwa偶膮 Twoi klienci. Skorzystaj z 2-kolumnowy 耻办艂补诲 z opisem produktu po prawej stronie, je艣li sprzedajesz produkty atrakcyjne wizualnie i masz kr贸tkie opisy produkt贸w.

Kurs 2-kolumnowy 耻办艂补诲 z opisem produktu po prawej stronie

Dodaj szczeg贸艂owe opisy produkt贸w. W przypadku produkt贸w takich jak elektronika lub produkty farmaceutyczne opisy produkt贸w mog膮 by膰 do艣膰 d艂ugie. Nast臋pnie wybierz dwukolumnowe 耻办艂补诲 z opisem produktu pod obrazkiem. Nawet je艣li dodasz d艂ug膮 instrukcj臋 obs艂ugi produktu, strona b臋dzie wygl膮da膰 harmonijnie.

Kurs 2-kolumnowy 耻办艂补诲 z opisem produktu pod obrazkiem

Podkre艣l opcje produktu i przycisk 鈥濪o kasy鈥�. Je艣li Twoi klienci nie musz膮 czyta膰 d艂ugich opis贸w ani przegl膮da膰 galerii, aby kupi膰 Twoje produkty, wybierz opcj臋 wy艣wietlania opcji produktu za pomoc膮 przycisku kasy po lewej stronie. Za艂贸偶my, 偶e sprzedajesz ma艂e rybki akwariowe.

Przycisk 鈥濪odaj do koszyka鈥� w centrum uwagi

Zminimalizuj przewijanie i rozpraszanie uwagi. A trzykolumnowy 耻办艂补诲 dzia艂a, je艣li chcesz, aby na stronie produktu wy艣wietla艂o si臋 maksimum informacji bez dodatkowych ruch贸w.

kompaktowy 3-kolumnowy 耻办艂补诲

Mo偶esz r贸wnie偶 wybierz 耻办艂补诲 swojej galerii zdj臋膰. Pom贸偶 swoim klientom poczu膰 atmosfer臋 Twojego produktu dzi臋ki atrakcyjnej galerii zdj臋膰. Wybierz 耻办艂补诲 miniatur obraz贸w w swojej galerii (pionowy lub poziomy) lub poka偶 swoje hipnotyzuj膮ce obrazy w pe艂nym rozmiarze. Im wi臋cej naprzemiennych i szczeg贸艂owych widok贸w poka偶esz, tym lepiej.

Opcje 耻办艂补诲u galerii zdj臋膰

3. Wybierz informacje o produkcie, kt贸re chcesz wy艣wietli膰 na pasku bocznym

Konwertuj膮ca strona produktu zapewnia wystarczaj膮c膮 ilo艣膰 informacji o produkcie, a jednocze艣nie jest prosta. W 黑料门 mo偶esz ukry膰 elementy (takie jak SKU, opcje produktu, przyciski udost臋pniania), je艣li ich nie potrzebujesz, aby Twoi klienci nie byli rozpraszani w drodze do koszyka.

Najlepsze jest to, 偶e mo偶esz przeci膮ga膰 ka偶dy element i porz膮dkowa膰 go w dowolnej kolejno艣ci. Przetestuj wiele nowych sposob贸w optymalizacji stron produkt贸w pod k膮tem konwersji.

Elastyczne ustawienia paska bocznego

Zmie艅 nawigacj臋 i kolory witryny sklepowej

Istnieje kilka dodatkowych ustawie艅 witryny sklepowej, kt贸re s膮 domy艣lnie w艂膮czone, aby u艂atwi膰 klientom poruszanie si臋 po sklepie. Mo偶esz wy艂膮czy膰 dowolne z nich, kiedy tylko chcesz.

Je艣li prze艂膮czysz si臋 ze starszej wersji witryny sklepowej, te ustawienia zostan膮 przeniesione do nowej witryny sklepowej tak, jak mia艂e艣 wcze艣niej.

Tryb adaptacji kolor贸w. Je艣li zainstalujesz na swojej stronie sklep internetowy 黑料门, kolory sklepu automatycznie dopasuj膮 si臋 do tematyki Twojej witryny. Tw贸j sklep b臋dzie wygl膮da艂 jak naturalna cz臋艣膰 Twojej witryny.

Menu w stopce i bu艂ka tarta pom贸偶 klientom szybciej przegl膮da膰 Tw贸j sklep i zapobiegnij ich zgubieniu.

Kurs zapisz si臋 link umo偶liwia klientom zalogowanie si臋 do swojego profilu, przegl膮danie zam贸wie艅 i korzystanie z listy 偶ycze艅.

Opcje 鈥濻ortuj wed艂ug鈥�. Pozw贸l swoim klientom sortowa膰 Twoje produkty wed艂ug ceny, nazwy i innych warunk贸w.

Inne sposoby zmiany projektu sklepu 黑料门

Nowe ustawienia projektu obejmuj膮 najcz臋stsze przypadki u偶ycia. Je艣li chcesz zmieni膰 sw贸j sklep w inny spos贸b:

Je艣li potrzebujesz niestandardowego motywu dla swojego sklepu bez kodowania, spr贸buj (dost臋pne w p艂atnych planach 黑料门, obowi膮zuj膮 ceny aplikacji).
Utw贸rz niestandardowy motyw CSS (zestaw regu艂 okre艣laj膮cych wygl膮d ka偶dego elementu w sklepie, taki jak rozmiar, kszta艂t czy kolor). Tworzenie motywu CSS wymaga pewnej wiedzy technicznej. Jest wyja艣nia, jak stworzy膰 w艂asny motyw CSS i . Zawsze mo偶esz poprosi膰 o pomoc zesp贸艂 obs艂ugi klienta 黑料门 lub .
Dla programist贸w: u偶yj .

Uzyskaj bezp艂atn膮 stron臋 internetow膮 dla swojego sklepu internetowego

Tw贸j sklep 黑料门 wygl膮da 艣wietnie, ale nie masz strony internetowej, na kt贸rej mo偶esz sprzedawa膰?

Instant Site to darmowy kreator stron internetowych udost臋pniany przez 黑料门 podczas tworzenia konta 黑料门. Ma to na celu umo偶liwienie Ci szybkiego rozpocz臋cia sprzeda偶y online na schludnej stronie internetowej i od razu osi膮gania zysk贸w w celu rozwoju Twojej firmy.

M贸wi膮c o projektowaniu, zbudowana jest z witryny Instant Site gotowe bloki (obrazek na ok艂adce, logo, sklep internetowy, sekcja 鈥濷 nas鈥�, opinie klient贸w i kontakty), kt贸re mo偶esz w艂膮czy膰, wy艂膮czy膰 i dostosowa膰.

Je艣li chcesz dostosowa膰 swoj膮 witryn臋 b艂yskawiczn膮, do kogo zadzwonisz? C贸偶, nikt! Ca艂膮 witryn臋 mo偶esz edytowa膰 bez specjalnej wiedzy, korzystaj膮c z komputera stacjonarnego lub nawet poprzez aplikacj臋 do zarz膮dzania sklepem 黑料门 Mobile na iOS.

u偶ywaj膮c naszego krok po kroku .