SZABLONY SHOPER
Szablon Shoper – kompletny poradnik dla sklepów internetowych Shoper [2023]
To jest kompletny poradnik o szablonach do Shoper, stworzony przez doświadczony zespół programistów, marketingowców, designerów i specjalistów ux, którzy na co dzień w Shopcademy pomagają sklepom Shoper budować piękne i zyskowne marki.
Zebraliśmy tu fachową wiedzę o szablonach Shoper, której nie znajdziesz nigdzie indziej.
Jeśli otwierasz sklep internetowy szablony powinny od razu stać się Twoim oczkiem w głowie.
Poniżej znajdziesz więc ważne wskazówki dla początkujących i interesujące szczegóły dla zaawansowanych, od resellera Shoper z 10 letnim doświadczeniem.
Jak więc wybrać dobry szablon i nie żałować?
Sprawdźmy.
Twój sklep powinien być piękny i funkcjonalny
Piękny i funkcjonalny sklep zaczyna się od wyboru dobrego szablonu.
Kiedy wybierzesz dobry szablon, Twój sklep będzie świetnie sprzedawał, a jego prowadzenie stanie się proste. Dobry szablon to podstawa do wszystkich pozostałych działań.
I tu zaczynają się schody.
To niesprawiedliwe, że nie wiesz co kupujesz
Z powodu boomu w e-commerce wywołanego pandemią, na rynku pojawiło się wiele nowych ofert, których porównanie dla osoby bez doświadczenia i odpowiedniej wiedzy jest w zasadzie niemożliwe. W reklamach brakuje konkretów (które widać kiedy zajrzymy do kodu), a pełno jest frazesów, niedomówień, półprawd, subiektywnych opinii i brokatu.
Niezależnie od tego, czy zdecydujesz się na zakup szablonu od Shopera czy od zewnętrznego dostawcy takiego jak Shopcademy, powinieneś wiedzieć co kupujesz: czym faktycznie różnią się w budowie poszczególne szablony do Shoper i co z tego wynika dla późniejszej codziennej obsługi, rozbudowy i kosztów funkcjonowania sklepu.
Przedstawiamy więc praktyczny poradnik, który pomoże Ci zrozumieć i porównać oferty różnych dostawców, żebyś mógł wybrać taki szablon Shoper, który najlepiej sprawdzi się właśnie w Twoim sklepie, Twojej branży, przy Twoim asortymencie, Twoim budżecie i Twoich ambicjach.
Płacenie za szablon, który nie pomaga, jest złe
Najświętszym zadaniem dobrego szablonu jest pomóc Ci rozwijać biznes. Inwestycja w szablon Shoper musi się zwrócić, a płacenie za szablon, który nie pomaga lub nawet szkodzi, jest po prostu złe. Lektura tego poradnika pozwoli Ci uniknąć wyrzucania pieniędzy w błoto. Możesz zaoszczędzić sobie wielu kłopotów podejmując przemyślane decyzje na podstawie danych, a nie tylko na podstawie reklam, intuicji i subiektywnie rozumianego gustu.
Pamiętaj, że wygląd szablonu to nie wszystko. W tym poradniku pokażemy Ci, na co jeszcze zwracają uwagę profesjonaliści.
Jeśli dopiero otwierasz sklep i szukasz pierwszego szablonu na start; jeśli masz sklep od dawna i chcesz wymienić szablon na nowszy; jeśli pomagasz otwierać sklepy na Shoperze i chcesz dobrze doradzać w wyborze szablonu swoim klientom; jeśli pracujesz w dziale marketingu i szukasz sposobów na podniesienie konwersji w sklepie – ten poradnik jest dla Ciebie.
Gotowi? No to ruszajmy.
Powinieneś zainwestować w dobry szablon Shoper
Otwierając sklep musisz być świadomy tego, że będzie on poddawany ciągłej ocenie – i nie, nie chodzi tylko o pierwsze wrażenie jakie robi na klientach w zaciszu ich domowych toalet. Może się zdarzyć, że oceniany będzie także publicznie. Kiedyś trafiłam na taką wypowiedź:
“To dziwne, niby się znają na modzie, mają takiego estetycznego instagrama, a taki kiepski sklep. Wygląda na taki… goły. Trochę to jest podejrzane”.
Dziwne. Podejrzane. Brrr. Usłyszeć coś takiego o swoim sklepie to najczarniejszy koszmar każdego marketingowca. Zwłaszcza jeśli tymi wątpliwymi komplementami obdarza Cię influencerka, publicznie, w swoich mediach społecznościowych.
I chociaż nikt nie mówi tego głośno, to klientom na myśl od razu przychodzą soczyste obrazki fatalnych wpadek z serii “zakupy on-line: oczekiwania a rzeczywistość”, których pełen jest Internet.
Dlatego powinieneś zainwestować w dobry szablon. Dzięki niemu zbudujesz godny zaufania wizerunek swojego sklepu – element niezbędny do tego, żeby klienci w ogóle rozważali zakupy u Ciebie. A jeśli dorzucisz do tego jeszcze kilka usprawnień prosprzedażowych to masz szansę na osiągnięcie e-commersowej nirvany: klienci kupują, polecają Twój sklep znajomym i systematycznie wracają po więcej, Twój zespół rośnie i Twoje konto w banku też. Ostatecznie możesz wreszcie spełnić swoje marzenie o zostaniu sponsorem lokalnej drużyny sportowej i kupić po domku na Mazurach każdemu kogo lubisz.
Tylko od czego zacząć?
Masz dużo do wyboru
1. Kupując licencję Shopera, możesz wykorzystać darmowe szablony Shoper wbudowane w sklep. Działają bezbłędnie i są ok. Są jednak mniej rozbudowane niż te płatne. Znajdziesz je w panelu swojego sklepu: „Wygląd i style” –> „Wygląd sklepu” –>”Twoje style graficzne”.
Może Cię też zainteresować podstawowy wpis, o tym co to są szablony Shoper, gdzie zamieściłam wideo o edycji darmowych szablonów od Shopera: https://shopcademy.pl/szablon-shoper-podstawy/
2. Dostępne w Shoper szablony graficzne mogą być też płatne. Te mniej rozbudowane – tańsze, i te bardziej rozbudowane – droższe. Znajdziesz je tutaj: https://www.shoper.pl/szablony-graficzne/, oraz w panelu sklepu: „Wygląd i style” –> „Wygląd sklepu” –> „Sklep ze stylami graficznymi”.
To co czasem zaskakuje klientów kupujących szablony z oferty Shopera, to to, że poszczególne moduły w szablonie musisz sobie wdrożyć i poukładać samodzielnie. Szablon nie będzie więc od razu wyglądał jak to demo, które oglądałeś przed zakupem, musisz zarezerwować sobie chwilę na rozgryzienie tematu zgodnie z pisemnymi instrukcjami oraz wideo instrukcjami na YouTube, które widzisz w demo.
Jeśli chcesz tego uniknąć, to ten sam szablon ze sklepu Shopera możesz kupić za pośrednictwem oficjalnego Resellera – wtedy prawdopodobnie możesz liczyć na to, że wyręczy Cię w tych pierwszych działaniach (upewnij się, że tak jest), ale zapłacisz więcej, bo cenę szablonu Reseller ustala samodzielnie.
3. Kolejna opcja, to zakup szablonu na rynku, poza Shoperem. Zwykle właśnie to macie na myśli, kiedy pytacie o „Shoper własny szablon”. Te szablony są podobne do Shoperowych pod względem rozbudowanych funkcji i grafiki. Ceny są różne, ale w zasadzie zbliżone do tych ze sklepu Shopera.
Część ofert zakłada, że szablon możesz pobrać i wdrożyć samodzielnie, inne oferty proponują wdrożenie za Ciebie w Twoim sklepie (najczęściej darmowe). W takim przypadku szablon w Twoim sklepie będzie wyglądał dokładnie tak jak demo. Niezbędne jest udostępnienie panelu sklepu firmie, która wdraża szablon (można to zrobić w bezpieczny sposób nadając i ograniczając odpowiednie uprawnienia administratorom).
Zarówno w przypadku szablonów Shopera, jak i tych poza Shoperem, powinieneś przygotować sobie odpowiednie grafiki do podmiany (np. slidery i banery reklamujące Twoje produkty). Jeśli korzystasz z pomocy profesjonalnego grafika, to może być dla Ciebie dodatkowy koszt, którego wielu przedsiębiorców nie uwzględnia.
To też ważna wskazówka przy wyborze szablonu: pamiętaj, że ostateczny wygląd szablonu będzie w dużej mierze zależał od Twoich grafik i zdjęć produktów.
Nie kieruj się więc przy wyborze pięknymi zdjęciami na banerach i listach produktów – to tylko przykład, który ma za zadanie pokazać Ci jak pięknie może (ale nie musi) wyglądać Twój sklep. Ty musisz zwrócić uwagę na szczegóły. Jakie?
Co to jest dobry szablon Shoper
Porównując różne szablony zwracamy uwagę na kilka elementów. W idealnym świecie Twój szablon miałby wszystko, ale w praktyce może się okazać, że będziesz musiał wybrać jakąś kombinację tych elementów. Przyjrzyjmy się im.
Dobry szablon jest piękny.
Mam tu na myśli warstwę graficzną: nowoczesną i na tyle uniwersalną, żeby wypełniona Twoimi grafikami łatwo nabrała pasującego do Twojej marki charakteru. W e-commerce od dawna panują pewne standardy, które ogólnie można nazwać dobrym UX designem. To rozwiązania, dzięki którym Twój szablon będzie oferował przyjemne zakupy, bez zbędnych i utrudniających skupienie potknięć. Dobry szablon jest stworzony zgodnie z tymi standardami.
Dobry szablon jest rozbudowany.
Szablony bardzo często rozszerzają standardowe funkcjonalności Shopera, żeby wykorzystywać dobrze zbadane metody psychologii sprzedaży do podnoszenia wartości koszyka. W ofertach znajdziesz więc informacje o tym ile dodatków zawarto w szablonie (i im więcej dodatków, tym z reguły bardziej opłacalny staje się zakup szablonu).
Warto jednak zwrócić też uwagę na to, czy szablon będziesz mógł dalej łatwo rozbudować w miarę upływu czasu i rozwoju firmy (cały czas pojawiają się na rynku kolejne pomysły na usprawnienia zakupowe i kolejne modne trendy). Ma na to wpływ kilka czynników, np. to, czy szablon jest bardzo zmodyfikowany (czy ma ogromną ilość zmian w plikach tpl) co będzie wywoływać konflikty z kolejnymi dodatkami, a Ty możesz być zmuszony skorzystać z płatnej pomocy twórcy, żeby rozwiązać te konflikty. W ekstremalnych przypadkach możesz być zmuszony do wymiany takiego szablonu na całkowicie nowy, bo będzie to bardziej opłacalne niż ciągłe “dostosowywanie” tego mocno zmodyfikowanego szablonu.
Dobry szablon jest bezbłędny.
Przed wprowadzeniem szablonu do sprzedaży, twórca poddaje kod optymalizacji i testom. Szablon powinien więc działać poprawnie na wszystkich urządzeniach, w różnych przeglądarkach i na różnych systemach operacyjnych. Szablon nie powinien spowalniać Twojego sklepu oraz powinien wpływać pozytywnie na jego seo. W praktyce określenie, który szablon jest lepiej zoptymalizowany jest dla niespecjalisty niemożliwe (a i specjaliści spierają się czasem co do tego, które rozwiązania są najlepsze) – musisz się tu niestety opierać na zaufaniu do twórcy, jego doświadczeniu i aktualnej wiedzy. Pamiętaj też, że ostateczny, wspaniały wynik optymalizacji Twojego sklepu będzie zależeć od zdecydowanie większej ilości czynników niż tylko od kodu szablonu, skup się więc głównie na tym, żeby błędy w szablonie nie pogarszały wyników.
Na koniec dodam jeszcze dwa aspekty, które warto wziąć pod uwagę decydując o tym, czy szablon jest dobry. Dobry szablon nie podnosi kosztów utrzymania sklepu w dłuższej perspektywie (chyba, że koszt ten zwraca się z dużą nawiązką), oraz jest oferowany przez sprawdzonego twórcę, a w ofercie nie ma żadnych niespodzianek. Poruszymy jeszcze ten temat w dalszej części tego poradnika.
Dobry szablon Shoper sprawia, że jesteś dumny bo sklep jest piękny i świetnie sprzedaje, a Twoi klienci Cię kochają.
Żeby wybrać dobry szablon powinieneś rozróżniać te pojęcia
Wielu klientów używa tych terminów wymiennie, dlatego chcę wyjaśnić, że każdy z nich dla programistów oznacza co innego. Zrozumienie ofert będzie dużo łatwiejsze kiedy zwrócisz uwagę na to jakich pojęć użyto.
Dodatki to pojęcie bardzo pojemne, którego w Shopcademy używamy głównie po to, żeby odróżniać te produkty od aplikacji. Aplikacje dostępne są do zakupu w appstorze Shopera, korzystają z rest api (to takie wnętrzności Shopera, czasem też zwane backendem) dzięki czemu pozwalają na więcej, np. na dodanie funkcji do panelu administracyjnego sklepu, ale też na pobieranie abonamentu za appkę i instalację za pomocą kliknięcia. Aplikacje, z programistycznego punktu widzenia, są trudniejsze do stworzenia, a żeby umieścić je w oficjalnym sklepie Shopera trzeba przejść proces weryfikacji.
Dodatki z kolei nie korzystają z rest api, to zwykły kod doklejany ręcznie w odpowiednich miejscach w sklepie. Raz dodane w szablonie nie mogą już zostać zdalnie wyłączone, dlatego nie są oferowane w abonamencie (ten byłby niemożliwy do wyegzekwowania). Mają jednak bardziej ograniczone możliwości– niektórych rzeczy po prostu nie da się zrobić za pomocą dodatku. Przykładem może tu być funkcja masowej edycji wariantów, którą można wprowadzić w sklepie wyłącznie przy pomocy appki.
Shoper ma wbudowane pewne integracje, ale oferuje także dodatkowo płatne integracje dostępne w appstorze. Pozwalają one na wymianę informacji między Shoperem, a innymi programami.
Moduły to pojęcie używane w panelu sklepu Shoper do określenia mniejszych elementów w szablonie, np. bannerów, zapisów na newsletter, nowości itp. Do szablonu możesz dodać własne moduły lub możesz skorzystać z tych już dostępnych. Wystarczy złapać i przeciągnąć moduł w preferowane miejsce w szablonie.
Sekcje to z kolei pojęcie, którym posługują się nie programiści, a designerzy, dotyczy nie funkcji, a miejsca w sklepie, np.stronę główną możemy podzielić na kilka sekcji.
Modyfikacje to pojęcie, które chociaż jest niejednoznaczne, raczej nie nastręcza nikomu problemów. W Shopcademy najczęściej używamy tego pojęcia między sobą kiedy mówimy o zleceniach wymagających przekształcenia kodu w sklepie na konkretne życzenie klienta (zamiast wklejania gotowego kodu naszych dodatków).
Może Cię zainteresować, że te same funkcje mogą zostać dodane w Twoim sklepie na różne sposoby, za pomocą aplikacji albo za pomocą dodatków. Jak już wiesz z powyższego opisu, pociąga to za sobą różne konsekwencje. Przyjrzyjmy się przykładowi.
Aplikacje czy dodatki?
Chcesz dodać w szablonie megamenu (duże menu horyzontalne, czasem również nazywane menu kurtynowym). O takie:
Jeśli użyjesz aplikacji, będziesz co miesiąc płacił drobną kwotę twórcy aplikacji. Aplikację zainstalujesz przy pomocy zaledwie kilku kliknięć. Otrzymasz też możliwość wygodnej edycji w dodatkowym edytorze aplikacji.
Jeśli użyjesz dodatku, zapłacisz jednorazową opłatę i będziesz mógł korzystać z dodatku w nieskończoność. Dodatek wdrożysz wklejając odpowiedni kod w odpowiednim miejscu w panelu sklepu (lub twórca dodatku zrobi to za Ciebie). Z reguły jest to rozwiązanie bardziej ekonomiczne, bo porównując ceny dodatków do abonamentu za aplikacje, dodatek zwraca się już po około roku. Edycja takiego menu będzie się odbywać w kodzie (w panelu sklepu), a nie w dodatkowym edytorze. To rozwiązanie jest więc mniej wygodne dla początkujących, ale nie jest trudne.
Aplikacja może dawać więcej możliwości edycji co może zainteresować osoby, które chcą zmieniać menu nawet kilka razy w miesiącu. Jeśli jednak Twoje menu raczej się nie zmienia, to te dodatkowe opcje edycji nie będą Ci być może tak bardzo przydatne.
Jak widzisz to od Twoich potrzeb zależeć będzie, które rozwiązanie będzie lepsze. Lepsze akurat dla Ciebie, lepsze akurat w Twojej aktualnej sytuacji. Żeby więc wybrać dobry szablon, zwróć uwagę czy korzysta z aplikacji czy z dodatków.
Szybkość sklepu, optymalizacja pod mobile i seo
W wielu ofertach przeczytasz, że szablon został zoptymalizowany i dzięki temu teraz jest wściekle szybki, super hiper mobilny i pierwszy w Google. Czy rzeczywiście tak jest, że któryś szablon może się w tej kwestii znacząco wybijać spośród konkurencji? Czy sam szablon, może Ci dawać takie efekty?
Przyjrzyjmy się wynikom szybkości poszczególnych szablonów. Do mierzenia szybkości wykorzystuje się różne narzędzia, ja posłużę się tutaj (i Tobie też polecam) Google Page Insights, bo ze względów seo ten wynik jest dla nas najważniejszy. Narzędzie znajdziesz pod tym adresem, wystarczy wkleić adres demo szablonu, który Cię zainteresował:
https://developers.google.com/speed/pagespeed/insights/?hl=pl
I tu niespodzianka: dla wszystkich szablonów wyniki są prawie identyczne, dla desktopu wynoszą 89-92, a dla mobila 53-58.
Wynik szybkości jest bardzo wrażliwy na wagę i format grafik, którymi będziesz w przyszłości wypełniał swój szablon. Pamiętaj więc o odpowiedniej optymalizacji grafik przed wrzuceniem ich do sklepu, bo inaczej z łatwością popsujesz nawet dobry wynik. Ważne żeby zwrócić na to uwagę, pomimo tego, że Shoper automatycznie optymalizuje zdjęcia – optymalizacja dotyczy jednak tylko zdjęć produktów, a nie dotyczy np. grafik na sliderach.
Przed zakupem sprawdź w Pagespeed Insights, czy szablon mieści się w tych granicach szybkości.
Może Cię też zainteresować szersze omówienie tematu Pagespeed Insights, w tym artykule: Kompletny przewodnik po PageSpeed Insights dla sklepów Shoper, w 2023 r.
To musisz wiedzieć o aktualizacjach
W ofertach szablonów przewijają się także aktualizacje (albo update), w niektórych darmowe, w innych dodatkowo płatne. Ale czy zawsze mowa o tym samym? Tak byłoby najprościej, więc … oczywiście, że nie.
Żeby rozumieć co kupujesz, powinieneś rozróżniać 3 rodzaje aktualizacji:
- aktualizacje sklepu (nie mają związku z szablonami, dotyczą silnika sklepu, są częste i dzieją się automatycznie),
- aktualizacje szablonu przeprowadzane przez Shopera (rzadkie, przeprowadzane np. wtedy, kiedy dodawana jest jakaś nowa funkcjonalność),
- kolejne wersje szablonu od danego twórcy (poprawki błędów lub kolejne ulepszenia).
W tym miejscu chciałabym skupić się na punkcie drugim, aktualizacjach szablonu, które przeprowadza Shoper, bo to na nich można się najbardziej przejechać, kiedy wybierzemy kiepską ofertę.
Wszystko zaczyna się od modyfikacji plików .tpl.
Modyfikowanie plików .tpl jest jak jedzenie fast foodów: wszyscy ostrzegają jakie to niebezpieczne, ale wszyscy to robią. Dlaczego? Bo dzięki zmianom w tych plikach można łatwiej budować bardziej wypasione szablony. Ale jak zawsze w życiu, wszystko co przyjemne pociąga za sobą konsekwencje: tycie, ocieplenie klimatu albo przynajmniej wizytę teściowej, tak zbyt wiele zmodyfikowanych plików tpl sprawia problemy przy aktualizacji. Jakie?
Jeśli Shoper przeprowadza aktualizację szablonów, to zawsze jest to zmiana na lepsze. I ta właśnie lepsza zmiana, NIE pojawi się w plikach tpl, które zostały zmodyfikowane (to chroni Cię przed utratą wprowadzonych zmian, tych za które zapłaciłeś kupując szablon).
Oczywiście ktoś może powiedzieć, że jest mu dobrze z takim szablonem jaki ma, i nie potrzebuje tej aktualizacji. To nie do końca prawda. Owszem, niektóre updaty nie są konieczne – po prostu nie wyświetli się nowa funkcja w szablonie. Ale są też i takie updaty, które są bardzo, ale to bardzo ważne, np. aktualizacja dostosowująca szablony Shopera do najnowszych wymagań Google, albo niedawna aktualizacja dostosowująca sklep do zmian w prawie (dyrektywa Omnibus). Brak tej aktualizacji będzie negatywnie wpływał na ocenę sklepu przez Google, czyli na pozycjonowanie sklepu, a nieprzestrzeganie prawa, różnie się może skończyć – to już są poważne konsekwencje.
Żeby więc wybrać dobry szablon, zwróć uwagę czy nie będziesz miał problemów z aktualizacjami szablonu Shopera lub czy nie będziesz musiał ponosić dodatkowych kosztów asysty technicznej.
Pozwolę sobie bezczelnie pochwalić się w tym miejscu, że w naszym flagowym szablonie Dealer modyfikujemy tylko jeden plik tpl. O tym jak podchodzimy do aktualizacji w Shopcademy, przeczytasz w tym wpisie o zmianach w plikach tpl: https://shopcademy.pl/wymaga-zmian-w-plikach-tpl/
Potrzebujesz pomocy
Niektóre oferty wspominają o supporcie czy pomocy technicznej (dodatkowo płatnej lub nie). Czy ta pomoc jest Ci w ogóle potrzebna?
Prawdopodobnie tak. Edytując szablon (np. podmieniając treści czy grafiki) możesz coś zepsuć, możesz też zwyczajnie nie wiedzieć jak coś zrobić, możesz się natknąć na błędy.
Twórca szablonu powinien więc zapewnić support w zakresie:
– obsługi szablonu
– aktualizacji shoperowych, które omówiliśmy w poprzednim rozdziale (ta opcja jest u wielu dostawców dodatkowo płatna).
Myślę, że nie muszę dodawać, że jeśli szablon jest wadliwy (nie działa tak jak demo) to twórca powinien to naprawić.
Szablon wdrożony do panelu sklepu, nie jest w żaden sposób zabezpieczony przed edycją. Wielu klientom wydaje się, że jeśli chcą edytować szablon muszą opłacić abonament za asystę techniczną – to nie prawda. Dodatkowa opłata za asystę może być przydatna, bo ułatwia edycję osobom, które nie posiadają odpowiedniej wiedzy. Bez dostępu do tej asysty możesz edytować szablon, musisz po prostu umieć to zrobić (znać funkcje szablonów, funkcje Shopera, ewentualnie html, css, javascript).
Dlatego wybierając dobry szablon zwróć uwagę, czy do ceny szablonu nie musisz dodatkowo doliczyć abonamentu płatnej pomocy technicznej, bo w długim okresie może to być spory wydatek. Może się też okazać, że będziesz potrzebował tej pomocy naprawdę sporadycznie i bardziej opłacalne będzie korzystanie nie z abonamentu, a z pomocy wycenianej indywidualnie za każdym razem.
I tu kolejna bezczelna reklama. O tym jak ta pomoc wygląda w Shopcademy, przeczytasz w naszej polityce zwrotów: https://shopcademy.pl/zwroty/
Wyjątkowe przypadki
Możliwe jest, w wyjątkowych przypadkach, że będziesz potrzebować interwencji Shopera, bo coś w Twoim sklepie nie będzie działało jak należy.
Pozostań spokojny. Wiedza o tym co się teraz wydarzy zaoszczędzi Ci wiele nerwów.
Pierwsza odpowiedź jaką dostaniesz z Supportu Shopera będzie Cię odsyłała do twórcy szablonu. Najczęściej jest to słuszna porada, bo większość problemów wynika z konfliktów różnych rozwiązań, które pojawiają się w miarę upływu czasu. Sporadycznie jednak może się okazać, że faktyczny problem leży jednak po stronie silnika sklepu – w takim przypadku tylko Shoper ma odpowiedni dostęp do Twojego sklepu żeby naprawić co trzeba. Twórca szablonu odeśle Cię więc z powrotem do Shopera, a Ty pomyślisz sobie: “no to jest jakaś paranoja! Teraz każdy będzie udawał, że to nie jego wina, a ja tracę klientów…Mama miała rację, trzeba było zostać lekarzem…”.
A tak na serio, po prostu nastaw się z góry, że będziesz musiał pośredniczyć w wymianie kilku maili między Supportem a twórcą szablonu. Problem zostanie w końcu zidentyfikowany.
Jeśli leżał po stronie Shopera, zostanie ekspresowo rozwiązany. Jeśli leżał po stronie szablonu, to z ustaleń między Wami będzie wynikało czy interwencja będzie bezpłatna czy może problem wywołałeś osobiście “poprawiając” swój szablon i nie obejmuje tego bezpłatna pomoc.
Dlatego tak ważne jest, żebyś wybrał szablon od twórcy, na którego będziesz mógł liczyć w takiej sytuacji. Takiego twórcy, który będzie uczestniczył w wymianie maili z supportem, który nieodpłatnie poświęci swój czas i włoży wysiłek w znalezienie przyczyny problemu zamiast odprawić Cię z kwitkiem. No i oczywiście takiego twórcy, który nadal istnieje, a nie zlikwidował działalności i nie zniknął. Dobry szablon musi iść w parze z dobrym twórcą.
Jak wybrać, żeby nie żałować
Uff. Omówiliśmy już podstawy, wyjaśniliśmy sobie ważne pojęcia, porozmawialiśmy o pułapkach, myślę, że mówimy już wszyscy tym samym językiem. Czas przejść do części praktycznej.
Przedstawiam niezawodny proces, dzięki któremu z łatwością podejmiesz najlepszą decyzję dla swojego biznesu.
Może Cie też zainteresować artykuł o 4 najczęstszych błędach popełnianych przy wyborze szablonu do sklepu Shoper
Przetestuj Demo
Każdy szablon możesz obejrzeć w demo przed zakupem. Przetestuj je dokładnie, a dowiesz się, czy w szablonie nie ma żadnych błędów albo niedociągnięć.
1.Przeklikaj demo na komputerze.
Zajrzyj we wszystkie miejsca: strona główna, lista produktów, karta produktu, strona bloga, wpis blogowy, koszyk, strony informacyjne.
Pobaw się trochę, pododawaj produkty do koszyka, obejrzyj sklep oczami Twojego potencjalnego klienta. Twoim zadaniem jest sprawdzić, czy wszystko działa poprawnie: to co ma się dać kliknąć klika się, to co ma się rozsuwać rozsuwa się, to co ma być widoczne nie jest zasłonięte itd. Wiesz o co chodzi.
Zwróć uwagę, czy twierdzenia reklamowe znajdują potwierdzenie w rzeczywistości, oraz czy w demo nie zamieszczono dodatkowo płatnych aplikacji (czy szablon nadal będzie piękny po jej ewentualnym wyłączeniu).
Zazwyczaj wersje desktopowe są w miarę ok. Niedoróbki zaczynają się na mobilu.
2. Przeklikaj demo na mobilu.
Możesz to zrobić otwierając demo na telefonie, lub skorzystać z ustawień przeglądarki.
Oto 6 popularnych błędów, na jakie możesz się natknąć na mobilu*
- menu mobilne, które po rozwinięciu (po kliknięciu w menu) pokazuje tylko tyle kategorii ile mieści się na ekranie – ktoś nie przewidział, że możesz mieć więcej kategorii i podkategorii i zapomniał dodać możliwość scrollowania. Ten pozornie mały błąd całkowicie uniemożliwia użytkownikom mobilnym dotarcie do całych kategorii sklepu, a Tobie obniża sprzedaż;
- lista produktów, która jest dwukolumnowa, ale gołym okiem widać, że coś tu się rozjeżdża: mamy ni stąd, ni zowąd puste pola oraz niepoprawne wyświetlanie ceny, bo dłuższe nazwy produktów psują układ. Problem występuje na niektórych systemach Android, i na pewno nie powoduje wzrostu zaufania do Twojej marki;
- brak informacji o liczbie produktów w koszyku – to wbudowana funkcja sklepu, która została popsuta przez źle dodany kod css. Dla klientów to dość ważne przed zakupem, żeby upewnić się ile i czego kupują, jeśli brakuje takiej informacji, klienci są zdezorientowani;
- przeskalowane zdjęcia produktów, które nagle tracą proporcje, rozciągają się i nie pokazują Twojego produktu w najlepszym świetle;
- moduł blog na stronie głównej, który ucina teksty zamiast się do nich dostosowywać. To drobiazg, ale powinno to działać dobrze, skoro zapłaciłeś za ten szablon;
- nieefektywne użycie animacji, które w konsekwencji spowalnia działanie strony na mobilu (np. baner z efektem przewijania, tzw. parallax, błędnie dodany przy użyciu kodu “fixed background” jest niewydajny i w ogóle nie działa na urządzeniach z systemem iOs).
Jeśli przetestowałeś demo szablonu i nie znalazłeś żadnych błędów, to możesz przejść do kolejnej fazy.
*niestety część z tych błędów, np. błędy w menu, mogą nie być na pierwszy rzut oka widoczne w demo jeśli jest ono za mało wypełnione. Jeśli nie jesteś programistą i nie możesz zajrzeć do kodu, to jedyne co możesz zrobić, żeby nie kupić szablonu z błędami, to wybrać zaufanego twórcę. Wynika z tego jeszcze jedna ważna porada: systematycznie testuj swój sklep. Błędy mogą być zauważalne dopiero za jakiś czas, kiedy wprowadzisz do sklepu nowy towar, kolejną kategorię itp.
Sprawdź od kogo kupujesz
Szablon możesz kupić w oficjalnym sklepie Shopera, możesz go kupić od autoryzowanego resellera, możesz go kupić od twórcy albo od pośrednika.
O zaletach kupowania od resellera pisałam już w tym artykule. Zachęcam żebyś sprawdził oficjalną listę resellerów: https://www.shoper.pl/katalog-resellerow/znajdz-resellera/
Chciałabym zwrócić szczególną uwagę na oferty pośredników. Zdarza się, że właściciel sklepu szuka pomocy na forach albo w mediach społecznościowych. Znajduje osobę, która jest najczęściej młoda i początkująca – zdarza się, że taka osoba instaluje Ci szablon, do którego nie ma żadnych praw, licząc na to, że nikt tego nie namierzy. Oferty twórców mówią wyraźnie, że szablon po zakupie możesz wykorzystać w jednym tylko sklepie, do którego przypisują licencję. Jeśli będziesz korzystał z szablonu, którego licencja przypisana jest do innego sklepu, narażasz się na konsekwencje prawne, finansowe i na konieczność wymiany szablonu (a przy tym utratę Twoich modyfikacji i Twojej pracy).
Oczywiście nie każdy pośrednik jest automatycznie zły – po prostu powinieneś wiedzieć, kim jest i z czyjej jeszcze pomocy korzysta. Zdarza się bowiem i tak, że niczego nie świadomy właściciel sklepu odkrywa, że dostęp do jego panelu sklepowego ma kilkanaście innych osób, o istnieniu których nie miał pojęcia. Dlaczego, zapytasz? Po co pośrednik miałby udostępniać Twój panel bez Twojej wiedzy?
Najczęściej dlatego, że sobie nie radzi i korzysta z pomocy kolegów albo z darmowego wdrożenia i supportu twórcy szablonu, a Ciebie kasuje jak za złoto i nie chce żebyś dowiedział się jak wysoką marżę narzucił.
Dlatego bezpieczniej jest kupować od twórcy, oficjalnego resellera lub sprawdzonej agencji marketingowej.
Przejrzyj ofertę
Elementy takie jak support, aktualizacje, czy wreszcie cena szablonu, omówiliśmy już w poprzednich rozdziałach. Przypominam, że zapoznanie się z ofertą, może Ci oszczędzić wielu zmartwień w późniejszym czasie.
I voila, jesteś gotowy do zakupu
Gratulacje. Teraz Twój szablon jest piękny i użyteczny. Dobra robota.
Po przeczytaniu tego poradnika wiesz już wszystko co niezbędne żeby rozumieć różnice w szablonach. Możesz jednak zrobić jeszcze więcej. Możesz wejść na wyższy poziom, żeby móc prowadzić filozoficzne niemalże dyskusje na temat optymalnego rozmieszczenia przycisków w sklepie albo na temat wyników najnowszych badań map ciepła. Jak?
Oto kilka źródeł, które polecam wszystkim tym, którzy mają ambicje stać się ekspertem.
Zostań specjalistą od UX
Specjaliści korzystają z baz wiedzy, często płatnych, dzięki którym są w stanie zweryfikować czy wprowadzenie jakiejś zmiany wpłynie pozytywnie lub, o zgrozo, negatywnie na UX sklepu.
W Shopcademy weryfikujemy nasze pomysły i prośby klientów w bazie badań UX przeprowadzonych przez Baymard Institute. To duńska firma, która przeprowadza audyty np. dla Google, a ich badania obejmują co najmniej 70% firm e-commerce z amerykańskiej listy fortune 500. Ich wielką zaletą jest fokus na UX sklepów, a nie na UX w ogóle. Polecam Ci serdecznie choćby darmowe artykuły publikowane na ich stronie, myślę, że będzie to dla Ciebie fascynująca lektura.
Jeśli jesteś początkujący, warto też obejrzeć np. ten kurs od Google dostępny na platformie Coursera (Google UX Design Professional Certificate) a dobre, bezpłatne materiały o designie znajdziesz też na jednaj z naszych ulubionych stron: https://start.uxdesign.cc/
Wybierz dobry szablon
W Shopcademy wiemy, że chcesz być szanowanym przedsiębiorcą, odnoszącym sukcesy specjalistą e-commerce i niezastąpionym ekspertem w swoim zespole.
Żeby tak się mogło stać potrzebujesz fachowej wiedzy o narzędziach, które pozwolą Ci to osiągnąć: szablonach, dodatkach i modyfikacjach Shoper, które możesz wykorzystać do podnoszenia konwersji i osiągania sześciocyfrowych obrotów.
Wybranie odpowiednich narzędzi wcale nie jest takie łatwe. Możliwe, że czujesz się przytłoczony, nie wiesz od czego zacząć i boisz się podjąć złą decyzję, która będzie negatywnie rzutować na przyszłość sklepu.
Wierzymy, że każdy sklep zasługuje na szansę sprawiedliwego konkurowania z najlepszymi na rynku i rozwoju biznesu nawet przy ograniczonym budżecie. Rozumiemy jaka odpowiedzialność na Tobie ciąży.
Dlatego w Shopcademy tworzymy dobre szablony Shoper: rozbudowane, piękne, niezawodne. W cenach, na które może sobie pozwolić nawet początkujący sklep. Zapewniamy pomoc po zakupie. Nie pobieramy abonamentów. I trzymamy za Ciebie kciuki.
Wybierz jeden z naszych dobrych szablonów, żebyś mógł wreszcie przestać wątpić w swoje decyzje i mógł już dziś zacząć zbierać komplementy od klientów, szefowej i kolegów.
Jeśli chcesz zbudować imperium e-commerce – wierzymy, że możesz. Jeśli chcesz stworzyć dodatkowe źródło dochodu i osiągnąć wolność finansową, możesz. Jeśli chcesz zbudować wspaniałą markę, żeby zmienić świat na lepsze, możesz.
I jeśli nam zaufasz, będziemy zaszczyceni mogąc towarzyszyć Ci w drodze do celu. Zapraszamy na shopcademy.pl
Ewa Marek
Dreamteam Shopcademy
// Check for the custom field value
// Check for the custom field value
// Check for the custom field value
// Check for the custom field value
// Check for the custom field value
// Check for the custom field value