Nowe ustawienia projektu Ecwid: 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.

Ecwid 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 Ecwida, 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 Ustawienia → Projekt w panelu sterowania Ecwid. Aby z nich skorzystać, upewnij się, że masz włączone wszystkie aktualizacje witryny sklepowej Ustawienia → Co nowego.

Sekcja Co nowego w panelu sterowania Ecwid

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 Ecwid?

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

Kurs 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.

Kurs 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 Ecwid 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 Ecwid, 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 „Sortuj według”. Pozwól swoim klientom sortować Twoje produkty według ceny, nazwy i innych warunków.

Inne sposoby zmiany projektu sklepu Ecwid

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 projektuj aplikacje z Ecwid App Market (dostępne w płatnych planach Ecwid, 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 przewodnik po motywach CSS w bazie wiedzy Ecwid wyjaśnia, jak stworzyć własny motyw CSS i instrukcje dotyczące zmiany poszczególnych elementów. Zawsze możesz poprosić o pomoc zespół obsługi klienta Ecwid lub zamów niestandardowe opracowanie własnego motywu CSS.
Dla programistów: użyj Ecwid API JavaScript aby rozszerzyć funkcje witryny sklepowej Ecwid. Możesz zbudować nowy motyw CSS lub aplikację i sprzedawać ją na Ecwid App Market. Interfejs API JavaScript Ecwid umożliwia całkowitą zmianę wyglądu witryny sklepowej, wprowadzając zmiany tak głębokie, jak potrzebujesz. Jeśli jesteś gotowy, aby zacząć, proszę zarejestruj się na naszej stronie dla programistów.

Uzyskaj bezpłatną stronę internetową dla swojego sklepu internetowego

Twój sklep Ecwid wygląda świetnie, ale nie masz strony internetowej, na której możesz sprzedawać?

Instant Site to darmowy kreator stron internetowych udostępniany przez Ecwid podczas tworzenia konta Ecwid. 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 „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 Ecwid Mobile na iOS.

Zbuduj swoją bezpłatną witrynę błyskawiczną już dziś używając naszego krok po kroku .