Z naszego poradnika na temat tego, jak uruchomić sklep na Shopify, dowiedziałeś się, że w trakcie tworzenia sklepu możesz wybrać darmowy szablon, kupić płatny od Shopify lub zainstalować taki, który kupisz na innej stronie (np. Envato lub Theme Forest) lub wykona dla Ciebie agencja.

Customowy szablon ma sens, wtedy kiedy masz nieszablonową ścieżkę użytkownika lub potrzebujesz stworzyć nietypowe funkcjonalności, o czym pisaliśmy w artykule o tym, jak wygląda tworzenie oryginalnego szablonu dla klienta (przeczytaj: Shopify design: kiedy warto zainwestować w indywidualny projekt).

Czym kierować się przy wyborze szablonu Shopify?

Szablony Shopify różnią się od siebie funkcjonalnościami. Wybierając projekt sklepu, zwróć uwagę na to, jakie funkcjonalności potrzebujesz. Aby zawęzić wybór, możesz kierować się typem sklepu, np. sklepy fashion mają inne potrzeby od gastronomii. A gdy jesteśmy już przy temacie, zobacz nasz blog post o najlepszych szablonach dla sklepów modowych.

Wybór szablonu przez pryzmat funkcjonalności jest optymalny. Zastanów się, co chcesz mieć w sklepie. Może zależy ci na wbudowanym feedzie Instagramowym lub funkcji „inni kupili też”. Jeśli znajdziesz szablon, który nie ma tych funkcji, to nic straconego. Zawsze możesz zainstalować aplikację z Shopify App Store. Jednak pamiętaj, że zbyt duża ilość aplikacji może spowolnić sklep. Żeby go przyspieszyć, będziesz potrzebował usługi Shopify Optimization.

Szablon sklepu możesz zmienić w każdym momencie, a jeśli nie wiesz, którymi dodatkowymi funkcjonalnościami się kierować, przejdź w menu do zakładki “Collections”, tam znajdziesz klasyfikację szablonu ze względu na:

• popularność
• layout gridowy
• te, które mają dużo miejsca na zdjęcia
• te, które są świetne dla sklepów z licznymi produktami
• ostatnio dodane
• wesołe
• minimalistyczne
• odpowiednie dla sklepów ze skromnym portfolio
  

Przez długi czas domyślnym szablonem był Debut. Jednak Shopify od połowy lipca 2021 zmieni go na nowocześniejszy Dawn, który stosuje się do nowoczesnych standardów projektowania UX i UI. Szablon możesz zmienić w dowolnym momencie.

Przeczytaj: Shopify Unite 2021: W stronę większej customizacji sklepu

Jak zainstalować szablon Shopify?

Instalacja Shopify jest prosta. Kroki, które musisz podjąć, są uzależnione od tego, czy instalujesz darmowy szablon, płatny lub taki, który masz na dysku (np. dlatego, że pochodzi z innego miejsca niż Shopify Theme Store).

Jeśli nie masz konta na Shopify, wykorzystaj okres próbny i sprawdź, czy to odpowiednia platforma dla twojego biznesu. Skorzystaj z 3-dniowego okresu próbnego (po tym czasie 1 miesiąc w cenie 1$).

Instalacja darmowego szablonu

Większość nowicjuszy decyduje się na darmowy szablon. To dobry start, ponieważ każdy z darmowych szablonów jest responsywny i został zbudowany z myślą o dobrych praktykach UX.

Aby zainstalować darmowy szablon w sklepie, przejdź do „Sklep online” w menu po lewej stronie i kliknij zakładkę „Szablony”, gdzie masz dostęp do szablonu w sklepie. Zjedź myszką na dół aż do momentu, gdy zobaczysz segment „Biblioteka szablonów” i naciśnij przycisk CTA „Przeglądaj darmowe szablony” (zobacz poniższy zrzut ekranu z naszego testowego sklepu.

Po kliknięciu przycisku wyskoczy okienko, gdzie możesz przeglądać dostępne szablony. Z tego miejsca możesz przeczytać, jakie funkcjonalności ma dany szablon i wybrać wersję kolorystyczną (oznaczone strzałką). Gdy zdecydujesz się, która wersja jest dla ciebie, potwierdź wybór szablonu, dodając go do sklepu Shopify.

To jeszcze nie koniec instalacji szablonu. Należy go aktywować w sklepie. Po dodaniu szablonu opublikuj go w sklepie. Dzięki temu szablon będzie widoczny dla odwiedzających, a my będziemy mogli z niego korzystać. Szablon, który wspólnie wybraliśmy nazywa się Narrative i przy jego nazwie znajduje się informacja „Właśnie dodano” - opublikujmy go w sklepie, wybierając opcję „Publikuj” z rozwijanego menu „Czynności” (zobacz zrzut ekranu).

Instalacja płatnego szablonu Shopify

Instalacja płatnego szablonu Shopify przebiega na podobnych zasadach. Po zalogowaniu się do panelu administracyjnego wybierzmy „Sklep online” > „Szablony”. Zamiast wybierać darmowe szablony, zjedźmy kursorem myszki trochę niżej na „Sklep z szablonami Shopify” i kliknijmy przycisk CTA „Odwiedź sklep z szablonami”.

Zostajemy przeniesieni do Shopify Theme Store (zrzut ekranu na dole), gdzie możemy wybrać szablon, który się nam podoba. Przed ostateczną decyzją możemy „przymierzyć” szablon, aby sprawdzić, jak szablon prezentuje się w połączeniu z zawartością naszego sklepu. Załóżmy, że wybraliśmy idealny szablon sklepu. Podepnijmy kartę płatniczą i kupmy szablon, a rozliczenie dostaniemy w formie rachunku.

Instalacja szablonu z dysku komputera

Omówiliśmy dwa najczęstsze przypadki - instalację darmowego i płatnego szablonu prosto od Shopify. Zostaje nam trzecia opcja, czyli instalacja szablonu z zewnątrz. Być może to szablon, który kupiliśmy na popularnych stronach z szablonami, a może zbudowała go dla nas agencja. To bez znaczenia.

Aby zainstalować szablon, który nie pochodzi bezpośrednio od Shopify, musimy mieć plik w formacie ZIP z szablonem na dysku naszego komputera lub połączyć się z GitHubem. Jeszcze raz przejdźmy przez wszystkie kroki. Zalogujmy się do panelu administracyjnego, wybierzmy „Sklep online” w menu po lewej stronie i wybierzmy „Szablony”.

Zjedźmy na dół strony i kliknijmy rozwijane menu „Dodaj szablon”. To menu znajduje się bezpośrednio pod nagłówkiem „Biblioteka szablonów” (zobacz screen na dole).

Uwaga: Pobieranie szablonów z nieautoryzowanych stron wiąże się z ryzykiem. Może się okazać, że wydasz kilkadziesiąt dolarów na szablon, który nie będzie kompatybilny z Shopify. Sprawdź recenzje szablonu przed zakupem.

Szukasz inspiracji Shopify design? Zobacz nasze najlepsze projekty do 2021

Jak edytować szablon Shopify?

Oprócz zmiany szaty graficznej, dodaniu grafik i filmów lub modyfikacji układu strony, możesz wprowadzić bardziej zaawansowane zmiany, np. dodać nowe podstrony, aplikacje, zapis na newsletter, chat, itd. Jak się za to zabrać?

Podstawowe zmiany w edytorze Shopify

Poziom customizacji szablonu w edytorze zależy od tego, jaki szablon wybraliśmy, ale na pewno jesteś w stanie zarządzać czcionkami i kolorami, ustawić logo i favicony, dodać linki social media, edytować stopkę strony, dostosować menu i stronę główną (zobacz: Strona główna, która sprzedaje w 10 krokach). W edytorze również podejrzysz, jak twoja strona wygląda na różnych urządzeniach - na mobile, desktopie lub tablecie.

Jak dostać się do edytora? Wejdź z powrotem do zakładki szablony, zjedź na dół do Biblioteki szablonów i kliknij przycisk „Dostosuj”, który znajduje się obok rozwijanego menu „Czynności”, którego używaliśmy wcześniej do publikacji szablonu. Gotowe!

Edycja HTML/CSS szablonu Shopify

Bardziej zaawansowani użytkownicy, którzy znają się na kodowaniu, mogą chcieć wprowadzić zmiany w kodzie, tak aby dostosować szablon do swoich potrzeb. Jak dostać się do kodu? W menu „Kanały sprzedaży” wejdź w „Sklep internetowy” > „Szablony” > „Biblioteka szablonów” i wybierz opcję „Edytuj szablon” z rozwijanego przycisku „Czynności” koło nazwy szablonu, który chcesz edytować.

W tym edytorze znajdują się wszystkie pliki szablonu. Tu dodasz również nowe sekcje na stronie, np. sekcję z wyróżnionymi produktami na stronie głównej lub zapis do newslettera.

Uwaga: Zanim wprowadzisz jakiekolwiek zmiany w PageBuilderze, stwórz backup sklepu, np. duplikując szablon i edytując duplikat. Opcja tworzenia duplikatu znajduje się w rozwijanym przycisku „Czynności”.

Chcesz zbudować szablon Shopify od zera?

Edycja szablonu Shopify nie jest skomplikowana. Schody zaczynają się, gdy chcesz stworzyć wyjątkowy szablon zupełnie od podstaw. Wtedy przyda ci się pomoc doświadczonego programisty, jak wdrożyć projekt sklepu, a także wsparcie projektanta, który zna się na e-commerce. Odezwij się do nas przez poniższy formularz, a nasi specjaliści zajmą się twoim projektem.

‍

Więcej: https://wecanflyagency.com/services/development/shopify-theme-development/