Jak stworzyć sklep internetowy na wzór Harmony.sellingo.pl

Niezwykle czytelna i atrakcyjnie wizualnie skórka. Owalne kształty, intuicyjne menu oraz przejrzysta kreacja sklepu zwiększają pozytywne doświadczenia użytkowników strony. Dopasuj wygląd strony za pomocą zaawansowanego edytora! Kreator wyglądu Sellingo pozwala w pełni wykorzystać potencjał Twojego sklepu internetowego. Dowolnie zarządzaj ułożeniem elementów na stronie głównej, ustaw wygląd menu i filtrów, dopasuj kolorystykę sklepu, rozmieść elementy takie jak banery czy wyróżnione kategorie tak jak to sobie wyobrażasz.

Jak stworzyć sklep internetowy na wzór Harmony.sellingo.pl?

Skórkę możesz zmienić w każdej chwili, pamiętaj jednak, że podczas aktywacji nowej skórki utracisz zapisane w konfiguratorze wyglądu sklepu dane — takie jak kolor przycisków czy układ menu. Możesz je zachować, edytując zainstalowaną skórkę. Po zmianie skórki banery pokazane na demo mogą zostać zaciągnięte do Twojego sklepu. Pamiętaj, jednak że nowy układ banerów zastąpi Twój dotychczasowy. Jeśli nie chcesz utracić wprowadzonych wcześniej danych, podczas aktywacji skórki zaznacz „Nie”.

W tej instrukcji przedstawiamy Ci krok po kroku, jak stworzyć stronę główną sklepu na wzór Harmony.sellingo.pl.


1 Stwórz własne banery

W tym celu przygotowaliśmy dla Ciebie gotowe banery, które możesz dowolnie edytować w aplikacji Figma. Figma to bezpłatny, prosty w obsłudze edytor grafik, konto zarejestrujesz pod dresem: https://www.figma.com/. Pobierz paczkę z banerami, a następnie prześlij je do swojej Figmy, aby móc edytować grafiki.

Pobierz paczkę edytowalnych banerów ⇨

Znajdziesz w niej banery o podanych niżej wymiarach:

Baner 1, 1920x750
Baner 2-1, 425x425
Baner 2-2, 425x425
Baner 2-3, 425x425

W poniższym filmie przedstawiamy Ci jak edytować banery zgodnie z Twoimi potrzebami. Po ich zapisaniu i pobraniu możesz przystąpić do dodawania ich w Sellingo.

Zobacz, jak edytować grafiki na przykładzie szablonu Modimo

---

---

3 Aktywuj skórkę

Aby aktywować skórkę, najpierw należy ją zainstalować. Zrobisz to w panelu administracyjnym Sellingo, w zakładce Administracja → Wygląd sklepu. Na dole karty znajdziesz dostępne skórki, wybierz Harmony. Proces instalacji skórki powinien trwać maksymalnie kilka minut, po jego zakończeniu należy aktywować skórkę, klikając w zaznaczony na screenie przycisk.

Zobacz pomoc ⇨

W tym momencie możesz zdecydować, czy wgrać przygotowane przez nas w Harmony.sellingo.pl banery i układ strony głównej, czy zachować dotychczasowe zmiany.

Jeśli wybierzesz TAK, przejdź od razu do punktu 4. Jeśli nie chcesz tracić aktualnych banerów, wybierz NIE i skonfiguruj ręcznie wygląd strony głównej.

---

4 Ustaw wygląd strony głównej

W pierwszej kolejności skonfiguruj układ strony głównej, aby umożliwić dodawanie banerów. Edytuj skórkę, a następnie w ustawieniach skórki przejdź do Wyglądu strony głównej.

Za pomocą myszki przesuniesz elementy do sekcji Aktywne, aby wskazać kolejność wyświetlania banerów, grup produktowych i kategorii. Układ banerów wybierzesz, edytując dany element. Z kolei do grup produktowych przypiszesz liczbę wyświetlanych produktów.

Zobacz pomoc ⇨ Jak skonfigurować wygląd sklepu Sellingo?

Wzorując się na sklepie Harmony.sellingo.pl, powinieneś uzyskać taki kształt strony głównej. Oczywiście elementy możesz dowolnie zmieniać.

Po zbudowaniu właściwego układu strony - zapisz zmiany.

Możesz również skorzystać z wczytania całego układu strony głównej razem ze stworzonymi na Harmony.sellingo.pl banerami, klikając guzik na niebieskim tle.

---

5 Zmień kolory

W tym samym miejscu ustawisz kolorystykę sklepu. Głównym akcentem Harmony jest kolor czarny, z kolei kolor nieaktywnej karty np. kolor ikony w formularzu newsletter czy wypełnienie checboxa w koszyku oznaczone są kolorem rgb(63, 81, 181). Kolory najlepiej dopasować do logo sklepu i barw marki, aby zachować spójność w sklepie.

Zapisz zmiany.

Tak widoczne będą w koszyku ustawione kolory:

Warto zmienić również kontekst pozytywny na zielony, wtedy takie ifnormacje jak "Produkt jest dostępny” będą bardziej widoczne w sklepie:

Zastosowany odcień to: rgb(130, 188, 0)

W sklepie Harmony.sellingo.pl etykieta "Nowość” ma czarne tło, a aktywne gwiazdki kolor pomarańczowy: rgb(255, 174, 0). Reszta ustawień pozostaje bez zmian.

---

6 Zmień kolejność innych elementów

Pamiętaj, że jeśli chcesz, dowolnie możesz zmieniać układ elementów na stronie, np. w stopce. Więcej na temat konfiguracji ⇨ Jak skonfigurować wygląd sklepu Sellingo?

---

7 Wgraj banery

Po ustawieniu wyglądu strony głównej możesz przystąpić do wgrywania banerów. Przejdź na kartę Reklama → Bannery. Utworzona liczba linii odpowiada liczbie banerów w aktywnych elementach. Większość grafik ma zmienione rozmiary, więc oprócz wgrania nowych zdjęć, musisz dostosować też ich wysokość. Jeśli skorzystałeś z automatycznego wczytania układu strony wysokości zostały automatycznie dopasowane do użytych banerów - pomiń więc ich zmianę. Edycję zaczniemy od początku:

Strona główna. Linia 1, wymiar 1920x750

Kliknij ołówek w elemencie Linia 1, a następnie usuń automatycznie wgrany obrazek w slajdach. Kliknij Dodaj zdjęcia i wgraj baner 1. Możesz wstawić dowolny link, kierujący np. w odpowiednie miejsce w Twoim sklepie. Możesz również dodać więcej banerów, wtedy będą się przewijały, zgodnie z czasem ustalonym w polu Opóźnienie (w sekundach). Zapisz zmiany.

Strona główna. Linia 2, wymiar 425x330

W tym przypadku musisz wgrać trzy banery w trzech miejscach. Każdy z nich ma inną wysokość niż domyślnie ustawiona. Wykonaj więc kroki w następującej kolejności. Najpierw usuń obrazek, a następnie zmień wysokość baneru na 425 pikseli. Zapisz zmiany. Teraz możesz wgrać nowe zdjęcie, dodać link - w przypadku tych banerów najlepiej do stworzonych kategorii produktowych. Zapisz zmiany.

Zobacz jak dodasz kategorię ⇨ Jak dodać nową kategorię w sklepie?

Po zapisaniu danych wyczyść bufor, aby zobaczyć zmianę od razu na Twoim sklepie.

Powtórz czynność do pozostałych dwóch banerów.

Bestsellery
Jako 3 element na stronie Harmonu.sellingo.pl pojawiają się bestsellery, czyli najlepiej sprzedające się produkty w sklepie. Aby oznaczyć produkt jako bestseller, wejdź w produkt i w karcie Promocje zaznacz checkbox Bestseller. Kolor etykiety „bestseller” zmienisz w konfiguratorze wyglądu sklepu, czyli w edycji skórki.

Produkt dnia
4 element na stronie Harmony.sellingo.pl to Produkt dnia. Aby taki produkt pojawił się na sklepie, trzeba go odpowiednio zareklamować. Zobacz instrukcję, jak to zrobić ⇨ Jak używać funkcji Produkt Dnia?

Tak będzie wyglądać Produkt dnia na stronie głównej:

Aktualności
Aktualności w Sellingo służą do prowadzenia bloga w Twoim sklepie internetowym. Artykuły dodasz w zakładce Treści → Aktualności.
Zobacz pomoc ⇨ Jak dodać nową aktualność?

---

Skorzystaj z naszej oferty graficznej

Jeśli potrzebujesz pomocy w stworzeniu najlepszego układu strony wraz z profesjonalnymi banerami, sprawdź naszą ofertę pakietów graficznych. Na Twoje zlecenie możemy wykonać także indywidualny projekt Twojego sklepu, aby maksymalnie wyróżniał się na tle konkurencji.


Zobacz cennik ⇨