Kompleksowy przewodnik po dostosowywaniu projektu sklepu Ecwid

UDP: W kwietniu 2018 wydaliśmy nowe ustawienia projektowania w Ecwid! Dowiedz się, jak głęboko możesz dostosować swój sklep Ecwid bez żadnego kodowania w nowszym wpisie na blogu. Jeśli Twój sklep powstał przed kwietniem 2018 roku i chcesz nauczyć się korzystać ze starych ustawień, czytaj dalej.

Sklep Ecwid jest stworzony w taki sposób, że można go dodać do każdej witryny i w mgnieniu oka rozpocząć sprzedaż każdego rodzaju produktów. Witryna sklepu automatycznie dostosowuje się zarówno do komputerów stacjonarnych, jak i urządzeń mobilnych, a sklep wygląda świetnie na każdym ekranie.

Uczynienie sklepu naturalną częścią Twojej witryny daje wrażenie profesjonalnego biznesu. Możesz zmienić projekt sklepu, aby pasował do stylu Twojej witryny i specyficznych potrzeb Twojej firmy. Można to osiągnąć na wiele sposobów, od w pełni zautomatyzowanych ustawień po stworzone na zamówienie tematy.

Większość z nich jest wymieniona w Panel sterowania Ustawienia Wnętrze. Na tej stronie możesz zarządzać ustawieniami projektu, a w tym poście dowiesz się, jak najlepiej je wykorzystać.

Podzieliliśmy wszystkie możliwe modyfikacje projektu Twojego sklepu Ecwid na trzy poziomy w zależności od wymaganych umiejętności i zasobów, od szybkich i łatwych po głębsze i bardziej złożone.

Jak sprzedawać online
Wskazówki od e-commerce eksperci dla właścicieli małych firm i początkujących przedsiębiorców.
Proszę wpisać aktualny adres e-mail

Poziom 1: Szybki i łatwy

Łatwe i szybkie modyfikacje. Nie jest wymagane nic innego, jak tylko klikanie przycisków.

Zanim zaczniesz myśleć o zmianach w projekcie, mamy dobrą wiadomość: Ecwid automatycznie integruje się ze środowiskiem i wygląda jak naturalna część Twojej witryny lub strony społecznościowej. Nie musisz w tym celu żadnego kodowania — wszystko będzie działać dobrze.

Ponadto istnieją proste sposoby dostosowania wyglądu i stylu sklepu do swojej misji bez dodatkowego wysiłku.

1. Sprzedawaj na natychmiastowej witrynie Ecwid, jeśli nie masz witryny internetowej

Instant Site to bezpłatna strona internetowa ze sklepem internetowym, którą Ecwid udostępnia bezpłatnie po utworzeniu konta Ecwid.

Mówiąc o projektowaniu, witryna błyskawiczna jest zbudowana z gotowe bloki (obraz okładki, logo, sklep internetowy, sekcja „O nas”, opinie klientów i kontakty), które możesz włączać i wyłączać, edytować i dostosowywać do swojej firmy. Wszystko to można wykonać praktycznie w ciągu kilku chwil, własnymi rękami.

Jeśli więc nie masz witryny internetowej, na której możesz sprzedawać, jest to bardzo łatwy sposób na rozpoczęcie sprzedaży online na stronie internetowej przystojny strona internetowa za darmo.

To zdjęcie krok po kroku przewodnik wyjaśnia, jak zaprojektować witrynę błyskawiczną: Personalizacja Twojej natychmiastowej witryny od zera do pierwszej sprzedaży

2. Łatwe dostosowywanie projektu dla tych, którzy mają już stronę internetową

Jeśli masz już stronę internetową, Ecwid nadal bezproblemowo się z nią zintegruje, niezależnie od tego, na jakiej platformie jest zbudowany: WordPress, Wix, Joomla lub inna platforma. Oto, co możesz zrobić, aby Twój sklep wyglądał jeszcze lepiej.

Krok 1: Użyj odpowiedniego motywu dla swojego narzędzia do tworzenia witryn

Aby zaprojektować swoją witrynę internetową, możesz po prostu wybierać spośród kilkudziesięciu motywów dostępnych do zakupu. Sklep Ecwid jest kompatybilny z większością z nich.

Oto krótki katalog miejsc w Internecie, w których możesz znaleźć motywy do narzędzia do tworzenia witryn.

Dla stron WordPress

Nie przegap także kolekcji najlepsze darmowe motywy WordPress dla e-commerce strony internetowe.

Dla witryn Joomla

W przypadku witryn Squarespace

W przypadku witryn Wix, to jeszcze prostsze: przeglądaj motywy bez wychodzenia www.wix.com.

Uwaga: Sprzedawcy Ecwid + Wix mogą dopasować kolory swojej witryny i sklepu w ustawieniach aplikacji Ecwid Wix.

Ustawienia projektu sklepu Ecwid na stronach Wix

Krok 2: Włącz tryb adaptacji kolorów

Jeśli otworzysz nowy sklep Ecwid i dodasz go do swojej witryny, Ecwid automatycznie dostosuje kolory sklepu do stylu Twojej witryny. Ta funkcja nazywa się trybem adaptacji kolorów. To bardzo łatwy sposób, aby Twój sklep stał się naturalną częścią Twojej witryny.

Jeśli już sprzedajesz za pomocą Ecwid, tryb adaptacji kolorów nie będzie domyślnie włączony, ale możesz go włączyć na stronie Projekt:

A co jeśli dodasz swój sklep Ecwid do kilku serwisów? Po włączeniu trybu adaptacyjnego kolorów kolory sklepu dostosują się do każdego z nich. Twój sklep będzie wyglądał naturalnie w każdym środowisku witryny, niezależnie od tego, czy będzie białe, czarne czy zielone.

Ta funkcja jest dostępna dla większości sprzedawców Ecwid. Uwaga: Sprzedawcy Ecwid + Wix mogą dopasować kolory swojej witryny i sklepu wyłącznie w ustawieniach aplikacji Ecwid Wix.

3. Pobaw się szybkimi ustawieniami wyglądu

Kiedykolwiek ty sprzedawać online dzięki Ecwid możliwe jest włączenie lub wyłączenie elementów witryny sklepowej Ecwid za pomocą kilku kliknięć. Na przykład ci, którzy sprzedają ręcznie robione produkty w pojedynczych egzemplarzach, często wolą ukryć pole ilości.

Możesz także ukryć niepotrzebne elementy lub zmienić rozmiar miniatur — sekcja Wygląd na stronie Projekt całkowicie Ci to umożliwi.

Poziom 2: Poszukiwacz przygód


Dla tych bez wiedzy technicznej, którzy szukają głębszych zmian konstrukcyjnych i mają czas na małą podróż.

Masz już skonfigurowany sklep i już się rozejrzałeś. Teraz zaczynasz odczuwać potrzebę osobistego akcentu: mogą to być markowe kolory przycisków, tekstów i tła, unikalne ikony lub zupełnie nowe elementy. Nie masz jednak pojęcia o kodowaniu.

Bez obaw: na tym poziomie zebraliśmy narzędzia, które pomogą Ci osiągnąć powyższe cele bez specjalnej wiedzy. Przyjrzyjmy się im bliżej.

1. Do projektowania sklepu używaj aplikacji z Ecwid App Market

Opona Rynek aplikacji Ecwid liczy ponad 100 aplikacji, które pomogą Ci w analizach, promocji, wysyłce i nie tylko. Można również znaleźć aplikacje do dostosowywania witryny sklepowejdesign. Przyjrzymy się jednej aplikacji do zmiany kolorów motywu bez żadnego kodowania: Projektant sklepu.

Projektant sklepu

Projektant sklepu to aplikacja, która pozwala szybko ustawić kolory przycisków, tekstu i tła.

Tryb podglądu pozwala na dowolną zabawę kolorami przed opublikowaniem idealnego projektu w sklepie.

Interfejs projektanta sklepu

Aplikacja kosztuje 4.99 USD i oferuje bezpłatny tydzień próbny.

Projektant sklepu jest dostępny we wszystkich płatnych planach Ecwid, a także pozostałe aplikacje z App Market.

2. Kopiuj wklej gotowe poprawki z Bazy Wiedzy

Baza wiedzy Ecwid zawiera odpowiedzi na większość pytań, jakie może mieć właściciel sklepu Ecwid. Stale dodajemy tutaj nowe artykuły z najczęściej zadawanymi wskazówkami i gotowe rozwiązania.

Poszukiwacze przygód mogą znaleźć różne instrukcje dotyczące dostosowywania witryny sklepowej; Na przykład,

zmiana czcionek w sklepie or dodanie pola wyszukiwania.

Większość tych instrukcji dzieli się na kopiuj-wklej fragment kodu do motywu CSS.

Możesz zarządzać motywami CSS w Panel sterowania Ustawienia Wnętrze.

Proces przebiega w następujący sposób: na przykład, jeśli chcesz zmienić ikonę koszyka, przejdź do Ustawienia → Projekt, utwórz nowy motyw CSS, dodaj kawałek kodu, zapisz zmiany i aktywuj motyw.

Powinieneś dodać wszystkie dalsze zmiany w tym motywie — w danym momencie może być aktywny tylko jeden motyw, więc musi zawierać wszystkie modyfikacje, które chcesz wprowadzić do swojego sklepu.

3. Zamów niestandardowe opracowanie motywu

Jeśli nie możesz znaleźć motywu, który zaspokoi Twoje potrzeby, inną opcją jest zlecić opracowanie motywu CSS który zostanie zbudowany specjalnie dla Ciebie. Motyw niestandardowy to znacznie więcej niż tylko zmiana kolorów i pozwala uzyskać głębszą personalizację, np. zupełnie inną kolejność bloków na stronie produktu.

Gotowe motywy i rozwój motywów są dostępne dla wszystkich sprzedawców Ecwid.

Poziom 3: Weteran


Intensywna personalizacja: całkowita zmiana wyglądu Twojego sklepu. Witam, kod.

Czasami wymagane są głębsze zmiany w wyglądzie sklepu: możesz chcieć drop-down menu, inny układ elementów strony produktowej czy niestandardowy projekt przycisków.

W razie zamówieenia projektu zaawansowany technologicznie handlowcy lub ci, którzy mają programistę w swoim składzie, istnieje możliwość wprowadzenia tego typu zmian, a nawet przekształcenia swojego sklepu Ecwid nie do poznania za pomocą niestandardowych motywów CSS lub Ecwid API.

1. Utwórz self-made Motyw CSS

Jeżeli chcesz samodzielnie zaprojektować swój sklep, rozważ stworzenie własnego motywu CSS.

Motyw CSS to zbiór reguł decydujących o wyglądzie każdego elementu w sklepie (rozmiar, kształt, kolor i miejsce na stronie).

Twórz własne motywy CSS w Ustawienia → Projekt

Jest przewodnik w bazie wiedzy Ecwid wyjaśnia, jak stworzyć własny motyw CSS i instrukcje dotyczące zmiany poszczególnych elementów.

Pamiętaj, że musisz znać HTML i CSS, więc jeśli te dwa słowa brzmią obco, powinieneś być gotowy poświęcić trochę czasu na zdobycie umiejętności niezbędnych do stworzenia motywu od zera.

Pamiętaj, że jeśli masz problemy z projektem sklepu Ecwid, zawsze możesz poprosić o pomoc zespół obsługi klienta Ecwid. Albo nadal jest to możliwe zamów niestandardowe opracowanie własnego motywu CSS.

2. Użyj interfejsu API Ecwid Javascript, aby rozszerzyć funkcje witryny sklepowej Ecwid

Ta część jest przeznaczona głównie dla programistów. Czy wiesz, co jeszcze mogłoby ulepszyć Twój sklep Ecwid? Uzyskanie Ecwid API JavaScript.

Możesz na przykład zbudować nowy motyw CSS lub aplikację i sprzedać 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.

***

Przeczytaj także: Jak zaprojektować zdjęcia kategorii produktów, których klienci nie będą mogli się oprzeć


 
O autorze
Qetzal jest szefem produktu w Ecwid. Uwielbia tworzyć nowe rzeczy, które ułatwiają ludziom życie.

Zacznij sprzedawać na swojej stronie internetowej

Zarejestruj się za darmo