Rozszerzanie szablonu za pomocą aplikacji

Możesz instalować aplikacje, aby dodawać funkcje i integracje do szablonu. Aplikacje znajdziesz w sklepie Shopify App Store.

Aplikacje mogą integrować się z szablonem na następujące sposoby:

  • Jako blok aplikacji: bloki aplikacji umożliwiają dodawanie funkcjonalności aplikacji dokładnie w tym miejscu szablonu, w którym chcesz jej użyć. Możesz dodawać, usuwać, wyświetlać podgląd, zmieniać położenie i dostosowywać bloki aplikacji za pomocą edytora szablonów.
  • Jako osadzenie aplikacji: osadzenia aplikacji to elementy dostarczane przez aplikację, które unoszą się lub są wyświetlane jako nakładka w szablonie bądź dodają kod do sklepu online, nie będąc widocznymi dla klientów. Możesz aktywować, dezaktywować, wyświetlać podgląd i dostosowywać osadzenia aplikacji za pomocą edytora szablonów.
  • Poprzez dodanie niestandardowego kodu: niektóre aplikacje wprowadzają kod bezpośrednio do kodu szablonu, aby dodać do niego funkcjonalność. Aplikację możesz dostosować za pomocą jej ustawień lub za pomocą edytora szablonów.

Bloki aplikacji

Aplikacje można dodawać zarówno jako bloki w sekcji, jak i jako sekcje w szablonie. Umożliwia to dodawanie funkcjonalności aplikacji dokładnie w tym miejscu na stronie, w którym chcesz jej użyć. Bloki aplikacji można dodawać, usuwać, zmieniać ich położenie i dostosowywać za pomocą edytora szablonów.

Bloki aplikacji mogą być zgodne tylko z określonymi typami stron. Na przykład aplikacja z tabelą rozmiarów może być zgodna tylko ze stronami produktów.

Blok aplikacji używany w sekcji:

Blok aplikacji używany w sekcji.

Blok aplikacji używany jako sekcja w szablonie:

Blok aplikacji używany jako sekcja w szablonie.

Obsługa bloków aplikacji w sekcjach

Niektóre sekcje szablonu mogą nie obsługiwać bloków aplikacji. Aby sprawdzić, które sekcje szablonu obsługują bloki aplikacji, zapoznaj się z dokumentacją szablonu lub skontaktuj się z jego deweloperem.

Jeśli sekcja obsługuje bloki aplikacji i masz zainstalowaną zgodną aplikację, w selektorze bloków wyświetlana jest sekcja Aplikacje.

Dodawanie bloku aplikacji do sekcji

Desktop
  1. Z panelu administracyjnego Shopify przejdź do opcji Sklep online > Szablony.

  2. Znajdź szablon, który chcesz edytować, a następnie kliknij Edytuj szablon.

  3. Przejdź do strony i sekcji, w której chcesz dodać blok aplikacji.

  4. Na pasku bocznym kliknij opcję Dodaj blok.

  5. Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji, który chcesz dodać do sekcji, lub kliknij pasek wyszukiwania i wprowadź wyszukiwane hasło, aby przeszukać zainstalowane aplikacje.

  6. Opcjonalnie: kliknij i przeciągnij ikonę , aby przenieść blok w inne dostępne miejsce na stronie. Możesz także dostosować blok, korzystając z dostępnych ustawień.

  7. Kliknij przycisk Zapisz.

Wersja mobilna
  1. W aplikacji Shopify naciśnij ikonę Menu.

  2. W sekcji Kanały sprzedaży naciśnij opcję Sklep online.

  3. Naciśnij opcję Zarządzaj wszystkimi szablonami.

  4. Znajdź szablon, który chcesz edytować, a następnie naciśnij opcję Edytuj szablon.

  5. Naciśnij Edytuj.

  6. Przejdź do strony i sekcji, w której chcesz dodać blok aplikacji.

  7. Na pasku bocznym naciśnij opcję Dodaj blok.

  8. Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji, który chcesz dodać do sekcji, lub naciśnij pasek wyszukiwania i wprowadź wyszukiwane hasło, aby przeszukać zainstalowane aplikacje.

  9. Opcjonalnie: Naciśnij i przeciągnij ikonę , aby przenieść blok w inne dostępne miejsce na stronie. Możesz również dostosować blok, korzystając z dostępnych ustawień.

  10. Naciśnij Zapisz lub .

Dodawanie bloku aplikacji do szablonu

Desktop
  1. Z panelu administracyjnego Shopify przejdź do opcji Sklep online > Szablony.

  2. Znajdź szablon, który chcesz edytować, a następnie kliknij Edytuj szablon.

  3. Przejdź do strony, na której chcesz dodać sekcję aplikacji.

  4. Na pasku bocznym kliknij opcję Dodaj sekcję.

  5. Z menu rozwijanego w sekcji Aplikacje wybierz aplikację, którą chcesz dodać do strony, lub kliknij pasek wyszukiwania i wpisz tekst, aby wyszukać zainstalowane aplikacje.

  6. Opcjonalnie: kliknij i przeciągnij ikonę , aby przenieść blok w inne dostępne miejsce na stronie. Możesz także dostosować blok, korzystając z dostępnych ustawień.

  7. Kliknij przycisk Zapisz.

Wersja mobilna
  1. W aplikacji Shopify naciśnij ikonę Menu.

  2. W sekcji Kanały sprzedaży naciśnij opcję Sklep online.

  3. Naciśnij opcję Zarządzaj wszystkimi szablonami.

  4. Znajdź szablon, który chcesz edytować, a następnie naciśnij opcję Edytuj szablon.

  5. Naciśnij Edytuj.

  6. Przejdź do strony, na której chcesz dodać sekcję aplikacji.

  7. Na pasku bocznym naciśnij opcję Dodaj sekcję.

  8. Z menu rozwijanego w sekcji Aplikacje wybierz aplikację, którą chcesz dodać do strony, lub naciśnij pasek wyszukiwania i wpisz tekst, aby wyszukać zainstalowane aplikacje.

  9. Opcjonalnie: Naciśnij i przeciągnij ikonę , aby przenieść blok w inne dostępne miejsce na stronie. Możesz również dostosować blok, korzystając z dostępnych ustawień.

  10. Naciśnij Zapisz lub .

Aplikacja jest dodawana jako blok w sekcji Aplikacje. Do sekcji możesz dodać kolejne bloki aplikacji. Możesz także dodać wiele sekcji Aplikacje na jednej stronie.

Osadzenia aplikacji

Osadzenia aplikacji to elementy dostarczane przez aplikacje, które unoszą się lub wyświetlają jako nakładka w szablonie bądź dodają kod do sklepu online, nie będąc widocznymi dla klientów. Na przykład aplikacja z dymkiem czatu, która pojawia się w rogu sklepu, lub aplikacja analityczna bądź śledząca mogą być dodane do sklepu jako osadzenie aplikacji. Osadzenia aplikacji można aktywować, dezaktywować i dostosowywać za pomocą edytora szablonów. Osadzenia aplikacji można używać z dowolną wersją szablonu.

Jeśli masz wiele rynków, możesz dostosować osadzenia aplikacji dla każdego z nich. Możesz na przykład aktywować osadzenie aplikacji czatu tylko dla rynku w Ameryce Północnej lub skonfigurować różne ustawienia osadzeń aplikacji dla różnych rynków. Aby dostosować osadzenia aplikacji dla określonego rynku, przed ich aktywacją lub konfiguracją wybierz ten rynek z menu rozwijanego Rynek w edytorze szablonów. Aby uzyskać więcej informacji na temat dostosowywania szablonu do określonych rynków, zapoznaj się z sekcją Dostosowywanie szablonu do określonych rynków lub usługi Shopify B2B.

Blok osadzania aplikacji.

Aktywacja osadzenia aplikacji

Desktop
  1. Z panelu administracyjnego Shopify przejdź do opcji Sklep online > Szablony.

  2. Znajdź szablon, który chcesz edytować, a następnie kliknij Edytuj szablon.

  3. Opcjonalnie: Jeśli chcesz dostosować osadzenie aplikacji dla określonego rynku, kliknij menu rozwijane Rynek i wybierz rynek, który chcesz dostosować. Jeśli nie wybierzesz rynku, zmiany zostaną zastosowane do domyślnych ustawień sklepu.

  4. Na pasku bocznym kliknij ikonę Osadzenia aplikacji.

  5. Wybierz osadzenie aplikacji, które chcesz aktywować, lub kliknij pasek wyszukiwania i wprowadź wyszukiwane hasło, aby przejrzeć zainstalowane aplikacje.

  6. Obok osadzenia aplikacji, które chcesz aktywować, kliknij przycisk przełączania.

  7. Opcjonalnie: Wyświetl ustawienia osadzenia aplikacji, klikając ikonę rozwijania obok jego nazwy.

  8. Kliknij przycisk Zapisz.

  9. Wyświetl podgląd sklepu, aby zobaczyć osadzoną aplikację na żywo.

Wersja mobilna
  1. W aplikacji Shopify naciśnij ikonę Menu.

  2. W sekcji Kanały sprzedaży naciśnij opcję Sklep online.

  3. Naciśnij opcję Zarządzaj wszystkimi szablonami.

  4. Znajdź szablon, który chcesz edytować, a następnie naciśnij opcję Edytuj szablon.

  5. Opcjonalnie: Jeśli chcesz dostosować osadzenie aplikacji dla określonego rynku, naciśnij menu rozwijane Rynek i wybierz rynek, który chcesz dostosować. Jeśli nie wybierzesz rynku, zmiany zostaną zastosowane do domyślnych ustawień sklepu.

  6. Naciśnij > Osadzenia aplikacji.

  7. Wybierz osadzenie aplikacji, które chcesz aktywować, lub wprowadź wyszukiwane hasło w pasku wyszukiwania, aby przejrzeć zainstalowane aplikacje.

  8. Obok osadzenia aplikacji, które chcesz aktywować, naciśnij przycisk przełączania.

  9. Opcjonalnie: Wyświetl ustawienia osadzenia aplikacji, naciskając ikonę rozwijania obok jego nazwy.

  10. Naciśnij Zapisz.

  11. Wyświetl podgląd sklepu, aby zobaczyć osadzoną aplikację na żywo.

Aplikacje dodane do kodu szablonu

Niektóre aplikacje wprowadzają kod bezpośrednio do kodu szablonu, aby dodać do niego funkcje. Po zainstalowaniu aplikacji możesz otrzymać instrukcje wdrażania, które obejmują edycję własnego kodu w celu dodania funkcjonalności aplikacji w wybranym miejscu w szablonie. Możesz dostosować aplikację za pomocą jej ustawień lub edytora szablonów.

Jeśli szablon oferuje sekcję Custom Liquid section, możesz dodać kod aplikacji do tej sekcji w edytorze szablonów, zamiast bezpośrednio edytować kod szablonu.