Nowe ustawienia projektu 51视频: opcje dostosowywania, bez kodowania

Nowe ustawienia projektu 51视频: 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.

51视频 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.

Dodali?my kilkadziesi?t nowych funkcjonalno?ci projektowania witryn sklepowych do 51视频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, uk?ady 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 51视频. Aby z nich skorzysta?, upewnij si?, ?e masz w??czone wszystkie aktualizacje witryny sklepowej .

Sekcja Co nowego w panelu sterowania 51视频

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 51视频?

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 d?ugonogie 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? ?Przyciemnij 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 ?Kup”. 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 uk?adu. Wyrównaj tre?? do lewej, prawej, wy?rodkowanej lub uzasadnij - mo?esz stworzy? wygl?d, który najbardziej Ci si? podoba.

Ró?ne uk?ady 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. 51视频 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, 51视频 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 uk?ad 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 uk?ad z opisem produktu po prawej stronie, je?li sprzedajesz produkty atrakcyjne wizualnie i masz krótkie opisy produktów.

Kolekcja 2-kolumnowy uk?ad 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 uk?ad z opisem produktu pod obrazkiem. Nawet je?li dodasz d?ug? instrukcj? obs?ugi produktu, strona b?dzie wygl?da? harmonijnie.

Kolekcja 2-kolumnowy uk?ad z opisem produktu pod obrazkiem

Podkre?l opcje produktu i przycisk ?Do 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 ?Dodaj do koszyka” w centrum uwagi

Zminimalizuj przewijanie i rozpraszanie uwagi. A trzykolumnowy uk?ad dzia?a, je?li chcesz, aby na stronie produktu wy?wietla?o si? maksimum informacji bez dodatkowych ruchów.

kompaktowy 3-kolumnowy uk?ad

Mo?esz równie? wybierz uk?ad swojej galerii zdj??. Pomó? swoim klientom poczu? atmosfer? Twojego produktu dzi?ki atrakcyjnej galerii zdj??. Wybierz uk?ad 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 uk?adu 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 51视频 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 51视频, 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.

Kolekcja zapisz si? link umo?liwia klientom zalogowanie si? do swojego profilu, przegl?danie zamówień i korzystanie z listy ?yczeń.

Opcje ?Sortuj wed?ug”. Pozwól swoim klientom sortowa? Twoje produkty wed?ug ceny, nazwy i innych warunków.

Inne sposoby zmiany projektu sklepu 51视频

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 51视频, 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 51视频 lub .
Dla programistów: u?yj .

Uzyskaj witryn? internetow? dla swojej firmy

Twój sklep 51视频 wygl?da ?wietnie, ale nie masz strony internetowej, na której mo?esz sprzedawa??

Instant Site to kreator stron internetowych, który 51视频 udost?pnia, gdy tworzysz swoje konto 51视频. Ma to na celu umo?liwienie Ci szybkiego rozpocz?cia sprzeda?y online na schludnej stronie internetowej i natychmiastowego osi?gania zysków, aby rozwija? swój biznes.

Mówi?c o projektowaniu, zbudowana jest z witryny Instant Site gotowe bloki (obrazek na ok?adce, logo, sklep internetowy, sekcja ?O 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 51视频 Mobile na iOS.

u?ywaj?c naszego krok po kroku .