Shopify Sklep internetowy 2.0 – wszystko, co musisz wiedzieć

W 2020 r. skorzystało z niego ponad 450 milionów osób Shopify. Firma przetworzyła wolumen towarów brutto o wartości ponad 120 miliardów dolarów. To oczywisty fakt Shopify jest ogromny i rośnie.

Shopify we wtorek (29 czerwca 2021) ogłosił szereg nowych funkcji, którego celem jest zwiększenie możliwości dostosowania platformy do potrzeb każdego, kto prowadzi sklep Shopify. online Shopify Wersja 2.0 oferuje ogromną listę nowych funkcji i motywów Shopify kupcy.

Słowo od Shopify polega na tym, że Sklep Internetowy 2.0 jest owocem najważniejszej przebudowy języka, którego używa do budowania szablonów: języka Liquid.

Po pierwsze, odnowiony sklep internetowy ułatwi programistom dodawanie niestandardowych funkcji do witryn sklepowych. Netflix wcześnie otrzymał dostęp do tej platformy i wykorzystał go do stworzenia Netflix.shop – pierwszego sklepu e-commerce dla Netflix.

Oto krótki przegląd tego, co oznacza dla Ciebie Sklep Internetowy 2.0.

Przegląd

Nowe funkcje w Sklepie Internetowym 2.0 rozpoczynają się od świeżego doświadczenia edycyjnego. Nowy edytor ułatwia sprzedawcom tworzenie witryn sklepowych od podstaw, dodawanie różnych rozszerzeń motywów i zarządzanie aplikacjami w ramach motywów. Pomysł nowego edytora polegał na scentralizowaniu wszystkich dostępnych funkcji i funkcjonalności.

Motyw referencyjny Dawn, nowy standardowy motyw sklepowy w fazie rozwoju, będzie o 35% szybszy niż bieżący motyw domyślny (według wewnętrznych szacunków). Shopify wspomniał również, że nowy motyw będzie dostępny dla programistów od 15 lipca 2021 r.

Dodatkowo, Shopify ujawniło również, że firma zamierza znacznie zwiększyć inwestycje w infrastrukturę i narzędzia programistyczne. W rezultacie jako sprzedawca nie musisz męczyć się z koniecznością zmiany platformy, aby zbudować bezobsługowe witryny handlowe lub dostosować swoje witryny sklepowe.

Dzięki nowemu, udoskonalonemu sklepowi internetowemu 2.0, Shopify stara się uczynić platformę bardziej widoczną dla programistów i gigantów technologicznych. Sygnalizującym to posunięciem było zaoferowanie Netflixowi wcześniejszego dostępu do Store 2.0 (wspomniane wcześniej).

Sklep internetowy 2.0 jest wszechstronny. Dzięki nowemu sklepowi każdy ma możliwość tworzenia, dostosowywania, skalowania i zarabiania Shopify.

Nowa architektura motywów

We wcześniejszej wersji sklepu internetowego sprzedawcy mieli ograniczoną liczbę bloków dostępnych wewnątrz sklepu. Wcześniej sklepy miały różne szablony mapowane na różne produkty. W wersji 2.0 jako sprzedawca masz teraz możliwość dodawania sekcji do każdej nowej strony. Wcześniej można było dodawać sekcje tylko do strony głównej.

Istnieje możliwość aktywowania szablonów dla każdej strony za pomocą pliku szablonu JSON, który określa ustawienia strony. Dzięki temu możesz wyświetlić listę wszystkich sekcji strony, stron kolekcji, stron niestandardowych, wpisów na blogu i nie tylko.

W plikach szablonów JSON możesz zdefiniować sekcje, które się pojawią.

Pliki szablonów określają, które sekcje pojawiają się domyślnie i w jakiej kolejności pojawiają się w instalowanym motywie. Po dodaniu szablonu możesz dodać sekcje dynamiczne jako gotowe motywy, przechodząc do edytora motywów.

Rozszerzenia aplikacji tematycznych z blokami aplikacji

Rozszerzenia aplikacji tematycznych dla programistów mogą pomóc w dodaniu wielu funkcji i rozszerzeń. Za pomocą tego możesz rozszerzyć funkcjonalność witryny sprzedawcy

Wcześniej nie było możliwości integracji aplikacji z motywami. W rezultacie programiści musieli zakodować logikę integracji dla istniejących motywów. To naprawdę utrudniało stworzenie funkcji, które działałyby spójnie w wielu motywach. To już nie jest tak.

Modułowość aplikacji

Kolejną zaletą jest modułowość aplikacji. Oznacza to po prostu, że jako programista możesz teraz dodawać i usuwać komponenty interfejsu użytkownika za pomocą edytora motywów. Nie ma potrzeby uzyskiwania dostępu do kodu motywu.

Dzięki temu możesz w prosty sposób zarządzać zasobami pomocniczymi aplikacji. Z Shopify 2.0 możesz dość łatwo zarządzać zasobami pomocniczymi swojej aplikacji i hostować je na platformie.

Zmiany w metapolach

Zaktualizowany edytor motywów umożliwia sprzedawcom dodawanie metapól i właściwości. Dobra wiadomość jest taka, że ​​nie potrzebujesz interfejsów API ani żadnej formy kodowania, aby było to możliwe.

Jako sprzedawca możesz swobodnie dodawać treści, które Ci się podobają, do strony produktu, wprowadzając miejsce na dodawanie dodatkowych treściformatjon, który może pomóc potencjalnym nabywcom, na przykład tabela rozmiarów lub lista składników. Wszystko, co prawdopodobnie nie pojawi się w edytorze sklepu, można zaktualizować za pomocą metapól.

Oto różne sposoby modyfikowania metapól.

• Elastyczność: Metapola są bardziej elastyczne. Pomaga to w bezpiecznym importowaniu danych handlowych.
• Standardowe pola meta: Standardowe pola meta ułatwiają uruchamianie niestandardowych motywów w sklepach z różnych branż.
• Wskazówki dotyczące prezentacji: Możesz dodać wskazówki dotyczące prezentacji do metapól służących do renderowania danych sklepu

Selektor plików

Metafields obsługuje teraz wiele multimediów, takich jak obrazy lub pliki PDF. Zamiast kodować na stałe konkretny typ pliku w motywie, selektor plików z metapolami umożliwia przesłanie wybranych multimediów na strony produktów.

Dostęp do obrazów można uzyskać w sekcji ustawień/plików i można je natychmiast wykorzystać.

Jeśli podoba Ci się gwarancja na produkt lub tabela rozmiarów, selektor plików ułatwi Ci wybranie konkretnego pliku za pomocą prostego interfejsu użytkownika. Dzięki temu pole meta jest umieszczane wewnątrz samego motywu.

Pliki API

W wersji API 2021-07 możesz używać File API do tworzenia, aktualizowania i usuwania plików ogólnych. Dzięki temu sprzedawcy mogą ponownie wykorzystywać różne pliki w różnych aplikacjach. Są one dodawane do wewnętrznej strony plików Shopify Administrator.

Programiści będą mogli uzyskać dostęp do ustawień/plików poprzez nowy interfejs Files API. Interfejs API GraphQL wprowadzony w tej wersji ułatwia przesyłanie lub wybieranie istniejących plików multimedialnych poprzez ustawienia/pliki. Aplikacje mogą korzystać z dostępu do tego konkretnego obszaru w panelu administracyjnym podczas wypełniania metapól w treści.

Otwiera to aplikacjom możliwości wykorzystania tego miejsca na pliki i obrazy, które nie są bezpośrednio powiązane z produktem, w tym obrazy używane w motywach.

Ustawienie wejścia cieczy

Kolejną aktualizacją edytora motywów jest ustawienie wprowadzania danych Liquid, za pomocą którego można dodawać niestandardowy kod Liquid do stron z samego edytora.

Ustawienie Płyn jest podobne do ustawienia HTML. Jedyna różnica polega na tym, że masz dostęp do zmiennych Liquid. Sprzedawcy mają dostęp zarówno do obiektów Liquid globalnych, jak i specyficznych dla szablonów.

To ustawienie zmniejsza potrzebę ręcznej zmiany przez sprzedawców kodu dowolnego motywu podczas dodawania kodu dla aplikacji korzystających z Liquid.

Skorzystaj z dokumentacji dla programistów lub przejrzyj nowy motyw z sekcji Custom-Liquid Dawn.

Dzięki temu możesz łatwo podejmować niezależne decyzje dotyczące sklepu jako programista, uwalniając swój czas na skupienie się na kreatywnych integracjach i rozwiązaniach.

Nowe narzędzia programistyczne

Sklep internetowy 2.0 otwiera przed programistami całą gamę możliwości tworzenia dla Ciebie nowych aplikacji i motywów. Nowe narzędzia programistyczne integrują i pomagają w testowaniu, opracowywaniu i wdrażaniu nowych motywów.

Połączenia Shopify Integracja z GitHubem ułatwia korzystanie z Shopify Narzędzie CLI wraz ze sprawdzaniem motywu. Oba te narzędzia umożliwiają testowanie motywów w sandbox i dzięki temu usprawnia rozwój.

Shopify Integracja z Github

Nowa integracja z GitHub znacznie ułatwia śledzenie i zarządzanie nowymi motywami oraz zarządzanie nimi. Połącz konto użytkownika GitHub ze sklepem internetowym. Zmiany są wypychane do GitHub i ściągane do repozytorium zsynchronizowanego z bieżącym stanem wybranych motywów.

Połączenia Shopify Integracja z GitHub zapewnia połączenie konta użytkownika z Shopify admin i połącz gałęzie Git z motywami w sklepie. Natywna obsługa kontroli wersji umożliwia także wprowadzanie, śledzenie i zarządzanie zmianami w kodzie motywu:

Integracja GitHub z motywami umożliwia programistom bezpieczną współpracę poprzez edycję motywów z wprowadzeniem natywnej obsługi kontroli wersji. Integracja umożliwia programistom bezpieczną współpracę podczas edytowania motywów z obsługą kontroli wersji. Pracując w sklepie handlowym, programiści mogą wdrożyć przepływy pracy, w których zmiany w motywach są przeglądane i łączone w GitHub przed wypełnieniem ich aktywnym motywem.

Shopify CLI

Są nowe zmiany w Shopify Narzędzie CLI również. Twórcy aplikacji do tej pory używali narzędzia CLI do generowania aplikacji Node.js i Ruby on Rails, ale dzięki obecnym zmianom programiści mogą tworzyć niestandardowe motywy za pomocą interfejsu CLI.

Oto pełny zakres funkcji, jakie otrzymasz:

• Możesz opracowywać, przeglądać i testować zmiany w motywach w motywach programistycznych.
• Dzięki serwerowi deweloperskiemu możesz ponownie ładować zmiany w sekcjach CSS i Liquid, które opracujesz.
• Zainicjuj nowy projekt motywu, używając nowego motywu Dawn.
• Wypychaj i publikuj motywy z wiersza poleceń
• Uruchom sprawdzanie motywu dla motywu.
• Wypełnij dane testowe motywu dla klientów produktów i wersji roboczych zamówień.

Motywy rozwojowe to tymczasowo ukryte motywy powiązane z Shopify magazyn do rozwoju. Motywy rozwojowe nie są widoczne w obszarze administracyjnym, więc nie musisz się martwić, że odwiedzający sklep zobaczą na nim Twoją witrynę.

Motywy rozwojowe nie sumują się do limitu motywów. Z tego powodu są one automatycznie usuwane po siedmiu dniach braku aktywności. Są one również usuwane po uruchomieniu programu Shopify-sekwencja wylogowania. Jeśli potrzebujesz linku podglądu, który nie ulegnie zniszczeniu po wylogowaniu, możesz przesłać motyw do sklepu.

Motywów programistycznych można używać do przeglądania zmian w motywie opracowywanym lokalnie w czasie rzeczywistym, interakcji z motywem i dostosowywania motywu za pomocą edytora motywów. W ten sposób nowe narzędzie CLI daje dużą kontrolę nad wyglądem końcowego motywu.

Narzędzia te mogą ułatwić proces rozwoju i szybko rozpocząć korzystanie ze sklepu internetowego 2.0

Sprawdź temat

Theme Check to kolejny integralny komponent Liquid i JSON, który skanuje motywy w poszukiwaniu błędów. Po zakończeniu skanowania narzędzie wyświetla najlepsze praktyki w obu przypadkach Shopify platforma i język Liquid.

Integruje się to z edytorami takimi jak Visual Studio i identyfikuje problemy z kodem.

Aby zrozumieć utrzymujące się problemy, pojawiają się komunikaty o błędach z linkiem do nieudanego sprawdzenia. Kontrola motywu jest dołączona do pakietu Shopify Narzędzie CLI, więc nie musisz instalować go osobno.

Inne funkcje warte uwagi

Interfejs API mutacji zbiorczej

Rozwiązaniem jest punkt końcowy Bulk OperationRunMutation Shopify do zbiorczego eksportu danych do sklepu.

Zamiast symulacji GraphML można uruchomić operację mutacji zbiorczej. Jest to prosty sposób na zaimportowanie wszystkich danych bez napotykania wąskich gardeł spowodowanych dużą liczbą plików.

Oto dostępne opcje:

• produktUtwórz
• kolekcja Utwórz
• aktualizacja produktu
• produktUpdateMedia
• aktualizacja strony produktu
• Aktualizacja wariantu produktu
• metapoleWstaw
• Lista cenStałe cenyDodaj
• Lista cenStałe cenyUsuń

Sprawdź interfejs API zasobów kasy dla rabatów

Zasób kasy zwraca właściwość typ_aplikacji dla rabatów dodanych do kasy. Pole wyświetla sposób zastosowania rabatu.

Prawidłowe wartości to automatyczne, kod rabatowy, ręczny i skrypt.

Motywy ustawień wprowadzania cieczy

Nowe ustawienia wprowadzania danych Liquid umożliwiają sprzedawcom dodawanie niestandardowego kodu Liquid bezpośrednio z samego edytora. Jest to dość podobne do ustawienia HTML.

Sprzedawcy mogą uzyskać dostęp do globalnych i specyficznych dla szablonów obiektów Liquid bez konieczności edycji kodu motywu. Nowy motyw referencyjny nazywa się Dawn. Jest to motyw referencyjny typu open source, charakteryzujący się elastycznością i łatwością użycia. Wykorzystuje kilka funkcji sklepu internetowego 2.0, takich jak szablony JSON i bloki aplikacji.

Podsumowując:

Shopify składa się z trzech części sklepu:

• Motywy i edytor online
• Zapisywanie treści
• Narzędzia Deweloperskie

Jeśli nie jesteś programistą, a po prostu właścicielem sklepu, nowy edytor online i system zarządzania treścią prawdopodobnie będą miały największy wpływ na Ciebie jako właściciela sklepu.

Shopifyzaktualizowany język szablonów ma teraz podobny wewnętrzny edytor, taki jak Gutenberg WordPressa, który został wydany w 2018 roku. To przybliża go do edytorów stron na platformach takich jak Squarespace i Wix.

Edytor może łatwo zastąpić wiele Shopify apps w tym popularny kreator stron Shogun.

Nowy edytor pozwoli małym i średnim firmom tworzyć nowe szablony stron i wypełniać w nich dane bez pisania ani jednej linii kodu, korzystając z wbudowanego narzędzia Shopify sekcje strony i bloki.

Wreszcie, system zarządzania treścią to kolejny bardzo ważny obszar, który przeszedł lifting i dodatkowe funkcje. Dzięki nowej aktualizacji otrzymasz zupełnie nowe, niestandardowe możliwości wpisywania treści. Stwórz treść raz i opublikuj ją we wszystkich swoich kanałach, łącznie ze sklepem internetowym.

Co myślisz o tym Shopify Sklep internetowy 2.0? Daj nam znać w komentarzach poniżej.