SZABLONY SHOPER

Dobór i wdrożenie szablonu sklepu internetowego Shoper – case studies Storefront

Dobór szablonu sklepu internetowego to dopiero początek

W tym artykule pokazujemy realne przykłady sklepów internetowych, które różnią się branżą i stylem, ale łączy je jedno: świadomie dobrany i wypełniony szablon. Na konkretnych realizacjach wyjaśniamy, jak dobór szablonu oraz jego graficzne i treściowe uzupełnienie wpływają na odbiór marki i skuteczność sprzedaży.

To dokładnie ten etap, na którym wspieramy klientów w ramach usługi Wdrożenie graficzne sklepu (Storefront) – pomagamy dobrać odpowiedni szablon, przygotowujemy banery i teksty oraz konfigurujemy całość w technologii Storefront, niezależnie od tego, czy sklep dopiero powstaje, czy działa już od lat.

Szablon Sentia – emocjonalny design i relacja z klientem

PsiaSzamka.pl to sklep, w którym design od początku podporządkowany jest relacji między człowiekiem a psem. Projekt oparto na szablonie Sentia, który dzięki swojej spokojnej, neutralnej formie pozwala wybrzmieć emocjom zamiast dominować nad treścią. Kluczową rolę odgrywają tu zdjęcia lifestyle’owe pokazujące codzienne momenty z psem – karmienie, zabawę, wspólny odpoczynek – które budują ciepły, domowy klimat i od razu komunikują troskę o pupila.

Uzupełnieniem są miękkie kolory, dużo światła i przestrzeni między sekcjami oraz delikatne ilustracje i ikony, które zastępują techniczny język sprzedaży bardziej przystępnym, „psiarskim” tonem. Zamiast krzykliwych komunikatów i agresywnych promocji, grafika prowadzi użytkownika przez potrzeby psa na różnych etapach jego życia, pomagając odnaleźć się w ofercie w naturalny i niewymuszony sposób. Całość tworzy spójną, przyjazną przestrzeń, w której sklep przestaje być tylko miejscem zakupu, a zaczyna być częścią codziennej relacji z pupilem.

Szablon: Sentia 

Szablon Dealer – energia marki i czytelna struktura oferty

Netton.pl to sklep muzyczny, który stawia na energię, pasję i czytelność oferty już od pierwszego kontaktu ze stroną. Design opiera się na mocnych, wyrazistych grafikach i klarownym układzie sekcji, które prowadzą użytkownika przez ofertę w intuicyjny sposób. Stronę główną otwierają duże, emocjonalne banery podkreślające charakter marki i świata muzyki, a dalsza część layoutu bazuje na przejrzystych modułach produktowych i sekcjach tematycznych. Zamiast nadmiaru efektów postawiono na klarowną hierarchię treści, dobre zdjęcia i czytelne komunikaty, które wspierają decyzję zakupową. Całość uzupełniają sekcje informacyjne i USP, budujące wiarygodność sklepu i poczucie, że stoi za nim realne doświadczenie i znajomość branży.

Szablon Shoper Dealer Storefront

Szablon Dealer – w nowej odsłonie kolorystycznej

DartTown.pl to przykład sklepu, w którym design wspiera historię i ludzi stojących za marką. Strona powstała na czarnej wersji szablonu Dealer, żeby oddać klimat świata darta: skupienie, rywalizację i wieczorną energię turniejów. Ciemna kolorystyka wydobywa emocje ze zdjęć, podkreśla charakter marki i pozwala skupić uwagę na treści, a nie na samym interfejsie.

To sklep tworzony przez osoby, które żyją dartem na co dzień – grają, organizują zawody, wspierają zawodników i aktywnie budują środowisko wokół tej dyscypliny. Ten kontekst czuć w komunikacji i grafice: DartTown nie sprzedaje tylko sprzętu, ale zaprasza do świata, w którym początkujący są wprowadzani w pasję krok po kroku, a zaawansowani gracze dostają realne, fachowe wsparcie. Design nie dominuje – jest tłem dla autentycznej relacji między marką a społecznością.

Czarna wersja szablonu Dealer pokazuje, jak ta sama baza może zostać całkowicie przestylizowana pod charakter konkretnej marki – bez utraty czytelności i funkcjonalności.

Szablon Shoper Dealer Storefront

Szablon Dealer dla B2B – funkcjonalność zamiast lifestyle’u

KomfortMed.pl to sklep medyczny zaprojektowany z myślą o odbiorcy B2B, dla którego liczy się przede wszystkim czytelność, powtarzalność i poczucie kontroli nad zakupem. Projekt świadomie rezygnuje z lifestyle’owych zdjęć i emocjonalnych narracji na rzecz uporządkowanej struktury, neutralnej kolorystyki i czystych packshotów produktów. Taki kierunek graficzny wzmacnia profesjonalny charakter marki i jasno komunikuje, że jest to narzędzie do codziennej pracy, a nie sklep oparty na impulsach.

Design skupia się na funkcjonalności: modułowej siatce produktów, wyraźnej hierarchii treści i prostych ikonach, które pomagają szybko odnaleźć właściwe rozwiązania – od zaopatrzenia gabinetów, przez placówki opieki, po klientów instytucjonalnych. Spójność wizualna na całej ścieżce zakupowej buduje poczucie stabilności i bezpieczeństwa, tak istotne w branży medycznej. Całość tworzy przejrzystą, spokojną przestrzeń, w której design nie konkuruje z ofertą, lecz konsekwentnie ją wspiera.

Szablon Shoper Dealer Storefront

Szablon Dealer jako przewodnik po ofercie

KetoVibes.pl to projekt, w którym grafika aktywnie prowadzi użytkownika przez świat diety ketogenicznej. Zamiast minimalistycznego tła zastosowano dynamiczny layout z wyraźnymi sekcjami, ikonami i wyróżnikami, które porządkują ofertę i pomagają szybko zrozumieć, do kogo i na co przeznaczone są poszczególne produkty.
Kolorystyka, kontrasty i rytm strony budują energetyczny charakter marki, a grafika pełni funkcję informacyjną – tłumaczy, podpowiada i ułatwia decyzje zakupowe. Całość tworzy spójną, czytelną przestrzeń, w której użytkownik jest prowadzony krok po kroku, zamiast zostawać sam z trudnym tematem keto.

Szablon Shoper Dealer Storefront

Szablon sklepu to narzędzie. Liczy się sposób jego wdrożenia

Jak pokazują powyższe przykłady, sam wybór szablonu to dopiero punkt wyjścia. O tym, czy sklep faktycznie zacznie działać lepiej, decyduje sposób jego wykorzystania: grafika, treści i przemyślana struktura strony głównej.

W ramach usługi Wdrożenie graficzne sklepu (Storefront) pomagamy zarówno nowym, jak i działającym od lat sklepom uporządkować wygląd, uzupełnić szablon i dopasować go do realnych potrzeb marki – tak, aby sklep był czytelny, spójny i gotowy do dalszego rozwoju.

Jeśli szukasz pomocy z grafiką Twojego sklepu na Shoper Storefront – odezwij się do nas na kontakt@shopcademy.pl lub zadzwoń 788087742. Chętnie pomożemy!

O co chodzi z tym Storefrontem?

Jeśli masz sklep na Shoper i nie potrafisz odpowiedzieć na pytanie: “a jesteście na Storefroncie, czy na RWD?” – to ten artykuł jest dla Ciebie 😉

Co to jest Shoper Storefront?

Shoper wprowadził niedawno nową technologię szablonów do sklepów. Nazwał ją: “Shoper Storefront”. Ale co to w ogóle oznacza dla zwykłego sklepu? Czy to ma jakieś znaczenie? I jak sprawdzić, czy jesteś na Storefroncie (bo warto!)? Sprawdźmy.

Dlaczego to ma znaczenie dla Twojego sklepu?

Bo szablon (a nie tylko silnik sklepu) wpływa na wiele aspektów Twojego biznesu, min. na szybkość i wydajność, na googlowskie parametry oceny  w PSI (Google Pagespeed Insights), tym samym wpływa na Twoje wyniki reklam i efekty SEO (pozycjonowanie w Google). To szablon decyduje o łatwej nawigacji, możliwościach mobilnych i responsywności sklepu – co z kolei przekłada się na lepsze UX w sklepie. Nowe szablony mają też nowy, lepszy mechanizm koszyka, w którym mamy mniej kroków i który jest znacznie wygodniejszy dla użytkowników mobilnych. Ostatecznie, to właśnie wiele elementów szablonu, wpływa na konwersję w sklepie, czyli na większe lub mniejsze zyski 🙂

Po co Ci Storefront?

Sklepy, które się przeniosą, będą moim zdaniem osiągać lepsze wyniki konwersji. Za tę samą kwotę abonamentu Shoper, można zbudować o niebo lepszy sklep.  

Czy warto się przenieść? 

W małym sklepie, przy średniej konwersji wynoszącej 2%, a obrotach 20 tys. zł miesięcznie, podniesienie konwersji nawet już zaledwie o 0,1%, to dodatkowy zarobek 1 tys. zł. co miesiąc.
Z tego wniosek, że nie tylko warto przejść na nową technologię jeśli podniesie konwersję, ale też, że nie warto oszczędzać na szablonie, bo dobrze konwertujący szablon nie tylko szybko się zwraca, ale też już potem zarabia dla Ciebie przez długie lata.

Dlaczego warto się przenieść?

Oprócz szybkości, lepszej nawigacji, nowego koszyka, i mobilnych ustawień – w technologii Shoper Storefront możesz też bardziej elastycznie rozbudowywać sklep, bo nie ma takich ograniczeń jak były w starych szablonach. Wreszcie sklepy na Shoper będą mogły dorównywać wyglądem najlepszym światowym brandom. Nawet jeśli wybierzesz gotowy szablon, to już teraz możesz zobaczyć, że Storefrontowe szablony mają o wiele więcej fajnych funkcji i dużo lepiej wyglądają. 

Do tego znacznie łatwiej jest samodzielnie obsługiwać szablon – zmieniać banery, dodawać kolejne moduły według uznania, co w wielu wypadkach wcześniej nie było możliwe bez znajomości HTML i CSS. Musieliście więc korzystać z płatnej pomocy specjalistów – a teraz możecie zaoszczędzić te fundusze.

No i wreszcie: koniec z rozsypywaniem się szablonów po aktualizacji – nie będzie już potrzeby modyfikowania plików tpl, które powodowały problemy z aktualizacjami 🙂 Nie musisz więc już też dopłacać za wsparcie techniczne na wypadek gdyby się coś jednak rozsypało. 

Komu będzie trudno się przenieść?

Sklepy, które korzystają z wielu zaawansowanych, dedykowanych modyfikacji i aplikacji, mogą nie móc się przenieść dopóki nie sprawdzą, czy wszystkie wykorzystywane przez nie rozwiązania są już w pełni kompatybilne ze Storefront. Niektórych rzeczy jeszcze brakuje, a o tempie prac nad nimi decydują ich twórcy (a nie Shoper). Dobra wiadomość jest jednak taka, że Storefrontowych rozwiązań cały czas przybywa, a im więcej sklepów będzie na Storefroncie, tym większy potencjalny zarobek i motywacja dla twórców aplikacji.

Gorzką pigułkę do przełknięcia mają niestety te sklepy, które zainwestowały duże pieniądze w stworzenie grafiki indywidualnej na starej technologii, i teraz musiałyby zapłacić prawdopodobnie znowu duże pieniądze za stworzenie grafiki na Storefroncie. Dodatkowo trzeba tu też doliczyć czas, który jest potrzebny na zakodowanie nowej grafiki w nowej technologii. 

Jak się przenieść na Shoper Storefront?

1.Wybierz nowy szablon
-jeden jest darmowy w Twoim panelu, ale są też do wyboru piękne, nowe, płatne szablony w sklepie ze stylami Shoper. Znajdziesz je albo w panelu Twojego sklepu w: Wygląd i treści > Wygląd sklepu > Sklep ze stylami graficznymi, albo na stronie Shopera, tu: https://www.shoper.pl/szablony-graficzne.

2. Zrób nieaktywną kopię tego szablonu.

3. Wypełnij ją swoimi banerami.

4. Podepnij na nowo odpowiednie aplikacje/ integracje/ tagi itp.

5. Sprawdź wszystko w podglądzie.

6. Aktywuj szablon w sklepie – dopiero teraz zmiany są widoczne dla klientów i dla Google. 

Jak sprawdzić czy jesteś na Storefront?

Jeśli niedawno otwierałeś sklep – prawdopodobnie jesteś już na nowej technologii (Shoper Storefront jest domyślny w nowych sklepach, mniej więcej od połowy 2024 r. – choć dokładnej daty nie znam).
Dłużej działające sklepy, jeśli w 2024 r. nie wymieniały szablonu, to raczej są na starej technologii (szablony RWD). 

Sprawdzisz to wchodząc w panelu sklepu w “Wygląd i treści” > “Wygląd sklepu” > “Obecny szablon graficzny”. Tu znajdziesz typ: “storefront” lub typ: ”stary szablon”.
Na liście szablonów, łatwo odróżnisz stare od nowych. Chodzi mi o te dwie zakładki: “Sklep ze stylami” i “Twoje szablony graficzne”. Miniaturki szablonów zostały tu oznaczone wyraźną wstążką “storefront”.

Co Was często zaskakuje przy przenosinach?

1. Modyfikacje.
   Nic ze starego szablonu, samo się nie przeniesie do nowego: ani modyfikacje, ani dodatki.
   Jeśli będziesz chciał z nich dalej korzystać, trzeba je stworzyć na nowo w nowej technologii (najczęściej nie wystarczy przekleić kod, trzeba go też odpowiednio dostosować). Sprawdź też, czy aby nie są już wbudowane w nowy Storefront – Co z rzeczy dodatkowo płatnych w starych szablonach Shoper RWD, jest już teraz wbudowane w nowe szablony Shoper Storefront
   
2. Aplikacje.
   Trzeba sprawdzić czy aplikacje, z których teraz korzystasz i chcesz nadal korzystać,  są dostosowane do Storefront. 
   
3. Integracje własne. 
   W nowych szablonach dodaje się je w szablonie w zakładce „pop-upy i dodatki”. Więcej na ten temat przeczytasz w „chmurce” od Shopera w swoim panelu.
   
   
   Może się okazać, że część integracji musisz teraz dodać Google Tag Managerem, bo nie możesz ich już po prostu wkleić w sekcji <head> szablonu, tak jak to było zorganizowane w starej technologii. Nie jest to trudne, ale trzeba o tym wiedzieć 🙂
   
4. Kopia. Trzeba działać na kopii szablonu – bo nie ma możliwości cofnięcia zmian – pisałam już o tym jak nie popsuć sobie szablonu tutaj: Jak pracować z szablonem Storefront, kiedy dopiero zaczynasz

Wsparcie Shopcademy

Jeśli macie jeszcze jakieś pytania o Storefront i opłacalność przenoszenia oraz inwestycji w szablon Shoper Storefront – piszcie do nas śmiało, chętnie pomożemy 🙂 W kolejnych artykułach będę jeszcze szerzej omawiać temat przenosin na Shoper Storefront, dlatego już teraz zapraszam do powracania na naszego bloga 🙂
Poniżej jeszcze raz zamieszczam całą playlistę Shopera, wyjaśniającą nowe funkcje technologii Storefront. Zapraszam też na nasza stronę, gdzie możecie obejrzeć demo naszego Storefrontowego szablonu Dealer : https://shopcademy.pl/sklep/szablon-shoper-storefront-dealer/

Jak zwykle, trzymam kciuki za Wasze sklepy 🙂
Pozdrawiam,
Ewa Marek

SZABLONY SHOPER

Edycja szablonu Shoper Storefront –
jak pracować z szablonem Storefront, kiedy dopiero zaczynasz

Otwierasz sklep na Shoper i będziesz samodzielnie działał z jego grafiką?

A może masz już sklep na starym szablonie RWD i myślisz o przeniesieniu na szablon w nowej technologi Shoper Storefront?

W tym artykule opowiem Wam o:
– dobrych praktykach pracy z nowym Storefrontem,
– o częstych błędach popełnianych w darmowym szablonie,
– o 3 możliwych strategiach stworzenia na Storefroncie cudownego sklepu swoich marzeń (każda z nich ma swoje plusy i minusy),
– i o tym, czy warto zainwestować w płatne szablony.

Zainteresowani? 🙂 No to lecimy od początku…

Zacznijmy od tych z Was, którzy dopiero otwierają sklep 🙂
Nie wiem dlaczego tak jest, że każdy początkujący przedsiębiorca, który kupuje u mnie konfigurację sklepu na start, zaczyna swoją pracę ze sklepem od grzebania (w domyśle: od psucia) szablonu. A potem trafia do mnie 🙂

Nie ma w sklepie jeszcze dodanych produktów i kategorii, nie skonfigurowano żadnych praktycznie ustawień, ale już w szablonie widzę dodane pierwsze grafiki i pousuwane elementy, których nie można przywrócić. 

Błąd jaki popełniacie na starcie, to testowanie różnych możliwości szablonu Storefront, bez wcześniejszego wykonania kopii. Dobry szablon zaczyna się od pomysłów na content i trzymania się dobrych praktyk (takich jak tworzenie kopii właśnie).

Najczęściej efektem takich eksperymentów jest “porozjeżdżany” szablon, który na mobilu w ogóle nie nadaje się do użycia. Często projekt zostaje w tym momencie porzucony, bo przedsiębiorca myśli wtedy – zajmę się najpierw konfiguracją ustawień i wrócę do szablonu później. Jest jeden problem w takim planie: żeby pomyślnie przejść weryfikację przez operatora płatności, sklep musi już być gotowy. Nie możesz więc skonfigurować płatności, dopóki nie rozwiążesz swojego problemu z frankenstainowym szablonem. No ale jak go rozwiązać?

Bez dobrego planu na wygląd szablonu, nie stworzycie spójnego, profesjonalnego wyglądu

Opowiem Wam więc dzisiaj, jak moim zdaniem, należy się zabrać za grafikę jeśli dopiero otwierasz sklep, albo dopiero zaczynasz korzystać z nowych szablonów Shoper Storefront, tak żeby móc przeprowadzać eksperymenty i stworzyć swoją wymarzoną grafikę sklepu, ale nie utknąć i móc sprawnie korzystać z szablonów Shoper Storefront.

O super korzyściach z korzystania z technologii Shoper Storefront pisałam już w moich poprzednich artykułach, tu: Nasza opinia o Storefroncie i tu: Co z rzeczy dodatkowo płatnych w szablonach Shoper RWD, jest już teraz wbudowane w szablony Shoper Storefront.

Edycja szablonu Shoper Storefront – dobre praktyki

Zanim zaczniesz działać na swoim nowiuteńkim szablonie Shoper Storefront (a wiem, że Was kusi, żeby od razu się pobawić, klikać i zmieniać miliard ustawień :)) to jednak najpierw:

1. Zduplikuj jedyną oryginalną kopię szablonu, którą widzisz w swoim panelu.  

Od tej pory, za każdym razem kiedy na nowo siadasz do pracy w szablonie, rób duplikat poprzedniej wersji i działaj na kolejnej kopii. 

To jedyny sposób, żeby po ewentualnym nieudanym eksperymencie, powrócić do poprzedniej wersji szablonu. Jeśli zapiszesz zmiany w szablonie – nie będziesz już miał opcji ich cofnięcia. Jeśli coś usuniesz, nie będziesz potrafił tego z powrotem dodać. No chyba, że będziesz miał starszą kopię szablonu, gdzie bez problemu podejrzysz jakie moduły i ustawienia danej sekcji trzeba wybrać, żeby wyglądało to z powrotem przyzwoicie :).

Porządek w kopiach

Dopowiem jeszcze dla pewności, że możesz mieć sporo kolejnych kopii szablonu – nie wpływa to na spowolnienie sklepu – ktoś mnie o to kiedyś zapytał więc informuję: Shoper to bestia, Wasze 10 czy 20 kopii szablonu na prawdę go nie spowolnią 🙂 Oczywiście warto usuwać, w miarę na bieżąco, te kopie, które są popsute albo już nie są Ci potrzebne – żeby się nie pogubić. To ważne dla porządku w panelu sklepu i wygody dalszej pracy – Twojej lub osób, które będą w przyszłości działać z Twoim szablonem. 

Praca w ukryciu 

Jeszcze jedna ważna kwestia to to, że kopie są nieaktywne. Dopóki nie ustawisz szablonu jako aktywny w sklepie, nikt z klientów go nie zobaczy. Dlatego możesz pracować spokojnie za kulisami, nad coraz bardziej rozbudowanymi wersjami szablonu, i dopiero kiedy przetestujesz wszystko w podglądzie, to pokazać światu swój geniusz (ustawiając daną kopię szablonu jako aktywną). 

2. Przetestuj wszystko w podglądzie szablonu przed aktywacją. 

 No właśnie – podgląd szablonu. Ważny temat, na dodatek trudny. Nie polecam polegania na podglądzie w Shoper Visual Edytorze. To co widzisz w panelu podczas prac, to nie jest to co zobaczą klienci – to jest zbliżone do tego co klienci zobaczą.

Żeby faktycznie wygodnie przetestować, jak szablon wygląda od strony klienta, skorzystaj z tego podglądu:

 albo

Uwaga! Ten podgląd lubi się wyłączać, więc sprawdzaj czy na pewno nadal oglądasz swoją nieaktywną kopię szablonu, czy może podgląd już pokazuje szablon aktualnie aktywny w sklepie.
Ten podgląd otworzy się w nowej karcie przeglądarki, odświeżaj ją za każdym razem kiedy chcesz zobaczyć nowo zapisane zmiany. 

No dobra, znamy już dwie podstawowe dobre praktyki, a teraz przejdźmy do bardziej strategicznych decyzji w kwestii działań z szablonami Shoper Storefront, żebyś mógł sprawnie otworzyć sklep, lub sprawnie przenieść się na szablon w tej nowej technologii. 

Jak strategicznie podejść do wyglądu swojego sklepu Shoper na Storefroncie – 3 strategie

Żeby faktycznie fajnie wykorzystać Shopera i szybko ruszyć ze sprzedażą, warto się zastanowić nad możliwościami, jakie akurat masz. Grafiki nie pojawią się znikąd, a od ich jakości będzie w dużej mierze zależał odbiór sklepu przez klienta.
Na starcie masz więc (moim zdaniem) trzy możliwości: 

1. wypełnienie darmowego szablonu
2. zmodyfikowanie darmowego szablonu
3. zakup płatnego szablonu, i znowu, wypełnienie go, sekcja po sekcji, swoimi materiałami.

Istnieje jeszcze oczywiście opcja zamówienia grafiki indywidualnej – ale tą kwestią nie będę się zajmować w tym artykule. Uważam, że dla wielu sklepów na start wystarczy dobry szablon 🙂

Na starcie radzę zdecydować, które z wyżej wymienionych rozwiązań najbardziej Ci odpowiada. I trzymać się tej decyzji.

Omówię pokrótce te trzy rozwiązania bo każde ma swoje wady i zalety. Jakie?

Strategia I. Wypełnienie darmowego szablonu

Jeśli dopiero zaczynasz ze sklepem, to jest rozwiązanie dla Ciebie.
Zaleta: darmowość, szybki start, szybkie zgłoszenie do weryfikacji operatora płatności. Nikt oprócz Ciebie nie wie, jak miał wyglądać sklep i czy szablon pasuje do stylu Twojej marki (bo jeszcze nie masz stylu). Na początek wypełnienie gotowego szablonu pomaga uniknąć błędów UX (o których domyślam się, że jeszcze nawet nie wiesz, że istnieją), powstrzymuje Cię przed tworzeniem dziwacznych (inaczej przez Was nazywanych: innowacyjnymi) rozwiązań, niepraktykowanych w innych sklepach i przez to też obcych klientom. 

Profesjonalny efekt
Wypełniając już przygotowany szablon osiągasz spójny i profesjonalny efekt. A nawet jeśli w darmowym szablonie masz sekcje, które Ci się bardzo nie podobają, to po prostu je wyłącz. 

Wiem, że chcesz się wyróżniać – ale na pewno nie chcesz się wyróżniać na minus. Dlatego pieczołowicie wypełnij zaplanowane w darmowym szablonie sekcje swoimi materiałami. Wymień przykładowe obrazy na swoje, zamień teksty nagłówków na takie, które dotyczą Twoich produktów, podmień linki w przyciskach, żeby prowadziły tam gdzie chcesz.
Dopiero potem (oczywiście w kolejnej kopii szablonu) zacznij bawić się w zmianę ustawień, czcionek, kolorów, modułów, sliderów, i wszystkiego innego co jeszcze przyjdzie Ci do głowy. Dopiero w kolejnych kopiach szablonu jest czas na edytowanie standardowych elementów sklepu, jak np. usuwanie elementów nawigacji z nagłówka i inne eksperymenty na mobilu. Przed zapisaniem zmian, nie masz pojęcia czy będzie to dobrze wyglądać i czy będzie dobrze się sprawdzać z Twoimi klientami. Dlatego kolejne eksperymenty przeprowadzaj na kolejnych kopiach, pamiętając, że po zapisaniu zmian, nie ma już możliwości ich cofnięcia. 

Dlaczego wypełnienie już zaplanowanych w darmowym szablonie sekcji, to lepsze rozwiązanie dla początkujących niż samodzielne modyfikowanie darmowego szablonu? Przecież Storefront właśnie tak się reklamuje: że możesz sobie na nim wszystko zrobić, i do tego sam. Już spieszę wyjaśnić.

Zespół specjalistów

Nad stworzeniem porządnego szablonu do sklepu internetowego, pracuje cały zespół specjalistów, których będzie Ci ciężko zastąpić w pojedynkę, samodzielnie przerabiając darmowy szablon Shoper Storefront:
-grafików (którzy dopracowują detale i pracują nad kompozycją, balansem, kontrastem, czytelnością, nowoczesnością, hierarchią informacji i prowadzeniem oka klienta w najważniejsze części sklepu);
– developerów i programistów (którzy odpowiadają za poprawne działanie funkcji szablonu, szybkość, wydajność oraz wyświetlanie wszystkich funkcjonalności w każdej rozdzielczości ekranu i na wszystkich przeglądarkach, każdego urządzenia na świecie);
– marketingowcy i contentowcy (którzy decydują o stylu marki i planują konkretne, perswazyjne i ciekawe sekcje w szablonie, żeby skutecznie zachęcać klientów do zakupów);
– specjaliści ux (którzy pilnują, żeby stosowane w sklepie rozwiązania były wygodne dla klientów bo to podnosi konwersję);
– seowcy (których zadaniem jest przemycić takie rozwiązania, które pozwolą sklepowi wyświetlać się za darmo w organicznych wynikach wyszukiwania Google);
-i wreszcie sprzedawcy (bo to na podstawie ich wiedzy o produkcie i klientach działają wszystkie pozostałe osoby w zespole).

Wszystkie te osoby to specjaliści z doświadczeniem e-commerce, którzy nie tylko muszą śledzić aktualne trendy i zmiany na rynku, żeby nadążać, ale też czuwają nad tworzeniem sensownej, zyskownej, długofalowej strategii sklepu.

Wszystkie te osoby poświęcają mnóstwo czasu na prace nad szablonem i testowanie kolejnych iteracji zmian, których celem jest wyłonienie najlepszej wersji szablonu, takiej która wygląda pięknie i dobrze sprzedaje. Prace nad szablonem zajmują nawet rok. 

Nawiasem mówiąc, wiedzę i czas tych osób możesz kupić za 1199 zł – 1699 zł netto (cena szablonów Shoper Storefront) – co moim zdaniem jest doskonałą inwestycją i oszczędnością czasu oraz pieniędzy, wydanych lub utraconych jeśli popełnisz błędy samodzielnie tworząc szablon swojej grafiki z darmowego szablonu Storefront. Ale o kupowaniu szablonu będzie za chwile. Teraz wróćmy do edycji darmowego szablonu.

Jeśli zdecydujesz się pracować na darmowym szablonie Shoper Storefront, to tutaj garść wskazówek ode mnie – te częste błędy widzę, kiedy zaczynacie na Storefroncie.

Zwróć uwagę na te błędy

Błąd 1. Nie dodajecie nagłówka H1
W darmowym szablonie Shoper Storefront nie dodano żadnego nagłówka H1 na stronie głównej sklepu. Powinieneś więc to zrobić samodzielnie, bo to ważne dla Twojego pozycjonowania w Google. Nagłówek H1 informuje roboty, o czym jest Twoja strona (oczywiście to duże uproszczenie). Zastanów się więc nad swoimi słowami kluczowymi, i stwórz na stronie głównej nagłówek z tymi słowami. Następnie oznacz go jako H1.
W płatnych szablonach H1 jest już dodane – musisz tylko wymienić treść nagłówka i nie musisz się martwić o jego oznaczanie.

Błąd 2. Malujecie teksty na grafice
Często widzę, że początkujący, dodają do sklepu obraz, na którym już dodali napisy w jakimś programie graficznym (bo tak było dla nich łatwiej, niż eksperymentować z ustawieniami tekstów w Storefront). To błąd, bo takich tekstów nie przeczytają roboty Google. Jeśli chcesz dodać tekst w swoim sklepie, najlepiej korzystać z modułu “tekst i multimedia”. Wtedy tekst jest możliwy do przeczytania przez roboty Google i pomaga pozycjonować Twoją witrynę.

W płatnych szablonach (nie wiem czy we wszystkich, na pewno w naszym Dealerze tak jest) możesz wykorzystać banery, na których wyświetlają się napisy w formie tekstu. To zdecydowanie lepsze rozwiązanie – tekst może się bowiem ładnie składać w zależności od rozdzielczości ekranu (a ten namalowany na obrazie, nie może), oraz tekst jest wtedy czytelny dla robotów i dla ludzi w równym stopniu 🙂

Błąd 3. Tworzycie zły kontrast na przyciskach

Zdarza się, że źle dobieracie kolory w sklepie – i mam tu na myśli niedostateczny kontrast pomiędzy kolorami, np. czcionki, a tła na przycisku. Jeśli kontrast jest za mały, napis jest nieczytelny, a cały projekt zaczyna wyglądać nieprofesjonalnie, tylko nie wiadomo dokładnie dlaczego :).

Profesjonaliści korzystają z narzędzi, którym wystarczy podać swoje kolory, żeby dowiedzieć się, czy kontrast między nimi jest wystarczający. Te same narzędzia mogą nawet zaproponować Ci całą paletę kolorów Twojej marki, dopasowanych do siebie.   
W płatnych szablonach, ktoś już przemyślał kolory za Ciebie, ale możesz je dowolnie zmieniać, więc o odpowiednim kontraście zawsze warto pamiętać.

Błąd 4. Dodajecie za dużo tekstów na banerach
Baner nie powinien być zagracony zbyt dużą ilością tekstów, bo przestaje być czytelny i nie zachęci klienta do kliknięcia.  Formatowanie tekstu to sztuka – serio, jest tutaj bardzo wiele elementów, które decydują o tym, czy tekst wygląda profesjonalnie, jak w journalu, czy raczej jak w gazetce reklamowej marketów z lat 90tych. Nie wszystkie kroje czcionek do siebie pasują, ważna jest odpowiednia interlinia, a nawet przerwy między literami. Nigdy nie używaj więcej niż 3 czcionek i odpuść sobie pstrokate kolory. Im mniej tekstu, tym bardziej prawdopodobne, że samodzielnie stworzysz atrakcyjny, skuteczny baner.
Warto obejrzeć bannery w sklepach znanych marek, albo nawet te z demo płatnych szablonów – zobacz, które Ci się podobają, jakie wrażenie robią i zaprojektuj swoje teksty w podobnej ilości.

Błąd 5. Nie testujecie mobile
Niektórzy początkujący tak mocno skupiają się na pracy na desktopie, że zapominają kompletnie o wersji mobilnej. Znajduje na mobilu różne “kwiatki”: czasem pozostawione logo Shoper, czasem brak menu, najczęściej porozjeżdżane na kilka linijek elementy nagłówka. Sprawdźcie wersję mobilną przed opublikowaniem szablonu.

Błąd 6. Psujecie wyniki PSI (Google Page Speed Insights) 
Szablony Shoper Storefront mogą mieć o niebo lepsze wyniki w PSI, niż miały szablony w starej technologii. Ma na to wpływ wiele czynników, i nie będę ich tutaj omawiać, chcę tylko zwrócić Waszą uwagę na to, że te dobre wyniki można łatwo popsuć. Najważniejsze dla początkujących jest to, żeby optymalizować wszystkie grafiki dodawane do sklepu.

Każdy baner, każde logo – muszą być zoptymalizowane jeśli nie chcecie żeby ładowały się Waszym klientom przez wieczność. To bardzo ważne, bo Wasza ocena w PSI, wpływa na pozycjonowanie i przekłada się nawet na koszty reklamy.

Błąd 7. Nie wypełniacie altów, zapominacie o logo i faviconie
Wypełnijcie w swoich szablonach Shoper Storefront pozycje, które dodano dla wygodnego pozycjonowania: każdy obraz ma teraz możliwość dodania “tekstu alternatywnego” i warto to pole wypełnić. Szczególnie ważne jest, żeby sklep nie zaindeksował się z jakimś przykładowym tekstem już tam dodanym, zamiast właściwego. To samo dotyczy favicony, która w darmowym szablonie jest faviconą shoperową, oraz logo – sprawdźcie np. logo w koszyku, czy na pewno jest podmienione (widziałam pozostawione logo Shopera w już co najmniej kilku sklepach SF i kiedy robiliśmy pierwsze nasze wdrożenie szablonu u klienta, to sami popełniliśmy ten błąd, także mówię z doświadczenia 🙂

Nie zakochuj się w swoim projekcie

I na sam koniec jedna ważna dla początkujących porada, pół żartem, pół serio: “nie zakochuj się w swoim dziele”. To dobrze udokumentowany efekt w psychologi: jeśli włożyłeś w coś wysiłek, bardziej to cenisz. Tak działa np. Ikea, która każe Ci skręcać meble, i domowe zwierzaki, zwłaszcza koty. Ale odbiegam od tematu.
Nie zakochuj się w swoim dziele oznacza mniej więcej tyle, że powinieneś zapytać kogoś jeszcze, czy podoba mu się taki szablon, po przeróbkach, jaki stworzyłeś. Trudno jest samemu ocenić swoją pracę jeśli nie ma się doświadczenia, dlatego warto podpytać rodzinę albo znajomych, zanim wypuści się do Internetu swoje dzieło. 

Strategia II. Zmodyfikowanie darmowego szablonu

Twoja wizja

To idealne rozwiązanie dla tych, którzy chcą poświęcić trochę czasu na zabawę z szablonem Shoper Storefront i mają wizję tego, jak chcieliby żeby ich sklep wyglądał. Opcja i dla tych, którzy zaczynają ze sklepem i dla tych, którzy mają już sklep na starym szablonie Shoper RWD, a chcą zacząć wykorzystywać nowy szablon Shoper Storefront. 

Plus jest taki, że w Storefroncie możesz naprawdę bardzo dużo rzeczy osiągnąć po prostu odpowiednio wykorzystując ustawienia szablonu i dostępne moduły, bez żadnych umiejętności programistycznych – nie potrzebujesz: html, JS, CSS. 

Minus jest taki, że opanowanie tych wszystkich możliwości zajmie Ci sporo czasu. I mam na myśli NAPRAWDE sporo. Skąd to wiem?

Wiem, bo widziałam w praktyce ile czasu zajęło to nam w Shopcademy, oraz czytałam wiele wpisów sfrustrowanych pracami osób, które skarżyły się, że pracują nad swoim wymarzonym szablonem już dwa miesiące i ciągle to jeszcze nie wygląda…Cóż – tutaj dochodzi jeszcze oczywiście kwestia ambicji i tego jak bardzo rozbudowany szablon chcesz stworzyć. Oczywiście bardziej zaawansowane efekty osiągniesz jednak znając CSS i HTML. 

Ale jeśli podejdziesz do tego jak do zabawy, nastawisz się na testowanie różnych możliwości, będziesz robić kolejne kopie, żeby Twoja praca się nie marnowała, to myślę, że obejdzie się bez frustracji 🙂  

Jeszcze raz, plus: darmowość, minus: NIE osiągniesz aż tak spektakularnych efektów, jakie dają płatne szablony. Ma to również związek z dodatkowymi “modułami własnymi”, które są wbudowane w płatne szablony, a których nie zrobisz sobie sam bez umiejętności programistycznych. 

Moduły własne w Standardzie i Premium

W tym miejscu od razu rozwieję jeszcze jedną częstą wątpliwość: nie, nie musisz być na Premium, żeby korzystać z wbudowanych modułów własnych – jeśli kupisz szablon z dodatkowymi modułami, to możesz z nich korzystać w Standardzie. 

To co daje Premium, to możliwość stworzenia swoich własnych dodatkowych modułów. Jeśli więc będziesz chciał w Premium stworzyć sobie jakiś wypasiony moduł – to możesz. A w Standardzie możesz tylko korzystać z tych wbudowanych w szablonach lub kupić je od Shopera tak jak aplikacje w abonamencie, w sklepie z modułami (na razie bardzo ubogim, ale pewnie się rozkręci).

Ćwiczenia ze Storefrontu

Nawet jeśli planujesz zainwestować w płatny szablon Shoper Storefront, to i tak polecam każdemu zrobienie sobie kopii darmowego szablonu i poklikanie w tych wszystkich opcjach. Im bardziej będziesz biegły w obsłudze Storefrontu, tym więcej korzyści odniesiesz z każdego szablonu – darmowego czy płatnego. 

To ważne, żebyś potrafił samodzielnie nanosić zmiany na szablon i wiedział jakie on daje możliwości – będziesz przecież kiedyś chciał wymienić banery promocyjne na nowsze, będziesz chciał podnosić konwersję testując różne wersje, np. kolejności sekcji. Może z czegoś będziesz chciał zrezygnować, albo dodać, kiedy pojawi się w Twoim sklepie nowy asortyment, np. nowa kategoria produktów. 

Opanowanie funkcjonalności Twojego szablonu, daje dużo swobody i sprawia, że Twój sklep może być zawsze na czasie, zmieniać się często i w zależności od sezonu – co na pewno docenią stali klienci, bo zawsze znajdą u Ciebie coś nowego i interesującego. A nowi klienci od razu zauważą, że sklep nie wygląda na “opuszczony”, tylko faktycznie ktoś tam po drugiej stronie przeżywa razem z nimi święta, pory roku, okazje itp. Klienci dostrzegają to, że jesteś na czasie, a sklep wygląda na żywy. 

Strategia III. Zakup płatnego szablonu

Ostatnia opcja, skutecznego tworzenia grafiki do sklepu na Storefroncie, to oczywiście zakup szablonu z tych, które są już dostępne na rynku. Możesz wybrać te z oficjalnego sklepu Skin Store Shopera albo spoza niego (np. od nas – od Shopcademy :)).  . 

A oto plusy takiego zakupu:
– dużo lepszy efekt wizualny i więcej funkcji w szablonie
Wynika to z faktu, że jak już wspominałam wcześniej, nad stworzeniem szablonu pracuje cały zespół specjalistów z doświadczeniem, pracują długo i nie bazują jedynie na wbudowanych w darmowy szablon opcjach, tworzą własne. Do tego poświęcili mnóstwo czasu na zapoznanie się z dokumentacją Storefrontu i jego możliwościami.

– możliwość wykorzystania dodatkowych, wbudowanych “modułów własnych”
Nawet jeśli jesteś na abonamencie Shoper Standard, a nie w Premium. Nie musisz wtedy płacić dodatkowego abonamentu za każdy moduł, tak jak to jest w przypadku gdybyś kupował pojedyncze moduły z App Store Shopera. A płatność za szablon jest jednorazowa. Niestety nie przeniesiesz sobie tych modułów z jednego szablonu do drugiego. Wspominam o tym, żebyście wiedzieli, że nie złożycie sobie idealnego szablonu z modułów dodatkowych, które kupicie w kilku płatnych szablonach 🙂 

Więcej o modułach własnych w szablonach Shoper Storefront, wyjaśnię jeszcze w kolejnych artykułach, na przykładzie naszego Dealera. Pokażę Wam jak to wszystko wygląda od środka w sklepie Standard i w sklepie Premium 🙂  

– możesz się dużo nauczyć, obserwując jakie ustawienia zostały wybrane
w każdej sekcji przez twórcę szablonu. Wypracowanie tej wersji ustawień zajęło twórcom szablonu długie godziny, i fajnie jest podpatrzyć cudze pomysły, żeby potem móc je zastosować kiedy będziemy chcieli jeszcze sobie podziałać na szablonie. Wiele ustawień w Storefroncie stanie się dużo jaśniejsze, kiedy zobaczycie je w akcji 🙂

–oszczędzasz mnóstwo czasu, jaki musiałbyś spędzić nad szablonem, żeby “wyklikać” samodzielnie takie ustawienia dla każdej sekcji, wiersza, kolumny w szablonie (np. na mobilu). Zdradzę Wam, że “wyklikanie” Dealera (i to według już przygotowanych, wcześniej przetestowanych wytycznych) zajmuje około 3-4 godziny, i zwykle nie robię tego za jednym posiedzeniem, bo zwariować można 🙂

-osiągasz lepszą konwersję już na starcie
Piękny, rozbudowany sklep, w którym nie ma błędów i niedoróbek, wzbudza większe zaufanie klientów. Dlatego ma też, moim zdaniem, większy potencjał sprzedażowy, niż jego odpowiednik, z taką samą ofertą, ale zapakowaną w gorszy szablon. Im więcej predefiniowanych sekcji, w których możesz w ciekawy sposób zaprezentować swoje produkty, żeby złapać uwagę klienta nawet choćby na sekundę dłużej, i może nawet zachęcić go do kliknięcia, tym lepsze wyniki sklepu. Mam na myśli i wyniki konwersji (większa ilość zamówień i wartość koszyka przy takiej samej liczbie wizyt w sklepie), i ocenę Twojego sklepu przez Google, która przełoży się na cenę Twoich reklam i pozycjonowanie w organicznych wynikach wyszukiwania.

Przejdźmy zatem do minusów, żeby było chociaż trochę obiektywnie – chociaż na pewno już zauważyliście, że jestem totalnie zakochana w szablonach na Storefront 🙂

Minusy:
– oczywiście koszty
Płatne szablony są … no właśnie płatne, więc droższe niż ten darmowy 🙂 Szablony Storefrontowe są też droższe niż te stare szablony RWD. Ich koszt, na dzień dzisiejszy, to od 1199zł netto do 1699zł netto, ale ceny cały czas się zmieniają.
Jeśli ruszasz z nowym sklepem, w ogóle nie inwestuj w stary szablon, to kompletnie bez sensu.
Jeśli natomiast masz już sklep i myślisz o przeniesieniu na Storefront, to warto moim zdaniem zainwestować już teraz, bo zwykle z roku na rok ceny raczej się podnoszą niż spadają. U nas nie było obniżki ceny szablonów, nigdy.
Myślę, też, że prędzej czy później, wszystkie sklepy będą się chciały przenieść na Storefront – bo to jest po prostu lepsza, nowsza technologia, która pozwala osiągać lepsze wyniki. Jeśli więc możesz sobie pozwolić na nowy szablon na Storefront, to chyba warto się przenieść szybciej niż później, żeby też szybciej zacząć odczuwać korzyści z przeniesienia.
Ceny szablonów Shoper Storefront raczej nie spadną, to co ewentualnie może się jeszcze poprawić to to, że może się pojawić więcej szablonów do wyboru. 

– trzeba się na coś zdecydować
To kolejny minus – żeby wybrać szablon, trzeba poświęcić trochę czasu i energii na przejrzenie demo szablonów i porównanie ich funkcji. Warto się rozeznać w rynku, potestować sobie szablony na różnych rozdzielczościach i sprawdzić wyniki demo np. w PSI. Fajnie jest podejrzeć szablon w akcji, w sklepach, które już go wykorzystują, bo możesz sobie wtedy łatwiej wyobrazić jak szablon mógłby wyglądać również w Twoim sklepie.
Pomimo całego researchu, zazwyczaj i tak wybierzecie ten szablon, który Wam się najbardziej podoba z wyglądu, i to też dobrze 🙂 – w końcu Wasz sklep ma się Wam podobać z wyglądu, i nawet jeśli nie ma miliarda funkcji dodatkowych, to to też jest okej 🙂 Trzeba się na coś zdecydować, i zaplanować jakimi materiałami wypełnicie poszczególne sekcje w swoim nowym szablonie. 

Minus przeniesienia się na Strorefront, niezależnie od szablonu
Wspomnę tutaj o jeszcze jednej rzeczy, która dotyczy osób przenoszących swój sklep na Storefront, które to osoby korzystają z “integracji własnych”. 

Niezależnie od tego czy korzystasz z darmowego czy płatnego szablonu – te integracje na Storefroncie działają zupełnie inaczej, albo raczej…nie działają 🙂 Nie będziesz mógł ich po prostu przekleić do nowego szablonu, bo Storefront korzysta z min. turbo JS i każdy stary kod musisz do tego dostosować.
Jeśli więc korzystasz np. z czatu, albo Trustmate w “integracjach własnych”, to teraz żeby wszystko działało tak samo, odpowiedni kod musisz dostosować i dodać za pomocą Google Tag Managera (GTM). Zajrzyj też do zakładki w szablonie “popupy i dodatki” – tam musisz dodać swoje id od Analytics.

Jeśli temat samodzielnego dodawania kodu do GTM Was interesuje, to rozwinę go w kolejnych artykułach, żeby każdy mógł sobie z tym poradzić samodzielnie 🙂

Pewnie w przyszłości będzie to jakoś ułatwione, ale na razie, ponieważ muszą jednocześnie być obsługiwane i stare szablony i nowe szablony, to z przyczyn technicznych sposób organizacji integracji własnych trzeba było jakoś rozdzielić. 

Jeśli sam nie potrafisz skorzystać z GTM, a chcesz dalej korzystać z tego co wykorzystywałeś w starym szablonie – to być może będziesz musiał kogoś poprosić o pomoc. Być może płatną.
Pomimo tej drobnej niedoróbki Storefrontu, myślę, że i tak przeniesienie się na nowe szablony ma dużo, dużo więcej plusów niż minusów. Jeśli się jeszcze wahacie, przeczytajcie czy warto się przenieść, w tym artykule. 

Jestem nieobiektywna

Jak pewnie wszyscy wiecie, w Shopcademy tworzymy szablony do Shopera, i to już od ponad 10 lat. Mam więc w tym swój interes, żeby namawiać Was na zakup szablonu. Poddajcie więc moje argumenty krytyce i samodzielnie oceńcie Waszą sytuację, żeby podjąć najlepszą dla Was decyzję 😉
W Shopcademy mamy już też stworzone nasze pierwsze szablony na Shoper Storefront, bo uważamy, że każdy powinien się na nie przenieść i to jak najszybciej. Zmiana RWD na Storefront, to nie tylko zmiana wizualna – to jest przede wszystkim zmiana technologiczna. 

Przy tworzeniu naszego flagowego szablonu Dealer w wersji Storefront poznaliśmy tę technologię i jej możliwości od podszewki (choć przyznaję, że na początku nie było łatwo), i być może dlatego jestem nieobiektywna kiedy mówię: kupujcie szablony 🙂

Uważam, że naprawdę warto zainwestować w dobry szablon i to już na samym początku. Ceny nie są wysokie, zwłaszcza jeśli weźmiesz pod uwagę, że to jest Twoje narzędzie do zarabiania pieniędzy. Dobry szablon na prawdę szybko się zwróci, a zły może odstraszyć klientów i zablokować rozwój Twojego biznesu. A przecież wszyscy jesteśmy tu po to, żeby tworzyć piękne, funkcjonalne i zyskowne sklepy, z których będziemy dumni.
Czego Wam wszystkim oczywiście, serdecznie życzę 🙂

Pozdrawiam,
Ewa Marek

SZABLONY SHOPER

Co z rzeczy dodatkowo płatnych w starych szablonach Shoper RWD, jest już teraz wbudowane w nowe szablony Shoper Storefront

Policzyliśmy, ile do tej pory dodatkowo płatnych modyfikacji, jest już teraz wbudowane w szablony Shoper Storefront.

Oto lista płatnych aplikacji, dodatków i modyfikacji, za które nie będziesz już musiał dłużej płacić, jeśli przeniesiesz się na szablon Shoper Storefront.

Czy to się opłaca? Sprawdźmy!

Shoper Storefront zastępuje aż 31 różnych płatnych aplikacji, dodatków i modyfikacji

Teraz, w ustawieniach szablonów Storefront, każdy będzie to po prostu miał, niezależnie od tego, czy korzysta z darmowego czy płatnego szablonu. 
Szablony Shoper Storefront, na ten moment, zastępują aż: 

• 7 aplikacji z oficjalnego Appstore Shopera (pkt 1-7 na poniższej liście);
• 9 gotowych dodatków i modyfikacji z naszego sklepu Shopcademy (pkt 4-12);
• oraz co najmniej 15 częstych modyfikacji na żądanie, wycenianych indywidualnie, w zależności od szablonu na jakim miały być wprowadzone. A to tylko te, o wycenę których często nas prosiliście i faktycznie robiliśmy ich do tej pory setki (pkt 13-31).

Sami chyba przyznacie, że w porównaniu do szablonów w starej technologii, szablony na Storefront wypadają rewelacyjnie. 

A oto zapowiadana lista: 31 rzeczy wbudowanych w Shoper Storefront, za które dodatkowo płacicie w starych szablonach Shoper RWD

Część płatnych aplikacji daje oczywiście dużo więcej możliwości, niż te wbudowane opcje, ale podstawowa funkcjonalność pozostaje ta sama, więc są nie koniecznością, a raczej lepszą wersją tego samego (np. megamenu).  Niektóre rzeczy, można było do tej pory osiągnąć na kilka sposobów (aplikacją, modyfikacją, lub gotowym dodatkiem np. z naszej oferty) wymieniam je wszystkie przy konkretnych pozycjach, bo każde z rozwiązań miało inną cenę. A zatem:

1. wyświetlanie dowolnych produktów w module (z kolekcji, dowolnej kolekcji)
   – appka
2. filtrowanie bez przeładowania strony
   – appka
3. jednoetapowy koszyk (teraz mamy zupełnie nowy, krótszy mechanizm koszyka)
   – appka
4.  slider logotypów  
   – appka
   – lub nasz dodatek: https://shopcademy.pl/sklep/slider-logotypy/
5. pasek nad nagłówkiem – edycja nagłówka
   – appka
   – lub nasz dodatek: https://shopcademy.pl/sklep/top-bar/
6. megamenu (ta wbudowana wersja nie ma np. opcji dodania banerów do kategorii, tak jak to mamy zrobione np. w Dealerze Storefront)
   – appka
   – lub nasz dodatek: https://shopcademy.pl/sklep/megamenu-sklepy/
7. produkty powiązane (ich wygląd i prezentowanie w sliderze)
   – appka
   – lub nasza modyfikacja: https://shopcademy.pl/sklep/produkty-powiazane-slider/ 
8. okruszki na mobilu
   – nasz dodatek: https://shopcademy.pl/sklep/sciezka-nawigacji-breadcrumbs-shoper/
9. zmiana języka, waluty w nagłówku
   – nasz dodatek: https://shopcademy.pl/sklep/pasek-zmiana-jezyka/
10. wpisy blogowe w module z grafikami
    – nasz dodatek: https://shopcademy.pl/sklep/modul-blog/
11. swipe na mobilu w galerii produktu
    – nasza modyfikacja: https://shopcademy.pl/sklep/shoper-galeria-swipe/
12. warianty produktu w formie przycisków i wyświetlanie informacji o tym, że są niedostępne
    – nasza modyfikacja: https://shopcademy.pl/sklep/rozmiary-jako-przyciski/
13. ilość sztuk +- na karcie produktu (mod.)
14. dowolna kolejność, ukrywanie elementów karty produktu ( mod.)
15. slidery obsługują gesty na mobilu (mod.)
16. schema org – więcej, lepiej, produkty, info o sklepie (mod plików .tpl)
17. dodaj do ulubionych (serduszko) na product tile (mod.)
18. dowolne elementy w nagłówku, stopce (mod.)
19. ukrywanie elementów dla różnych szerokości ekranu (mod.)
20.  galeria produktu – ustawienie miniaturek (lewa czy dół) (mod.)
21. dowolny wymiar kafelka produktu na listach produktów (mod.)
22. decydowanie o ilości wyświetlanych produktów w wierszu (w każdym układzie, module)  (mod.)
23. zmiana koloru tła – dla sekcji, wierszy, kolumn (np. paska nad nagłówkiem) (mod.)
24. dodanie przycisku (nie było wcześniej  takiego modułu) (mod.)
25. decydowanie o elementach kafelka produktu (product tile): info o Vat, dostawie, dostępności, dodaj do ulubionych, pokaż przycisk do koszyka itd.  (mod.)
26. edycja kolorów (więcej opcji dla poszczególnych elementów), fontu (więcej do wyboru z Google Fonts)  (mod.)
27. wyświetlanie sekcji na pełną szerokość (czyli np. banneru)  (mod.)
28. oddzielny układ dla podstron (np. wpisu, kolekcji) (mod.)
29. nowe menu mobilne (czytelniejsze, z możliwością łatwego zamknięcia) (mod.)
30. dowolny układ elementów w wierszu, np. dwie kolumny (wcześniej trzeba było grid robić kodem i było to dla przeciętnego użytkownika skomplikowane i bardzo czasochłonne, a niektórych układów w ogóle nie udawało mu się osiągnąć) (mod.)
31. dodanie linka do obrazka – trywialna wydawałoby się rzecz, a jednak została dodana w SF i bardzo ułatwi pracę początkującym (mod.)

Ile to wszystko do tej pory mogło kosztować?

Odpowiedź na to pytanie nie jest wcale taka prosta, z kilku powodów. Aplikacje są opłacane w systemie abonamentowym. Nasze dodatki i modyfikacje opłacane są jednorazowo. Modyfikacje w plikach tpl mogą powodować późniejsze problemy z aktualizacjami, których naprawa dodatkowo kosztuje. A drobne przeróbki (modyfikacje na życzenie) są wyceniane na bazie tego, w jakim szablonie będą robione, bo od tego zależy ilość pracy i czasu jaki musimy włożyć w stworzenie modyfikacji (a im bardziej rozbudowany szablon, im więcej jest w nim już modyfikacji plików tpl – tym trudniej stworzyć kolejne bezbłędne wersje szablonu). Na dodatek, część z elementów z listy była oferowana jako wbudowane w szablonach, więc często płaciliście za nie znacznie mniej, niż gdyby faktycznie chcieć kupować każdą z nich z osobna.

Nie będę więc tutaj próbowała policzyć, ile to wszystko do tej pory kosztowało – te obliczenia i tak nie byłyby prawdziwe 🙂 Każdy może sam sprawdzić ile do tej pory wydawał na modyfikacje w swoim sklepie. To co mogę dla ciekawostki powiedzieć, to że suma kosztów samych naszych produktów z listy (pkt 4-12), to 1971 zł netto. Tego na pewno NIE zapłacisz, jeśli będziesz wykorzystywać nowe szablony Shoper Storefront. To też znacznie więcej niż kosztują teraz szablony Shoper Storefront, nawet te płatne.

Jeśli dopiero otwierasz sklep, przeczytaj artykuł, w którym przekonuję, że “zakup dobrego szablonu na starcie, to dużo lepsza inwestycja, niż samodzielne przeróbki darmowego szablonu Shoper Storefront”. Pokazuję w nim także najczęstsze błędy, które popełniacie i podpowiadam jak sobie poradzić, jeśli Twój budżet na prawdę nie da się powiększyć o zakup szablonu. To dobra lektura na start pracy z szablonami Shoper 🙂

Czy zatem przejście na Shoper Storefront się faktycznie opłaca? 

Jeśli do tej pory korzystałeś z rozbudowanych szablonów Shoper RWD – np. z naszego Dealera w starej wersji – to część z tych modyfikacji miałeś już w cenie szablonu. 

Jednak przeniesienie się na Storefront ma dla Ciebie także inne zalety – elastyczność, odświeżony wygląd i możliwość samodzielnego decydowania o wielu elementach. Punkty 21-31, to nie tylko oszczędność pieniędzy, których nie wydasz na modyfikacje od specjalisty, ale też czasu na sprawdzanie i porównywanie różnych opcji, dzięki czemu możesz samodzielnie i bardzo szybko wybrać rozwiązania najlepsze dla Twojego asortymentu. Nie czekasz na modyfikacje, i zawsze możesz samodzielnie wrócić do poprzedniej wersji ustawień. A ponieważ zmiany przeprowadzasz sam i za darmo, to możesz przetestować o wiele więcej kombinacji, żeby faktycznie wyselekcjonować te, najskuteczniejsze w podnoszeniu konwersji wśród Twoich klientów. 

Nie zapominajmy także o tym, że szablony Shoper Storefront mają większy potencjał w PSI (bo możemy poprawić wskaźniki, na poprawę których nie mieliśmy do tej pory możliwości wpłynięcia, a teraz mamy). Mamy w Storefroncie także lepszy koszyk, lepszą nawigację, lepsze mobile, lepsze seo – i wszystko to będzie się moim zdaniem przekładać na lepszą konwersję w sklepach, które przeniosą się na Storefront. 

Czy więc przenosiny się opłacają? Moim zdaniem, tak.

Więcej o tym komu i kiedy opłaca się przenieść na nowy Storefront (a komu nie), pisałam już w tym lipcowym artykule: “Nasza opinia o nowym Storefront Shoper, po testach”

A jeśli decyzja już zapadła – przenosisz się na szablon Shoper Storefront – to przeczytaj też: „Edycja szablonu Shoper Storefront –
jak pracować z szablonem Storefront, kiedy dopiero zaczynasz„

Płatne aplikacje nadal się przydają

Nie twierdzę, że przeniesienie na Storefront wyeliminuje wszystkie Twoje dodatkowe wydatki 🙂 To nie jest tak, że już za nic więcej nie masz zapłacić, bo masz szablon Storefront. Oczywiście, że są jeszcze aplikacje i dodatki, w które warto zainwestować po przeniesieniu na szablon Shoper Storefront. Przyznasz jednak, że w porównaniu do RWD, lista rzeczy już wbudowanych w Storefront jest imponująca.
Po przeniesieniu, ten sam budżet możesz lepiej spożytkować i mieć z niego lepsze ROI (i szczerze mówiąc, dużo więcej zabawy ;)). Nie musisz już wydawać na bzdety, jak przesunięcie tego czy tamtego elementu, albo ukrycie go na mobilu – a zaoszczędzony kapitał możesz wydać na lepsze grafiki, AI, więcej reklam, eksperymenty itd. Już Ty sam najlepiej wiesz, na co go przeznaczyć 🙂 

Na koniec jak zawsze wspomnę, że jeśli zdecydujesz się przenieść na Storefront, to oczywiście polecam nasz szablon Shoper Storefront Dealer, a w razie pytań, zapraszam do kontaktu z nami w Shopcademy. Piszcie śmiało na kontakt@shopcademy.pl – chętnie poznamy Wasze opinie i w miarę możliwości rozwiejemy Wasze wątpliwości dotyczące przenosin na szablony Shoper Storefront.

Mam nadzieję, że uda nam się wspólnie budować piękne i funkcjonalne sklepy, z których będziemy (i my, i Wy) bardzo dumni 🙂 Jestem przekonana, że nowy Storefront w Shoperze, otwiera przed nami cudowne możliwości i wiem, że mój zespół już się nie może doczekać naszych kolejnych produktów, bo pod względem możliwości grafiki i UX, Shoper może teraz zacząć konkurować z najlepszymi na światowym rynku.
I takiego entuzjazmu jak w moim zespole, życzę i Wam 🙂
Pozdrawiam,
Ewa Marek