Wszystko, co musisz wiedzieć o Shopify 2.0 (i co robić)

Jeśli jesteś właścicielem firmy lub marketerem rozważającym użycie Shopify do utworzenia sklepu eCommerce, zwróć szczególną uwagę na ten artykuł.

Za chwilę opowiemy Ci o Shopify 2.0 — w tym o nowościach, o tym, dlaczego jest dobre i co musisz zrobić, aby skorzystać z aktualizacji.

Niezależnie od tego, czy dopiero zaczynasz i prowadzisz badania, czy już jesteś użytkownikiem Shopify, który rozważa uaktualnienie, przeczytaj wszystko, co musisz wiedzieć.

Co jest omówione w tym poście:

• Krótki przegląd sklepu Shopify
• Co to jest Shopify 2.0 i jakie są nowe funkcje?
• Jaka jest nowa architektura tematyczna?
• Co programiści powinni wiedzieć?
• Jak skonfigurować swój sklep w Shopify 2.0
• Co powinieneś zrobić, jeśli Twój sklep został utworzony w Shopify 1.0?
• Czy musisz zaktualizować swój sklep Shopify do wersji 2.0?

1. Krótki przegląd sklepu Shopify

Źródło: Przedstawiamy sklep internetowy 2.0: co to oznacza dla programistów

Jeśli tu jesteś, albo masz już sklep Shopify, albo myślisz o jego zakupie. A jeśli tak jest, możesz się zastanawiać, czy sklep internetowy Shopify jest dla Ciebie odpowiednią platformą.

Jeśli tak jest, być może zainteresuje Cię nasz artykuł „Shopify vs WooCommerce — który jest dla Ciebie najlepszy”.

W 2020 r. na Shopify było 457 milionów kupujących — w porównaniu z 218 mln w 2018 r. (Źródło: Shopify).

W Exposure Ninja uwielbiamy pracować z Shopify. Jest to odpowiednie rozwiązanie dla Ciebie, jeśli prowadzisz firmę eCommerce i szukasz sklepu internetowego, który jest łatwy w użyciu i zapewnia duże wsparcie.

Jego wspaniałe funkcje pozwalają śledzić sprzedaż, tworzyć raporty przychodów i generować zamówienia.

Oryginalny sklep Shopify został wyposażony w 70 niestandardowych motywów typu plug-and-play, co ułatwia każdemu skonfigurowanie sklepu internetowego w zaledwie 15 minut.

Edytowanie motywów i tworzenie niestandardowych stron nie zawsze było proste, ale sklep internetowy Shopify 2.0 ma nadzieję to zmienić. Sprzedawcy Shopify mogą teraz oczekiwać znacznie bardziej elastycznego sklepu internetowego z dołączonym edytorem motywów i rozszerzeniami aplikacji motywów.

2. Co to jest Shopify 2.0 i jakie są nowe funkcje?

Sklep internetowy Shopify 2.0 to ważna aktualizacja platformy sklepu internetowego Shopify.

Wydany w czerwcu 2021 r. zaktualizowany sklep internetowy 2.0 przyniósł znaczącą zmianę Shopify w bardziej konfigurowalną przestrzeń, którą wielu programistów może powitać.

Mając jedno oko na wrażenia użytkownika, Shopify nie zapomniało o wielu użytkownikach, którzy korzystają z platformy, dzięki łatwości obsługi. Zmiany, jak nas zapewniają, są „łatwiejsze i bardziej elastyczne”.

Jakie są więc kluczowe nowe funkcje?

• „Sekcje” są teraz dostępne na wszystkich stronach, nie tylko na stronie głównej
• Wprowadzili rozszerzenia aplikacji tematycznych
• Bloki aplikacji są teraz dostępne za pośrednictwem interfejsu edytora motywów
• Dodaj zasoby do rozszerzeń aplikacji z motywem
• Ulepszenia metapól
• Selektor plików obsługuje pliki obrazów
• Nowe API plików
• Ulepszenia edytora motywów
• Ustawienie wejścia cieczy.

Aktualizacja zawiera nowy motyw referencyjny o nazwie „ Świt ”, który jest o 35% szybszy niż poprzedni motyw domyślny, Debiut. Sklep internetowy Shopify 2.0 jest również otwarty na przesyłanie motywów od programistów i ma ulepszone opcje dostosowywania i obsługę.

Jeśli przeglądasz listę nowych funkcji i zastanawiasz się, co to wszystko znaczy, zostań z nami. Przeprowadzimy Cię przez wszystko, co musisz wiedzieć o sklepie internetowym 2.0.

Nie zatrudniaj agencji zajmującej się projektowaniem stron internetowych, dopóki nie przeczytasz tego e-booka

Pobierz tego e-booka

3. Czym jest nowa architektura tematyczna?

Architektura motywu może brzmieć jak żargon, ale w uproszczeniu odnosi się do struktury edytora.

Sklep internetowy Shopify 2.0 ma zaktualizowany edytor motywów, co jest dobrą wiadomością z dwóch powodów:

1. Nie-programistom łatwiej jest dostosować wszystkie strony
2. Deweloperom łatwiej jest tworzyć niestandardowe motywy i integrować.

Do sklepu internetowego 2.0 dodano siedem nowych funkcji. Tutaj przyjrzymy się każdemu z nich bardziej szczegółowo.

Szablony stron mają teraz sekcje

Sekcje to wizualne elementy strony w witrynie, na przykład baner, blok obrazu z tekstem lub przycisk.

W poprzedniej wersji Shopify tylko strona główna umożliwiała dodawanie nowych sekcji oraz przeciąganie i upuszczanie ich w wybrane miejsce na stronie.

Możliwe było dostosowanie sekcji na innych stronach, ale nie bez pomocy programisty.

Teraz sprzedawcy mogą dostosować dowolną stronę w swojej witrynie, w tym strony produktów, tak aby ich sklep internetowy był w pełni spersonalizowany pod kątem ich działalności.

Jak oni pracują?

• Każda strona może być teraz renderowana przy użyciu plików szablonów JSON
• Możesz skonfigurować wiele plików szablonów, które mapują do różnych produktów
• Sprzedawcy mogą mieć różne strony produktów, strony kolekcji i inne strony w tym samym sklepie
• Sprzedawcy mogą zdefiniować sekcje i kolejność, w jakiej sekcje powinny się pojawiać domyślnie po zainstalowaniu motywu
• Sekcje dynamiczne można teraz dodawać do strony głównej.

Tematyczne rozszerzenia aplikacji z blokami aplikacji

W poprzednim sklepie internetowym Shopify nie było możliwości integracji aplikacji z edytorem motywów. Sprzedawca musiałby zatrudnić programistę do integracji kodu z istniejącymi motywami. Może to spowodować przerwy w kodzie motywu, utrudniając przeprowadzanie integracji między motywami.

W sklepie internetowym 2.0 rozszerzenie aplikacji motywu umożliwia programistom dodawanie funkcji i rozszerzeń. Dzięki temu możesz teraz dodać dodatkową funkcjonalność do swoich sklepów Shopify.

Wbudowana modułowość aplikacji

Bloki aplikacji umożliwiają programistom tworzenie komponentów, które można dodać do edytora motywów bez kodowania integracji.

Co to oznacza dla Ciebie jako kupca? Mówiąc najprościej, jeśli chcesz zmienić motyw, ale zabrać ze sobą integralną aplikację, jest to znacznie łatwiejsze i oznacza, że ​​programista nie będzie musiał przebudowywać całej integracji. Ułatwia również usunięcie aplikacji, ponieważ cały kod ducha jest usuwany podczas odinstalowywania.

Zmiany w metapolach

Metapole to miejsce, w którym możesz dodać informacje o konkretnym zasobie w swojej witrynie. Może to być obraz, lista, wykres lub plik do pobrania.

Ten nowy edytor motywów pozwala dodawać metapola i właściwości bez użycia interfejsów API lub kodu. Nie jest to możliwe w przypadku poprzednich funkcji w natywnych narzędziach do edycji Shopify.

Metapola zostały przerobione od podstaw, aby były bardziej elastyczne i intuicyjne. Teraz możesz w ciągu kilku minut utworzyć niestandardowe pola dopasowane do Twoich potrzeb dzięki zaawansowanemu systemowi typowania sklepu internetowego 2.0. Wprowadzono standardowe metapola, dzięki czemu każdy motyw będzie działał po wyjęciu z pudełka w sklepach w różnych branżach — bez konieczności dodatkowego kodowania lub instalacji wtyczek.

Selektor plików

Selektor plików metapola ułatwia przesyłanie i wybieranie multimediów na stronach produktów. Wszystkie Twoje obrazy zapisane w sekcji Ustawienia/Pliki są natychmiast dostępne do użycia w tej nowej funkcji.

Metapola działają z wieloma źródłami multimediów, takimi jak obrazy lub pliki PDF.

Na przykład zamiast kodować dla poszczególnych typów plików w obszarze zawartości kreatora stron każdego motywu, metapola umożliwiają przesłanie wybranego elementu z telefonu i natychmiastowe wyświetlenie go na stronach produktów — bez konieczności wracania do ustawień.

API plików

Aktualizacja sklepu internetowego 2.0 do interfejsu API plików zapewnia sprzedawcom nowe funkcje i usprawniony interfejs do przesyłania plików.

W tej wersji programiści mogą tworzyć, wybierać i przesyłać multimedia do swoich sklepów Shopify za pomocą łatwej w użyciu konsoli GraphQL w panelu administracyjnym Shopify.

Ponadto interfejs API umożliwia teraz dostęp z wielu aplikacji do wykorzystania miejsca na pliki niezwiązane bezpośrednio z konkretnym produktem.

Ustawienia wprowadzania cieczy

Ustawienia wprowadzania Liquid pozwalają sprzedawcom dodawać niestandardowy kod Liquid do stron bezpośrednio z edytora z nowym ustawieniem podobnym do HTML. Oznacza to, że będziesz mieć dostęp do zmiennych globalnych i obiektów specyficznych dla szablonu, zmniejszając potrzebę ręcznej zmiany kodu motywu.

Ten niestandardowy kod Liquid ułatwia sprzedawcom Shopify pracę z nowym sklepem internetowym 2.0 bez ingerowania w kod motywu lub zbytniego angażowania programistów aplikacji.

Dostań się na szczyt Google za darmo

Pobierz bezpłatną kopię naszej bestsellerowej książki,

" Jak dostać się na szczyt Google "

Pobierz moją bezpłatną kopię

4. Co muszą wiedzieć programiści?

Jeśli jesteś sprzedawcą i chcesz poznać tylko podstawowe powody, dla których powinieneś przejść na Shopify 2.0, zaktualizowany edytor motywów powinien być wystarczającym powodem.

Ale Shopify wprowadził kilka nowych narzędzi programistycznych w ramach odnowionego sklepu internetowego. Omówimy to pokrótce tutaj.

Integracja z GitHub

Integracja Shopify GitHub umożliwia programistom łatwe łączenie się z kontem użytkownika GitHub za pomocą zaledwie kilku kliknięć.

Integracja między motywami i GitHub pozwoli programistom na wydajniejszą pracę podczas wprowadzania zmian. Deweloperzy mogą teraz wdrażać przepływ pracy tam, gdzie potrzebują zatwierdzenia przed wypełnieniem aktywnych witryn swoimi aktualizacjami. Działa to teraz na jednej platformie, oszczędzając czas podczas wypełniania motywu na żywo.

Narzędzie Shopify CLI

Wcześniej programiści mogli używać CLI do generowania aplikacji Node.js, Ruby on Rails i rozszerzeń aplikacji. Sklep internetowy Shopify 2.0 umożliwia im korzystanie z interfejsu wiersza polecenia do aktualizowania motywów programistycznych.

Motywy programistyczne są ukryte w części sklepu Shopify Admin, dzięki czemu programiści mogą nad nimi pracować. Te motywy programistyczne nie wliczają się do limitu motywów, ale Shopify ‌usuwa je automatycznie, jeśli po siedmiu dniach zauważy brak aktywności w motywach programistycznych.

Nowe narzędzie CLI zapewni Tobie lub Twojemu programiście kontrolę nad tworzeniem motywów, edycją motywów i wyglądem nowego motywu. W ramach nowego projektu tematycznego będziesz mógł oglądać na żywo wszelkie zmiany, wchodzić z nimi w interakcję i dostosowywać je za pomocą edytora.

Kontrola motywu

Wśród nowych narzędzi programistycznych jest Theme Check — serwer językowy, który integruje się z edytorem tekstu w celu identyfikowania problemów w kodzie w celu wydajnego tworzenia nowych motywów.

Jest dołączony do narzędzia Shopify CLI, więc programista powinien je zainstalować razem. Został zaprojektowany z rozwagą, zawiera komunikaty o błędach, w tym łącze do dokumentacji nieudanej kontroli.

Świt

Źródło: Przedstawiamy sklep internetowy 2.0: co to oznacza dla programistów

Dawn to nowy motyw referencyjny, który jest standardowo dostępny w nowym sklepie internetowym Shopify 2.0. Poprzednim domyślnym motywem był Debiut, a Dawn jest znacznie szybszy, bardziej elastyczny i bardziej uproszczony niż jego poprzednik, dzięki czemu proces tworzenia jest znacznie płynniejszy.

Dawn ma już szablony JSON dla wszystkich swoich stron, więc może być używany jako model podczas odblokowywania sekcji w nowym motywie.

Jego szybkość wynika z tego, że jest zbudowany z minimalnym JavaScript, więc Shopify zachęca programistów do korzystania z natywnej funkcjonalności przeglądarki do renderowania układów HTML i CSS.

5. Jak skonfigurować swój sklep w Shopify 2.0?

Konfiguracja sklepu w Shopify 2.0 jest taka sama jak w poprzedniej wersji Shopify. Jest to szybkie i łatwe do zrobienia, ale zanim zaczniesz, powinieneś pomyśleć o następujących rzeczach:

• Jaka jest nazwa Twojej firmy? Od razu zostaniesz zapytany o nazwę swojego sklepu i nie można tego zmienić, więc upewnij się, że wybierasz ostrożnie. Będziesz jednak mógł później zmienić to na wybraną domenę.
• Kolory marki, czcionki i logo. Wybierzesz motyw ze sklepu z motywami Shopify, ale prawdopodobnie będziesz chciał zastąpić niektóre elementy motywu swoim brandingiem.
• Zdjęcia i opisy produktów, które chcesz sprzedawać, w tym kody UPC, warianty, szczegóły wysyłki i oczywiście ceny.
• Jak chcesz, aby użytkownicy dokonywali płatności.
  • Shopify umożliwia większość opcji, w tym Paypal, Visa, Mastercard, AMEX, Apple Pay, Amazon Pay i Google Pay.
• Struktura witryny; jakie strony chcesz dołączyć i kopię, którą chcesz na nich umieścić. Musisz o tym wiedzieć, kiedy będziesz konfigurować nawigację i nowe strony.
• Dodatkowe elementy, takie jak metadane i elementy SEO, które chcesz umieścić na swoich stronach.

Aby uzyskać kompletny przewodnik dotyczący konfiguracji sklepu Shopify w sposób uwzględniający SEO, posłuchaj naszego podcastu Shopify SEO for Beginners lub obejrzyj poniższy film.

Co powinieneś zrobić, jeśli Twój sklep został utworzony w Shopify 1.0?

Jeśli masz już sklep internetowy Shopify i chcesz uaktualnić do Shopify 2.0, dostępne są trzy sposoby:

Odwiedź sklep z motywami Shopify i pobierz jeden z nowych motywów Shopify.

Sprawdź, czy Twój istniejący motyw oferuje zaktualizowaną wersję, korzystając ze sklepu internetowego 2.0.

Przeprowadź migrację obecnych szablonów motywów do nowej architektury.

1. Pobierz nowy motyw

1. Odwiedź sklep z motywami Shopify.
2. Filtruj według „Architektura motywu”.
3. Wybierz „Sklep internetowy 2.0”.
4. Wybierz preferowany motyw i naciśnij „Wypróbuj motyw”.
5. Płacisz tylko wtedy, gdy opublikujesz motyw w swojej witrynie Shopify.

2. Zaktualizuj swój obecny motyw

1. Odwiedź sklep z motywami Shopify i przefiltruj według „Sklepu internetowego 2.0”, jak powyżej. Jeśli Twój motyw jest dostępny do aktualizacji, powinieneś go tam zobaczyć.
2. Alternatywnie, powinieneś mieć powiadomienie w panelu administracyjnym Shopify (poniżej, gdzie znajduje się twój motyw).
3. Kliknij powiadomienie i „Dodaj do biblioteki motywów”.
4. Wszelkie dostosowania dokonane w motywie za pomocą edytora motywów są kopiowane i stosowane do zaktualizowanego motywu. Obejmują one:
5. Zmodyfikowane ustawienia motywu
6. Zmodyfikowane układy stron, takie jak dodawanie, zmiana kolejności, usuwanie lub ukrywanie sekcji lub bloków
7. Nowe szablony
8. Dodano, usunięto lub zmodyfikowano ustawienia osadzonych aplikacji lub rozszerzeń aplikacji.

3. Przenieś swój szablon motywu

Jest to długotrwały proces i nie polecamy go, chyba że jesteś programistą.

1. Użyj narzędzia Shopify CLI lub edytora kodu. Może być konieczne zainstalowanie CLI.
2. Upewnij się, że jesteś zalogowany jako współpracownik lub „personel” na konto, nad którym chcesz pracować.
3. Zrób kopię swojego motywu.
4. Przekonwertuj bieżący kod motywu z ustawienia wejściowego Liquid na szablon JSON.
5. Przenieś dowolny kod Liquid lub HTML do sekcji, które będą używane w nowym szablonie JSON.
6. Cały proces możesz przeczytać tutaj na Shopify.dev.

Czy musisz zaktualizować swój sklep Shopify do wersji 2.0?

Krótka odpowiedź na to pytanie brzmi: nie .

Shopify nadal zapewnia wiele motywów zgodnych z oryginalną wersją.

Jeśli jednak jesteś właścicielem sklepu i szukasz dodatkowych możliwości dostosowania, nowych szablonów stron i stron niestandardowych, przejście na wersję 2.0 może być dla Ciebie dobrą opcją.

Najnowsza rada Shopify mówi, że jeśli planujesz korzystać z aplikacji, powinieneś spróbować użyć rozszerzeń aplikacji do integracji ze swoim sklepem internetowym. Dzieje się tak, jeśli przesyłasz nową aplikację, ponieważ do integracji muszą one używać rozszerzeń motywów. Shopify planuje w przyszłości uczynić to wymaganiem dla wszystkich aplikacji.

Shopify właściciel firmy? Możesz przeczytać nasz blog na temat tworzenia zwycięskiej strategii marketingowej Shopify.

Co przeczytać dalej

• Najlepsze platformy eCommerce do użycia
• Shopify czy WooCommerce – który jest dla Ciebie najlepszy?
• Jak stworzyć zwycięską strategię marketingową Shopify?
• Przewodnik PPC dla sklepów eCommerce Shopify
• 11 rzeczy, które musisz wiedzieć przed wyborem agencji projektowania stron internetowych
• 6 sposobów na zwiększenie sprzedaży sklepu eCommerce