Zaawansowany przewodnik po Shopify: jak sprzedawać online w 2020 roku

Jeśli położyłeś rękę na Shopify – jeśli nie, przeczytaj nasz przewodnik dla początkujących Shopify – prawdopodobnie napotkałeś jakiś błąd lub problem, z którym zwykłe kanały nie mogą ci pomóc. Może to być aplikacja, która zachowuje się śmiesznie, lub jakaś funkcjonalność, o której nikt wcześniej nie pomyślał. Sprawienie, by Shopify działało prawidłowo w takich przypadkach, może być prawdziwym bólem.


Te scenariusze są frustrujące, ale niestety są bolesną prawdą, jeśli pracujesz w środowisku Shopify. Nie martw się, Cloudwards.net jest tutaj, aby Ci pomóc.

W tym zaawansowanym przewodniku po Shopify przeprowadzimy Cię przez bardziej zaawansowane rzeczy na temat Shopify. Wyjaśnimy, jak wybrać odpowiedni motyw i jak dostosować jego strukturę i wygląd. Ponadto pokażemy Ci, jak właściwie obchodzić się z produktami i jakie aplikacje powinieneś rozważyć. Zacznijmy.

Jak wybrać odpowiedni motyw dla Shopify

Najpierw wyjaśnimy Ci, czym jest motyw. Pomyśl o tym jak o elewacji swojego sklepu. Na podstawie motywu nie zdecydujesz, jak będzie wyglądał Twój sklep, ale poprowadzisz go w określonym kierunku.

Ważne jest, aby pomyśleć o temacie, z którego będziesz korzystać, zanim zaczniesz budować sklep, ponieważ dzięki temu zaoszczędzisz czas i pieniądze. Na przykład, jeśli motyw ma wbudowaną funkcję paska bocznego, nie trzeba go później dostosowywać, ponieważ można go dodać do sklepu bez wysiłku.

W Cloudwards.net stworzyliśmy przydatną listę kontrolną, która ułatwia wybór odpowiedniego motywu.

Shopify-Theme-Store

Kryterium tematyczne 1: Wymagania biznesowe

Choć brzmi to banalnie, wymagania firmy są ważne przy wyborze motywu. Jak powiedzieliśmy w naszym artykule na temat budowy witryny od zera, wszystko zaczyna się od szkicu.

Najpierw pomyśl o swoich wymaganiach i zrób listę rzeczy, które Twoim zdaniem są niezbędne dla Twojego sklepu. Oto krótka lista pytań, które zalecamy zadać, rozważając motywy Shopify:

  • Jak chcesz, aby Twoi klienci poruszali się po Twoim sklepie?
  • Czy powinna być funkcja wyszukiwania
  • Czy chcesz mieć pasek boczny z nawigacją?
  • Czy potrzebujesz mega menu
  • Jak duże jest twoje portfolio produktów
  • Jak chcesz promować swój sklep później?
  • Czy potrzebujesz suwaka na górnej stronie
  • Czy sklep powinien być wyposażony w blog

Punkt portfela produktów jest szczególnie ważny. W zależności od liczby produktów, które chcesz wyświetlać w sklepie, Twój motyw powinien Cię wspierać, a nie blokować lub utrudniać. Zasadniczo w świecie Shopify istnieją trzy rozmiary portfeli: pojedynczy produkt, mały katalog i duży katalog.

Motywy można znaleźć w sklepie motywów Shopify, a jeśli spojrzysz, możesz znaleźć ich odpowiednie funkcje, w tym wielkość portfela produktów, w opisie każdego motywu.

Funkcje Shopify-Theme-Debiut

Jeśli podoba Ci się motyw, który nie spełnia wszystkich Twoich wymagań, priorytet. Jest mało prawdopodobne, że jeden motyw spełni wszystkie Twoje potrzeby.

Kryterium tematyczne 2: Optymalizacja wyszukiwarek

Ponieważ możesz nie chcieć cały czas umieszczać płatnych reklam, powinieneś również długo zastanowić się nad marketingiem ekologicznym. Sensowne jest wcześniejsze sprawdzenie najważniejszych technicznych kryteriów optymalizacji pod kątem wyszukiwarek, takich jak:

  • Czas ładowania pierwszego widoku
  • Szybkość strony mobilna
  • Pulpit szybkości strony
  • Kompatybilność z różnymi przeglądarkami

Możesz przetestować szybkość strony za pomocą PageSpeedInsights od Google. To powiedziawszy, ponieważ jest to czasochłonne i może nie być możliwe dla wszystkich tematów – musisz kupić niektóre z nich – możesz wcześniej przeprowadzić badania w Internecie.

Google-Page-Speed-Index

Kryterium tematyczne 3: Cena

Niestety na drzewach nie rosną pieniądze, a jako przedsiębiorca musisz uważać na swoje koszty. Dlatego powstaje stare pytanie: za darmo lub kup?

Możemy doradzić Ci pracę z płatnymi motywami, ale to tylko połowa prawdy. Większość płatnych motywów jest lepsza pod względem funkcjonalności. Kropka. Musisz sam zdecydować, czy warto kupić płatny motyw na podstawie tego, co planujesz zrobić ze swoim sklepem.

Jeśli skłaniasz się ku darmowemu projektowi, to też jest w porządku. To powiedziawszy, powinieneś zadać sobie pytanie, ile aplikacji, które są podobne do wtyczek w WordPress, będziesz musiał zainstalować później, ponieważ większość kosztuje i pogarsza czas ładowania twojego sklepu. Może warto zacząć od płatnego motywu niż darmowego, który musisz wyposażyć w aplikacje.

Najlepszą praktyką, szczególnie dla początkujących, jest trzymanie się darmowych motywów, ponieważ łatwiej jest uzyskać wsparcie od Shopify niż od stron trzecich. Wyjaśnimy, co to oznacza.

Kryterium tematyczne 4: Wsparcie

Wsparcie i dokumentacja są ważnym kryterium wyboru optymalnego motywu Shopify. Shopify oferuje wsparcie dla następujących motywów:

  • Bezgraniczny
  • Minimalny
  • Szybki start
  • Dostawa
  • Muzyka pop
  • Debiut
  • Prosty
  • Przedsięwzięcie
  • Brooklyn
  • Narracja

Jeśli wybierzesz motyw inny niż wymienione, będziesz zależny od zewnętrznych programistów. Oznacza to, że Shopify nie może zapewnić dużego wsparcia, jeśli chodzi o szczegóły motywu.

To powiedziawszy, musisz sprawdzić, ile wsparcia ogólnie zapewnia Shopify. Zazwyczaj, jeśli chodzi o problemy techniczne i dogłębne dostosowanie, co szybko dzieje się w przypadku Shopify, usługa, podobnie jak dostawcy zewnętrzni, obciąży Cię opłatą lub prześle do zewnętrznego dostawcy, który ponownie pozwoli Ci zapłacić za swoją pracę.

Dokumentacja jest również ważna. Zobacz, jak udokumentowane są tematy. Będziesz zaskoczony, jak różnorodna jest jakość dokumentacji motywu. Jakość jest bardzo różna, zwłaszcza w przypadku płatnych motywów. Link do dokumentacji każdego motywu można znaleźć w sklepie motywów Shopify.

Shopify-Theme-Supply-Documentation

Kryterium tematyczne 5: Recenzje

Last but not least: zaufaj tłumowi. Nie jesteś pierwszym, który otwiera sklep Shopify. Nie spiesz się i przeczytaj recenzje.

Nie pozwól jednak, aby złe recenzje zbytnio zniechęcały Cię do korzystania z określonego motywu. W wielu przypadkach komentarze użytkowników są ignoranckie lub wyrażają frustrację, która spadła w sekcji recenzji, jak widać na zrzucie ekranu poniżej.

Shopify-Theme-Debiut-przegląd

„Swagger Boutique” narzeka na temat debiutu. Stwierdzenie, że zdjęcia nie dostosowują się do telefonu, jest nonsensowne. Wszystkie motywy Shopify odpowiadają aktualnym standardom. Dlatego powinieneś postępować zgodnie z naszymi radami i przyjrzeć się recenzjom, zanim podejmiesz decyzję.

Personalizacja: Pushing Pixels with Liquid

Teraz, gdy wybrałeś odpowiedni motyw, powiemy Ci, jak możesz użyć Liquid, aby dostosować go do swoich potrzeb. Ważne jest, aby pamiętać, że jeśli zaczniesz dostosowywać, powinieneś pozostać przy swoim motywie, ponieważ wszelkie zmiany, dostosowania i prace projektowe, które wykonałeś, zostaną utracone po zmianie motywów.

Mówiąc najprościej, będziesz musiał ponownie wykonać prace programistyczne. Spróbuj użyć tylko jednego motywu od samego początku i zabezpiecz go hasłem.

Ważna rada: pamiętaj, aby wykonać wiele kopii swojego motywu. Najlepiej jest robić regularne kopie zapasowe i odpowiednio je nazwać, zwłaszcza jeśli instalujesz aplikacje.

Aby uchronić Cię przed potencjalną katastrofą, pokażemy Ci, jak rozwijać się w Shopify za pomocą Liquid. W kilku następnych sekcjach przyjrzymy się bliżej najważniejszym komponentom środowiska programistycznego Shopify.

Jeśli potrzebujesz więcej informacji na temat kodowania Liquid, zapoznaj się z oficjalnym numerem referencyjnym Liquid lub skontaktuj się z programistą.

Podstawy dostosowywania

Zacznijmy od podstaw.

Aby uzyskać dostęp do menu dostosowywania swojego sklepu, kliknij „sklep internetowy”. Powinno pojawić się menu z następującymi elementami: „tematy”, „posty na blogu”, „strony”, „nawigacja”, „domeny” i „preferencje”. Kliknij „tematy”, aby kontynuować.

Po prawej stronie ekranu zobaczysz dwa duże obszary: „bieżący motyw” i „więcej motywów”. W obszarze „aktualny motyw” znajdziesz aktualnie aktywny motyw. W drugim obszarze znajdują się motywy pobrane ze sklepu z motywami.

Shopify-Theme-Customization-Basics

Po prawej stronie motywu znajduje się „dostosuj”. Kliknij, aby uzyskać dostęp do menu dostosowywania.

Shopify-Theme-Customization-Basics-Customize

Jesteś teraz w menu dostosowywania, w którym możesz wprowadzić żądane zmiany w motywie. Po lewej stronie zobaczysz panel sterowania, za pomocą którego możesz edytować poszczególne sekcje aktywnej strony.

Shopify-Theme-Customization-Basics-Customize-Control-Panel

Obok „sekcji” znajdziesz; pole „Ustawienia motywu”, w którym możesz dostosować ogólne ustawienia motywu, takie jak czcionka, kolory i ikony.

Shopify-Theme-Customization-Basics-Customize-Control-Panel-Theme-Settings

Tam też znajdziesz dokumentację swojego motywu i dane kontaktowe do pomocy technicznej.

Shopify-Theme-Customization-Basics-Customize-Documentation

Możesz również zagłębić się w płynny kod motywu w „działaniach motywu” > „Edycja kodu” w celu głębszego dostosowania. Porozmawiamy o tym później.

Shopify-Theme-Customization-Basics-Edit-Code

Na górnym pasku możesz zobaczyć nazwę edytowanego motywu. Zobaczysz menu, w którym możesz przechodzić między stronami, które chcesz dostosować.

Shopify-Theme-Customization-Basics-Customize-Change-Page

Obok tego menu możesz wybierać między wersją komputerową a wersją mobilną.

Shopify-Theme-Customization-Basics-Customize-Mobile-Version

Ważne jest, aby pamiętać, że jeśli jesteś w trakcie dostosowywania, kopania dokumentacji i uświadamiania sobie, że zrobiłeś wszystko dobrze, ale funkcja nadal nie działa, może to być dlatego, że niektóre funkcje Shopify, zwłaszcza aplikacje, działają tylko, jeśli temat został opublikowany.

Sekcje: Kawałek po kawałku do pięknego sklepu

„Sekcje” to bloki konstrukcyjne wielokrotnego użytku, których można użyć do zbudowania i zaprojektowania strony głównej Shopify. Jednak nie można ich używać na stronach innych niż strona docelowa. Aby dowiedzieć się, jak ważna jest strona docelowa, przeczytaj nasz przewodnik na temat korzystania z Instapage.

Zasadniczo Shopify rozróżnia sekcje statyczne i dynamiczne. Sekcje statyczne są, jak sama nazwa wskazuje, statycznie wbudowane w motyw. Nagłówek i stopka są dobrymi przykładami sekcji statycznych. Nie można ich dodać w menu dostosowywania. Można je wstawić tylko poprzez programowanie.

Shopify-Theme-Customization-Basics-Customize-Static-Sections

Z kolei sekcje dynamiczne to elementy składowe, które można dynamicznie dodawać w edytorze dostosowywania. Robisz to, wybierając „dodaj sekcję”.

Shopify-Theme-Customization-Basics-Customize-Dynamic-Sections

Następnie powinna zostać wyświetlona lista dostępnych sekcji dla Twojego motywu.

Shopify-Theme-Customization-Basics-Customize-Dynamic-Sections-List

Nie zdziw się, jeśli Twoja lista wygląda inaczej niż nasza. Istnieją sekcje, które łączy większość tematów, ale wiele z nich ma również własne sekcje specjalne.

Wybierz odpowiednią sekcję i wybierz ją. Obok nazwy powinien pojawić się przycisk „dodaj”. Sekcja jest również wyświetlana w funkcji podglądu.

Shopify-Theme-Customization-Basics-Customize-Add-Section

Jeśli chcesz wstawić sekcję, kliknij przycisk „dodaj”.

Pytanie brzmi, dlaczego Shopify rozróżnia sekcje statyczne i dynamiczne, jeśli możemy używać tylko sekcji na stronie głównej. Podejrzewamy, że Shopify pracuje również nad wykorzystaniem funkcji sekcji na innych stronach.

Theme.scss.liquid: The Heart of Your Look and Feel

Teraz, gdy wiesz, jak zmienić strukturę strony docelowej, pokażemy Ci, jak zmienić jej wygląd. Aby to zrobić, kliknij „akcje tematyczne”, a następnie wybierz „edytuj kod”.

Następnie powinien zostać wyświetlony następujący interfejs:

Shopify-Development-IDE

Tam możesz zobaczyć wiele plików podzielonych na siedem dużych folderów:

  • Układ
  • Szablony
  • Sekcje
  • Fragmenty
  • Majątek
  • Config
  • Lokalizacje

Folder „zasoby” jest dla nas szczególnie interesujący.

Shopify-Development-Folder

Otwórz plik „theme.scss.liquid”.

Shopify-Development-SCSS

W większości przypadków plik ma kilka tysięcy wierszy kodu. W naszym przykładzie jest 7 098 linii kodu. To dlatego, że cała stylizacja jest w nim zrobiona. Jeśli chcesz wprowadzić zmiany w CSS, zrób sobie przysługę i zrób to tam.

Produkty Shopify: Obsługa produktów jak profesjonalista

Teraz, gdy wiesz, jak zmienić wygląd swojego sklepu, porozmawiamy o tym, co jest w środku: produkty. Wyjaśniliśmy, jak tworzyć produkty w naszym przewodniku dla początkujących. Teraz pójdziemy głębiej i porozmawiamy o wariantach i opcjach.

Wszystkie produkty mogą mieć warianty, ale nie muszą. Każdy wariant ma inne opcje, w przeciwnym razie warianty nie miałyby sensu. Typowym przykładem jest wariant kolorów:

Shopify-Produkty-Warianty

Jak widać na powyższym zrzucie ekranu, możesz wyposażyć ten sam produkt w różne kolory bez konieczności tworzenia nowego produktu dla każdego, co jest przydatne.

Jak importować produkty w Shopify

Jeśli masz sklep z dużą liczbą produktów, możesz nie chcieć dodawać każdego produktu osobno do swojego sklepu. Dlatego Shopify oferuje funkcję importu zbiorczego.

W menu głównym Shopify kliknij kartę „produkty” po lewej stronie, aby przejść do menu produktu.

Shopify-Menu główne-Produkty

Kliknij „importuj”.

Shopify-Produkty-Import

Powinieneś zobaczyć okno, w którym możesz pobrać szablon pliku .csv do importu. Wypełnij go swoimi produktami i prześlij go ponownie. Ponieważ pola w szablonie są mylące, zalecamy skorzystanie z oficjalnego wyjaśnienia Shopify podczas wypełniania go.

Shopify-Produkty-Import-Popup

Oto więcej porad ekspertów, aby ułatwić importowanie:

  • Jeśli importujesz wiele produktów, najpierw prześlij zdjęcia produktów do Shopify. Zapewni to, że obrazy mają już adres URL Shopify, który musisz zapisać w przesłanym pliku. W przeciwnym razie musisz ręcznie przypisać wszystkie obrazy do produktów i wariantów.
  • W przypadku produktów z wariantami niektóre pola należy pozostawić puste, aby Shopify utworzył je jako warianty, a nie jako samodzielne produkty.
  • Uważaj na pułapkę Excela. Program Excel domyślnie używa średników jako separatorów dla plików .csv, ale Shopify nie. Upewnij się, że plik do przesłania jest oddzielony przecinkami, a nie średnikami.
  • Ważne jest również, aby umieszczać listy i wyliczenia w cudzysłowach oraz aby używać kropek zamiast przecinków do określania rozmiarów i cen.

Aplikacje: przydatne ulepszenia dla Shopify

Podobnie jak wtyczki w WordPress, aplikacje w Shopify to funkcjonalne rozszerzenia, które należy zainstalować osobno. Niektóre są bezpłatne, a niektóre nie. Jeśli WordPress jest dla Ciebie w całości grecki, przygotowaliśmy kilka przewodników WordPress:

  1. Przewodnik dla początkujących po korzystaniu z WordPress
  2. Pośredni przewodnik po korzystaniu z WordPress
  3. Zaawansowany przewodnik po korzystaniu z WordPress

Oto nasze najlepsze aplikacje Shopify:

Zestaw: uruchamiaj lepsze reklamy na Facebooku

Kit to aplikacja opracowana przez Shopify, aby pomóc Ci poprawić marketing na Facebooku. Jest nie tylko darmowy, ale działa również jako wirtualny asystent i regularnie sugeruje Facebook Messenger, aby zwiększyć ruch w Twoim sklepie internetowym. Jest to obowiązkowa pozycja dla każdego, kto zajmuje się marketingiem na Facebooku dla swojego sklepu.

Oberlo: Znajdź produkty do sprzedaży w Shopify

Oberlo jest idealnym towarzyszem dla tych, którzy chcą robić dropshipping ze swoim sklepem internetowym. Aplikacja jest połączona z kilkoma platformami dropshipping, takimi jak AliExpress, i umożliwia łatwy import produktów do sklepu Shopify.

Wystarczy zainstalować aplikację, aby przeglądać tysiące produktów i zaimportować je do sklepu internetowego za pomocą jednego kliknięcia. Po tym, jak klienci złożą zamówienie w sklepie internetowym, wystarczy złożyć zamówienie w Oberlo, aby wysłać produkty do klienta bezpośrednio od dostawcy.

Shopify-Apps-Oberlo

Hotjar: naprawdę zrozum, w jaki sposób użytkownicy wchodzą w interakcje w Twojej witrynie

Hotjar to przydatne narzędzie, za pomocą którego możesz tworzyć mapy cieplne dla swojego sklepu internetowego. Daje także możliwość przeglądania nagrań odwiedzających nawigujących po sklepie.

Aplikacja ma sens, ponieważ pozwala zidentyfikować części witryny, które działają dobrze, i te, które są ignorowane przez większość odwiedzających. Jest to szczególnie ważne w przypadku Twojego sklepu internetowego, ponieważ chcesz na przykład dowiedzieć się, które produkty są przeglądane, ale nie kupione. To sprawia, że ​​Hotjar jest jednym z najlepszych narzędzi do generowania ołowiu na rynku.

Możesz dowiedzieć się, jak to działa szczegółowo i jak zintegrować go ze swoim sklepem na stronie Hotjar.

Odważne ceny niestandardowe: optymalizacja sprzedaży i konwersji

Bold Custom Price został opracowany przez Bold Commerce, który jest dużym graczem w środowisku Shopify i opracował wiele przydatnych aplikacji. Jesteśmy szczególnie zainteresowani Odważną ceną niestandardową, ponieważ pozwala ona na włączanie zniżek ilościowych i innych sztuczek cenowych. Przede wszystkim możesz tworzyć grupy klientów i nagradzać lojalnych klientów odpowiednimi rabatami.

Dużym minusem aplikacji jest to, że Bold Commerce zmienia wiele motywów, aby Bold Custom Price działał płynnie. Wiele plików .liquid, takich jak product-template.liquid, będzie wyglądać inaczej i będzie trudnych w utrzymaniu. Będziesz zależny od wsparcia Bold Commerce.

Więcej wskazówek na temat aplikacji

Każda aplikacja zmienia kod motywu. Przed zainstalowaniem dowolnej aplikacji wykonaj kopię zapasową. Jeśli nie wiesz, gdzie szukać dobrej usługi tworzenia kopii zapasowych, przeczytaj nasze recenzje kopii zapasowych online.

Jeśli masz kilka aplikacji zainstalowanych w sklepie, mogą wystąpić problemy z instalacją dodatkowych. W większości przypadków dzieje się tak, ponieważ motywy i być może aplikacje już zainstalowane różnią się w poszczególnych sklepach i zmieniają kod w taki sposób, że nie ma standardowego sposobu instalowania dodatkowych aplikacji.

Dlatego też nie powinieneś próbować instalować wielu aplikacji jednocześnie. Szybko stracisz kontrolę nad zmianami. Nie spiesz się i zainstaluj jedną aplikację na raz.

Powinieneś unikać dawania zespołom wsparcia natychmiastowego dostępu do twojego sklepu. W przeciwnym razie nie będziesz wiedział, która aplikacja jest zainstalowana i zintegrowana, a która nie.

Końcowe przemyślenia

Mamy nadzieję, że udostępniliśmy przydatne wskazówki i porady w tym szczegółowym przewodniku Shopify. Shopify to przydatna i dobra platforma do założenia sklepu internetowego w mgnieniu oka, zwłaszcza jeśli nie wiesz, jak kodować.

To powiedziawszy, jeśli masz zaawansowane umiejętności techniczne, Shopify staje się potężnym i konfigurowalnym sojusznikiem, który można zaprojektować dla prawie każdej firmy internetowej.

Jeśli masz więcej podstawowych pytań, nasz przewodnik dla początkujących, do którego link znajduje się na początku tego artykułu, jest dla Ciebie najlepszy. Jeśli masz dodatkowe pytania, zadaj je w komentarzach. Dziękuję za przeczytanie.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map