Narrative

Narrative to butikowy szablon zaprojektowany na potrzeby opowiadania historii wizualnych. Jego wyjątkowość polega na tym, że koncentruje się na obrazach, aby opowiedzieć historię. Domyślnie strona główna zawiera pokaz slajdów o pełnej szerokości, obraz z tekstem i film. Układ ten jest atrakcyjny wizualnie i pozwala opowiedzieć historię marki bez nadmiaru tekstu.

Przykładowy sklep online korzystający z szablonu Narrative

Szablon Narrative będzie idealnym wyborem, jeśli chcesz:

  • używać obrazów i filmów do opowiadania o swojej marce
  • zapewnić mocny przekaz wizji, misji oraz wartości swojego sklepu
  • podkreślić wyjątkowość wzornictwa pojedynczego produktu lub niewielkiej części zapasów

Edytor szablonów

Użyj edytora szablonów, aby dostosować swój szablon. Pasek narzędzi edytora szablonów jest podzielony na Sekcje i Ustawienia szablonów.

Pasek narzędzi edytora szablonów pokazujący Sekcje i Ustawienia szablonów

Możesz użyć sekcji do modyfikowania zawartości i układu różnych stron Twojego sklepu. Możesz użyć ustawień szablonu do personalizacji czcionek i kolorów Twojego sklepu i dokonywania zmian w linkach do Twoich mediów społecznościowych i ustawień realizacji zakupu.

Sekcje to konfigurowalne bloki zawartości determinujące układ różnych stron w sklepie online.

  • Sekcje strony głównej zawierają takie funkcje jak pokaz slajdów lub prenumerata newslettera, które można dodawać lub usuwać, a także zmieniać ich rozmieszczenie. Na stronie głównej możesz mieć do 25 sekcji.

  • Każdy typ strony ma własne sekcje. Na przykład sekcja strony produktu determinuje układ każdej strony produktu w Twoim sklepie online.

  • Sekcje stron znajdują się zawsze w określonych miejscach Twojego sklepu online. Możesz je personalizować, ale nie możesz zmieniać ich rozmieszczenia ani ich usuwać.

  • Każdy szablon zawiera stałe sekcje, takie jak nagłówek i stopka, które są wyświetlane na każdej stronie Twojego sklepu online.

Możesz zapoznać się z unikalnym wyborem sekcji dla Narrative i dowiedzieć się, jak je dostosować do potrzeb swojej firmy.

Szablon Narrative zawiera następujące sekcje statyczne:

  • Nagłówek

  • Pokaz slajdów
  • Stopka
  • Strony produktu
  • Strony kolekcji
  • Strona listy kolekcji
  • Blog
  • Posty
  • Strona koszyka

Sekcje dynamiczne

Możesz dodawać, zmieniać rozmieszczenie i usuwać sekcje dynamiczne w celu dostosowania układu strony głównej. Każdy szablon ma unikalny zestaw sekcji dynamicznych do wyboru.

Szablon Narrative zawiera następujące sekcje dynamiczne:

  • Posty na blogu

  • Lista kolekcji
  • Polecana kolekcja
  • Galeria
  • Wyróżnienie
  • Obraz z tekstem
  • Obraz z nakładką tekstową
  • Polecany produkt
  • Newsletter
  • Mapa
  • Tekst sformatowany
  • Referencje
  • Film
  • Zawartość niestandardowa
  • Prezentowane suwaki

Nagłówek

Sekcja nagłówka zawiera treść, która pojawia się na górze każdej strony w Twoim sklepie. Szablon Narrative umożliwia wybór dwóch menu nawigacji, do których klienci mogą uzyskiwać dostęp, klikając ikonę nawigacji:

Możesz także zmienić wygląd nagłówka swojego sklepu, ustawiając go jako transparentny, czyli używający tego samego tła, co sekcja poniżej niego:

Aby dostosować sekcję nagłówka:

  1. Kliknij kartę Sekcje.

  2. Kliknij sekcję Nagłówek.

  3. W obszarze Obraz logo kliknij opcję Wybierz obraz, a następnie wykonaj jedną z poniższych czynności:

- Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka. - Aby wybrać darmowe zdjęcie z kolekcji darmowych zdjęć Burst Shopify, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć. - Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.

  1. W polu Wysokość logo niestandardowego (w pikselach) wprowadź wysokość logo w pikselach.

  2. Z listy Ikona koszyka zakupów wybierz logo przedstawiające torbę lub koszyk, które ma być wyświetlane w nagłówku.

  3. Jeśli chcesz zmienić nagłówek sklepu na transparentny, wykonaj poniższe czynności:

    1. Kliknij opcję Włącz nagłówek transparentny na stronie głównej.
    2. Wybierz obraz, który ma być wyświetlany na transparentnym tle. Może być konieczne wybranie innego logo niż to, które zostało wybrane do wyświetlania na stronie głównej. Na przykład na ciemnym tle dobrze sprawdzi się białe logo.
    3. Kliknij paletę Kolor ikon nagłówka transparentnego, aby wybrać kolor dla obrazu logo i ikon nawigacji oraz koszyka.
  4. Z listy Nawigacja główna wybierz menu główne, które wyświetli się, gdy klient kliknie ikonę nawigacji:

  5. Z listy Nawigacja pomocnicza wybierz menu pomocnicze:

  6. Kliknij opcję Zapisz.

Pokaz slajdów

Możesz utworzyć pokaz slajdów na stronie głównej, który obejmuje do pięciu slajdów z obrazami lub filmami.

Na slajdach najlepiej zamieszczać obrazy o wysokiej rozdzielczości. Użyj obrazów o rozmiarze co najmniej 4000 x 2200 pikseli, ale nie przekraczaj limitów ładowania Shopify.

Ponieważ rozmiar i kształt pokazu slajdów jest zależny od rozmiaru i kształtu urządzenia klienta, na niektórych ekranach Twoje slajdy zostaną przycięte. Spróbuj użyć obrazów, których główny punkt znajduje się pośrodku, aby istotna część każdego obrazu była zawsze widoczna.

Aby dowiedzieć się więcej o najlepszych praktykach dotyczących obrazów pokazu slajdów, zapoznaj się z informacjami zawartymi w sekcji Ładowanie obrazów.

Dla sekcji pokazu slajdów dostępne są następujące ustawienia:

  • Wysokość slajdu - Ustaw wysokość pokazu slajdów. Wybierz opcję Dostosuj do wysokości pierwszego slajdu z obrazem, aby wysokość pokazu slajdów była zależna od wysokości pierwszego obrazu.
  • Wyśrodkuj przyciski - Ustaw położenie przycisków na slajdach.
  • Pokaż nakładkę - Dodaj warstwę koloru nad slajdami. Nakładka może poprawić czytelność tekstu pokazu slajdów.
  • Kolor nakładki - Ustaw kolor nakładki.
  • Nieprzezroczystość - Ustaw nieprzezroczystość nakładki.
  • Obraz - Dodaj slajd z obrazem do pokazu slajdów.
  • Wyrównanie obrazu - Wybierz najistotniejszy obszar obrazu, który ma przyciągnąć uwagę w pokazie slajdów.
  • Link do filmu - Dodaj link YouTube dla swojego filmu.
  • Obraz w tle - Dodaj obraz w tle do slajdu z filmem. Obraz w tle jest wyświetlany, gdy nie jest odtwarzany film.
  • Nagłówek - Dodaj nagłówek do slajdu.
  • Tytuł slajdu - Dodaj tytuł do slajdu. Jest on wyświetlany na dole pokazu slajdów, w przypadku gdy zawiera on więcej niż jeden slajd.
  • Etykieta przycisku - Dodaj przycisk z etykietą tekstową do slajdu.
  • Link przycisku - Połącz przycisk z inną częścią swojego sklepu online.

Dodaj pokaz slajdów do strony głównej

  1. Wyszukaj Narrative i kliknij Dostosuj.

  2. Kliknij opcję Pokaz slajdów.

  3. Użyj ustawień, aby dostosować pokaz slajdów.

  4. Kliknij opcję Zapisz.

Stopka

W sekcji stopki możesz edytować treść, która pojawia się na dole każdej strony w Twoim sklepie. W stopce możesz dodać następujące funkcje:

Sekcja stopki strony internetowej zawierająca menu, opcję rejestracji do newslettera, tekst praw autorskich i ikony płatności.

Aby dostosować sekcję stopki:

  1. Wyszukaj Narrative i kliknij Dostosuj.

  2. Kliknij opcję Sekcje.

  3. Kliknij opcję Stopka.

  4. Dodaj ikony mediów społecznościowych do stopki, zaznaczając opcjęPokaż ikony mediów społecznościowych. Ikony można łączyć z kontami mediów społecznościowych poprzez ustawienia mediów społecznościowych.

  5. Dodaj ikony płatności, np. Mastercard lub PayPal, do stopki, zaznaczając opcję Pokaż ikony płatności.

  6. Aby dodać do stopki możliwość rejestracji do newslettera, wykonaj następujące kroki:

    1. Zaznacz opcję Pokaż możliwość rejestracji do newslettera.
    2. Wprowadź nagłówek rejestracji do newslettera w polu Nagłówek. Domyślny nagłówek to „Zarejestruj się, aby być na bieżąco”.
    3. Wprowadź nagłówek podrzędny dla rejestracji do newslettera w polu*Nagłówek podrzędny*. Domyślny nagłówek podrzędny to „Promocje, nowe produkty i sprzedaż. Bezpośrednio do Twojej skrzynki odbiorczej”.
  7. Aby dodać menu do stopki, wykonaj następujące kroki:

    1. Kliknij opcję Dodaj menu.
    2. Aby edytować domyślne menu, kliknij opcję Edytuj menu. Aby zmienić menu na inne, kliknij opcję Zmień, a następnie wybierz istniejące menu lub kliknij opcję Utwórz menu.
  8. Kliknij opcję Zapisz.

Strony produktu

W sekcji Strony produktu możesz dodawać lub usuwać następujące elementy:

  • Selektor ilości
  • Etykiety wariantów
  • Marka lub dostawca produktu
  • Obrazy wariantów
  • Dynamiczny przycisk realizacji zakupu
  • Przyciski udostępniania w mediach społecznościowych
  • Rekomendacje produktu

Aby edytować ustawienia dla stron produktu:

  1. W menu rozwijanym górnego paska wybierz opcję Strony produktów.

  2. Kliknij opcję Sekcje.

  3. Kliknij opcję Strony produktów.

  4. Aby wyświetlić selektor ilości, zaznacz opcję Pokaż selektor ilości.

  5. Aby wyświetlić etykiety wariantów, takie jak „Rozmiar” i „Kolor”, zaznacz opcję Pokaż etykiety wariantów. Wyświetlane etykiety wariantów opierają się na nazwach opcji wariantu dla produktu.

  6. Aby wyświetlić markę lub dostawcę produktu, zaznacz opcję Pokaż dostawcę produktu. Aby wyświetlana była marka lub dostawca, do produktu należy dodać dostawcę.

  7. Aby obrazy wariantów nie były wyświetlane w galerii na dole strony, zaznacz opcję Ukryj obrazy wariantów w galerii. Wtedy jedynymi wyświetlanymi obrazami będą te niepowiązane z wariantami.

  8. Aby wyświetlić dynamiczny przycisk realizacji zakupu, zaznacz opcję Pokaż dynamiczny przycisk realizacji zakupu.

  9. Aby wyświetlić przyciski udostępniania w mediach społecznościowych, zaznacz opcję Pokaż przyciski udostępniania w mediach społecznościowych.

  10. Kliknij opcję Zapisz.

Dodaj lub usuń rekomendacje produktów

Możesz wyświetlić polecane produkty na stronach produktów, aby ułatwić klientom znalezienie innych produktów, które mogą ich zainteresować.

  1. W menu rozwijanym górnego paska wybierz opcję Strony produktów.

  2. Kliknij Rekomendacje produktu.

  3. Zaznacz pole wyboru Pokaż dynamiczne rekomendacje, aby wyświetlić lub ukryć rekomendacje produktów na stronach produktów.

  4. Opcjonalnie: Aby zmienić tytuł wyświetlany nad polecanymi produktami, wprowadź nowy w polu Nagłówek.

  5. Opcjonalnie: Wybierz sposób wyświetlania rekomendacji produktów za pomocą pól wyboru:

- Włącz odstępy między obrazami - Pokaż dostawcę produktu

  1. Kliknij opcję Zapisz.

Strony kolekcji

Możesz skonfigurować strony kolekcji w taki sposób, aby umożliwić klientom filtrowanie i sortowanie produktów w kolekcji. Możesz także określić liczbę wyświetlanych produktów.

Aby ustawić układ stron kolekcji:

  1. Przejdź do strony kolekcji w edytorze szablonów.

  2. Kliknij kartę Sekcje.

  3. Kliknij opcję Strony kolekcji.

  4. Wybierz z list liczbę produktów w rzędzie i liczbę rzędów na stronę.

  5. Jeśli sprzedajesz produkty różnych marek lub dostawców, zaznacz opcję Pokaż dostawcę produktu, aby pod obrazem produktu wyświetlana była nazwa dostawcy.

  6. Jeśli chcesz wyświetlić obraz kolekcji na górze strony, zaznacz opcję Pokaż obraz kolekcji.

  7. Zaznacz opcję Włącz filtrowanie według tagów, aby umożliwić klientom filtrowanie kolekcji według tagu produktu.

  8. Zaznacz opcję Włącz sortowanie kolekcji, aby wyświetlić menu sortowania.

  9. Kliknij opcję Zapisz.

Strona koszyka

Możesz umożliwić klientom dodawanie uwag do zamówienia. Klienci mogą za pomocą uwag dotyczących koszyka udzielać specjalnych instrukcji na temat przygotowania lub dostarczenia zamówienia:

Pole tekstowe z oznaczeniem „Specjalne instrukcje dla sprzedawcy” wyświetlane na stronie koszyka. Pole jest wyświetlane obok sumy częściowej zamówienia i przycisku realizacji zakupu.

Gdy klient wpisze uwagę, pojawi się ona w obszarze Uwagi jego zamówienia w Twoim panelu administracyjnym Shopify.

Aby dodać pole uwag do strony koszyka:

  1. Wyszukaj Narrative i kliknij Dostosuj.

  2. Z menu rozwijanego górnego paska wybierz opcję Koszyk.

  3. Kliknij opcję Sekcje.

  4. Kliknij opcję Strona koszyka.

  5. Zaznacz opcję Włącz uwagi dotyczące koszyka.

  6. Kliknij opcję Zapisz.

Polecana kolekcja

Możesz polecać kolekcję na swojej stronie głównej. Polecanie kolekcji może pomóc w promowaniu sprzedaży i nowych kolekcji.

Aby dodać polecaną kolekcję:

  1. Kliknij kartę Sekcje.

  2. Kliknij opcję Polecana kolekcja.

  3. Z listy Kolekcja wybierz kolekcję, którą chcesz wyświetlić.

  4. Zaznacz opcję Włącz odstępy pomiędzy obrazami, aby zwiększyć odstępy pomiędzy obrazami.

  5. W polu Nagłówek wprowadź tekst, który ma być wyświetlany na górze tej sekcji. Domyślnie jest to tekst „Polecana kolekcja”.

  6. Jeśli chcesz wyświetlać dostawcę lub nazwę marki pod każdym zdjęciem produktu, zaznacz opcję Pokaż dostawców produktu.

  7. Jeśli chcesz, by klienci mogli wyświetlić wszystkie produkty w kolekcji, zaznacz opcję Pokaż przycisk „Wyświetl wszystko”. Gdy klient kliknie ten przycisk, otworzy się strona kolekcji, na której wyświetlane są wszystkie produkty.

  8. Jeśli chcesz, by przycisk Wyświetl wszystko był transparentny, z jednolitym konturem, zaznacz opcję Użyj dodatkowego stylu przycisku.

  9. Z listy Liczba produktów w rzędzie wybierz liczbę produktów do wyświetlenia w każdym rzędzie.

  10. Z listy Rzędy wybierz liczbę rzędów produktów do wyświetlenia.

  11. Kliknij opcję Zapisz.

Galeria

Sekcja Galeria obejmuje serię maksymalnie 3 zdjęć. Z listy 13 niestandardowych ikon możesz wybrać ikonę wyświetlaną nad każdym obrazem. Opcjonalnie możesz połączyć każdy obraz z adresem URL lub stroną w sklepie:

Sekcja galerii z trzema zdjęciami kotów ułożonymi jedno przy drugim.

  1. Kliknij kartę Sekcje.

  2. Kliknij opcję Galeria.

  3. W obszarze Zawartość kliknij opcję Obraz.

  4. Aby dodać obraz, w obszarze Obraz kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności:

- Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka. - Aby wybrać darmowe zdjęcie z kolekcji darmowych zdjęć Burst Shopify, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć. - Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.

  1. Wybierz sposób wyrównania obrazu z listy Wyrównanie obrazu. Na przykład, wybranie opcji „Z lewej na górze” spowoduje umieszczenie obrazu w lewej górnej części obszaru sekcji.

  2. Z listy Ikona wybierz ikonę, aby wyświetlić obraz.

  3. W obszarze Tekst wprowadź tekst, który ma być wyświetlany na każdym obrazie w polu Podpis.

  4. Jeśli chcesz, by tekst podpisu odsyłał do strony, wykonaj jedną z poniższych czynności:

    1. Aby połączyć tekst ze stroną w sklepie, kliknij pole Link i wybierz stronę w sklepie.
    2. Aby połączyć tekst ze stroną internetową, wprowadź adres URL strony w polu Link.
  5. Kliknij opcję Zapisz.

Obraz z tekstem

Szablon Narrative zawiera sekcję Obraz z tekstem, która pozwala wyświetlać obraz z niestandardową wiadomością przeznaczoną dla klientów.

Możesz przyciąć obraz, nadając mu kształt koła:

lub kwadratu:

Możesz także w ogóle nie przycinać obrazu. Zamiast tego możesz wybrać odpowiednie wyrównanie obrazu, dzięki któremu jego istotne części nie zostaną przycięte w przypadku wyświetlania na urządzeniach mobilnych. Jeśli na przykład nie chcesz, by dół obrazu był przycinany, ponieważ w obszarze tym wyświetlane są sprzedawane przez Ciebie produkty, możesz wybrać opcję wyrównania Bottom center, która zapewnia, że ta część obrazu nie zostanie przycięta.

  1. Kliknij kartę Sekcje.

  2. Kliknij opcję obraz z tekstem.

  3. Z listy Odstęp sekcji wybierz rozmiar sekcji: Mały, Średni, Duży lub Bardzo duży.

  4. Jeśli chcesz dodać kolor tła, kliknij próbnik Kolor tła i wybierz kolor z palety.

  5. Aby dodać obraz, w obszarze Obraz kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności:

- Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka. - Aby wybrać darmowe zdjęcie z kolekcji darmowych zdjęć Burst Shopify, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć. - Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.

  1. Jeśli chcesz przyciąć obrazy do konkretnego kształtu, wybierz opcję Koło lub Kwadrat z listy Przycięcie obrazu.

  2. Jeśli nie chcesz przycinać obrazów do konkretnego kształtu, wykonaj następujące czynności:

    1. Wybierz opcję Brak z listy Przycięcie obrazu.
    2. Wybierz sposób wyrównania obrazu z listy Wyrównanie obrazu. Na przykład, wybranie opcji „Z lewej na górze” spowoduje umieszczenie obrazu w lewej górnej części obszaru sekcji.
  3. Aby dodać tekst, wykonaj następujące czynności:

    1. W polu Nagłówek wprowadź tekst nagłówka, który ma być wyświetlany.
    2. W polu Tekst wprowadź tekst, który ma być wyświetlany pod nagłówkiem.
    3. Jeśli chcesz, by przycisk był wyświetlany jako transparentny, z jednolitym konturem, zaznacz opcję Użyj dodatkowego stylu przycisku.
    4. W polu Etykieta przycisku wprowadź tekst, który ma się pojawiać na przycisku.
    5. W polu Link przycisku wklej link do adresu URL lub kliknij w polu, aby wybrać stronę swojego sklepu.

Aby dostosować układ:

  1. W obszarze Układ, z Listy układów pulpitu , wybierz opcję określającą, czy obraz wyświetlany na pulpicie ma występować po lewej, czy po prawej stronie tekstu.

  2. Z listy Układ mobilny wybierz opcję określającą, czy obraz wyświetlany na urządzeniu mobilnym ma występować nad, czy pod tekstem.

Obraz z nakładką tekstową

Na stronie głównej możesz wyświetlić niestandardową wiadomość skierowaną do klientów. Może to być opis produktu, ogłoszenie lub powitanie klientów w sklepie.

Aby dostosować sekcję Obraz z nakładką tekstową:

  1. Kliknij kartę Sekcje.

  2. Kliknij opcję Obraz z nakładką tekstową.

  3. Z listy Odstęp sekcji wybierz rozmiar sekcji: Mały, Średni, Duży lub Bardzo duży.

Aby dodać obraz tła:

  1. W obszarze Obraz kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności:

- Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka. - Aby wybrać darmowe zdjęcie z kolekcji darmowych zdjęć Burst Shopify, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć. - Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.

  1. Wybierz sposób wyrównania obrazu z listy Wyrównanie obrazu. Na przykład, wybranie opcji „Z lewej na górze” spowoduje umieszczenie obrazu w lewej górnej części obszaru sekcji.

Aby dodać tekst:

  1. W obszarze Tekst wprowadź tytuł dla tej sekcji w polu Nagłówek.

  2. W polu Tekst wprowadź tekst, który chcesz wyświetlać w tej sekcji.

  3. Z listy Rozmiar tekstu wybierz rozmiar tekstu, Średni lub Duży.

Aby dodać przycisk:

  1. Jeśli chcesz, by przycisk był wyświetlany jako transparentny, z jednolitym konturem, zaznacz opcję Użyj dodatkowego stylu przycisku.

  2. W polu Etykieta przycisku wprowadź tekst, który ma się pojawiać na przycisku.

  3. W polu Link przycisku wklej link do adresu URL lub kliknij w polu, aby wybrać stronę swojego sklepu.

Aby zastosować nakładkę:

  1. W obszarze Nakładka zaznacz opcję Pokaż nakładkę.

  2. Kliknij próbnik Kolor nakładki, aby wybrać kolor dla nakładki obrazu.

  3. Kliknij próbnik Kolor tekstu, aby wybrać kolor tekstu.

  1. Z listy Nieprzezroczystość wybierz poziom przezroczystości dla nakładki obrazu.

Newsletter

Możesz dodać możliwość rejestracji do newslettera do swojej strony głównej. Pozwoli Ci to gromadzić adresy e-mail klientów dla celów kampanii e-mail marketingowej. Dowiedz się więcej na temat e-mail marketingu na blogu Shopify.

Sekcja newslettera na stronie internetowej. Dostępne jest pole, w którym klienci mogą wprowadzić adres e-mail, oraz przycisk o nazwie „Subskrybuj”.

Aby dodać możliwość rejestracji do newslettera do swojej strony głównej:

  1. Wyszukaj Narrative i kliknij Dostosuj.

  2. Kliknij opcję Sekcje.

  3. Kliknij opcję Dodaj sekcję > Newsletter.

  4. Wprowadź nagłówek rejestracji do newslettera w polu Nagłówek. Domyślnym nagłówkiem jest „Subskrybuj nasz newsletter”.

  5. Wprowadź nagłówek podrzędny dla rejestracji do newslettera w polu*Nagłówek podrzędny*. Domyślny tekst to „Promocje, nowe produkty i sprzedaż. Bezpośrednio do Twojej skrzynki odbiorczej”.

  6. Wprowadź komunikat pomyślnego wykonania w polu Komunikat pomyślnego wykonania. Klienci zobaczą komunikat pomyślnego wykonania po przesłaniu swojego adresu e-mail. Domyślny komunikat pomyślnego wykonania to „Dziękujemy za subskrypcję”.

  7. Ustaw kolor tekstu dla pola rejestracji do newslettera, klikając próbnik*Kolor tekstu* i wybierając kolor.

  8. Ustaw kolor tła dla sekcji rejestracji do newslettera, klikając próbnik Koloru tła i wybierając kolor.

  9. Kliknij opcję Zapisz.

Mapa

Możesz dodać mapę na stronie głównej. Mapa może pomóc Ci w promowaniu lokalizacji sklepu i godzin jego otwarcia.

Aby dodać mapę:

  1. Kliknij kartę Sekcje i wybierz opcję Dodaj sekcję.

  2. Kliknij opcję Mapa.

  3. W polu Nagłówek nakładki wprowadź tekst, który ma być wyświetlany na górze tej sekcji.

  4. W polu Adres tekstowy i godziny wprowadź informacje dotyczące Twojej firmy.

  5. W polu Adres mapy wprowadź adres swojej firmy.

  6. W polu Klucz Google Maps API wprowadź prawidłowy klucz API.

  7. W polu Obraz załaduj lub wybierz obraz, który będzie wyświetlany w razie problemów z ładowaniem sekcji mapy.

Film

Możesz dodać do swojej strony głównej film hostowany w serwisie YouTube lub Vimeo. Filmy mogą przyciągnąć uwagę klientów i zaciekawić ich ofertą Twojej firmy.

Aby dodać film do swojej strony głównej:

  1. Wyszukaj Narrative i kliknij Dostosuj.

  2. Kliknij opcję Sekcje.

  3. Kliknij opcję Dodaj sekcję > Film.

  4. Wprowadź nagłówek dla filmu w polu Nagłówek. Tekst nagłówka będzie wyświetlany, dopóki przycisk odtwarzania będzie wciśnięty.

  5. Wprowadź link do udostępniania filmu w polu Link filmu.

    Link do udostępniania filmu z serwisu YouTube wygląda następująco: https://youtu.be/OTJXAUZY9t0. Możesz dowiedzieć się, jak skopiować link udostępniający film z YouTube, zapoznając się z treścią tego artykułu Pomocy YouTube.

    Link do udostępniania filmu z serwisu Vimeo wygląda następująco: https://vimeo.com/281332510. Możesz dowiedzieć się, jak skopiować link udostępniający film z Vimeo, zapoznając się z treścią tego artykułu Centrum pomocy Vimeo.

  6. Opcjonalnie: Dodaj obraz w tle do swojego filmu:

    1. Kliknij opcję Wybierz obraz. Aby załadować obraz ze swojego komputera, kliknij opcję Załaduj. Aby użyć darmowego obrazu z serwisu Burst, kliknij opcję Darmowe obrazy.
    2. Określ sposób wyrównania obrazu w tle, wybierając położenie z menu rozwijanego Położenie obrazu. Wybierając położenie obrazu, możesz określić, która część obrazu ma być wyświetlana, jeśli zajdzie konieczność jego przycięcia.
  7. Opcjonalnie: Dodaj do filmu nakładkę, która jest warstwą koloru między filmem a tekstem nagłówka:

    1. Zaznacz opcję Pokaż nakładkę.
    2. Ustaw kolor nakładki, klikając próbnik Nakładka i wybierając kolor.
    3. Ustaw kolor tekstu, klikając próbnik Tekst i wybierając kolor.
    4. Ustaw nieprzezroczystość nakładki, wybierając odpowiednią wartość procentową na suwaku Nieprzezroczystość.
  8. Kliknij opcję Zapisz.

Prezentowane suwaki

Prezentowany suwak umożliwia przedstawienie większej liczby informacji o produkcie bez zmuszania klienta do opuszczenia strony głównej.

Możesz wyświetlić właściwości produktu, nową kolekcję lub warianty produktu. Pokaz slajdów działa najlepiej z małą liczbą slajdów, ponieważ przewijanie strony jest zablokowane podczas przeglądania na pulpicie.

Na urządzeniach mobilnych należy dotknąć lub uszczypnąć slider, aby go otworzyć i wyświetlić. Aby zachęcić klientów korzystających z urządzeń mobilnych do otwarcia prezentowanego slidera, użyj atrakcyjnego obrazu w tle i tekstu stanowiącego „wezwanie do działania”.

Możesz dodać do 5 slajdów do prezentowanego slidera.

Aby dostosować prezentowany slider:

  1. Kliknij kartę Sekcje.

  2. Kliknij opcję Prezentowany slider.

Aby dodać slajd z obrazem:

  1. W obszarze Zawartość kliknij opcję Slajd.

  2. Kliknij próbnik Kolor tła, aby wybrać kolor tła z palety.

  3. W obszarze Obraz kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności:

- Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka. - Aby wybrać darmowe zdjęcie z kolekcji darmowych zdjęć Burst Shopify, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć. - Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.

  1. W polu Nagłówek wprowadź tekst, który ma być wyświetlany na slajdzie.

  2. W polu Etykieta przycisku wprowadź tekst, który ma się pojawiać na przycisku.

  3. W polu Link przycisku wklej link do adresu URL lub kliknij w polu, aby wybrać stronę swojego sklepu.

Aby dostosować ustawienia prezentowanego slidera:

  1. Jeśli chcesz, by przyciski slajdu były wyświetlane jako transparentne, z jednolitym konturem, zaznacz opcję Użyj dodatkowego stylu przycisku.

  2. Jeśli chcesz zmienić kolor tekstu, kliknij próbnik Kolor nagłówka slajdu i wybierz kolor z palety.

  3. W obszarze Ustawienia tła wybierz obraz w tle dla sekcji prezentowanego slidera, klikając opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności:

- Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka. - Aby wybrać darmowe zdjęcie z kolekcji darmowych zdjęć Burst Shopify, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć. - Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.

  1. Z poziomu listy Nagłówek wprowadź tekst, który ma się pojawić na obrazie w tle.

  2. Z listy Pozycja nagłówka wybierz opcję określającą, czy tekst nagłówka ma być wyświetlany po lewej stronie, czy na środku obrazu w tle. To ustawienie ma zastosowanie tylko do widoków pulpitu.

  3. W obszarze Nakładka zaznacz opcję Pokaż nakładkę.

  4. Kliknij próbnik Kolor nakładki, aby wybrać kolor dla nakładki obrazu.

  5. Kliknij próbnik Kolor tekstu, aby wybrać kolor tekstu.

  6. Z listy Nieprzezroczystość wybierz poziom przezroczystości dla nakładki obrazu.

  7. Kliknij opcję Zapisz.

Ustawienia szablonu Możesz użyć ustawień szablonu do konfiguracji kolorów i typografii w Twoim sklepie online. Możesz także skonfigurować linki do swoich kont w mediach społecznościowych, edytować ustawienia koszyka oraz dodawać Favicon.

Dla szablonu Narrative dostępne są następujące ustawienia:



  • Kolory
  • Typografia
  • Szuflada koszyka
  • Media społecznościowe
  • Ikona Favicon
  • Realizacja zakupu

Kolory

Możesz wybrać kolory dla różnych części swojego sklepu online.

Dostosuj ustawienia kolorów

  1. Kliknij opcję Dostosuj obok Narrative.

  2. Kliknij Ustawienia szablonu.

  3. Kliknij Kolory.

  4. Dla każdego typu zawartości kliknij próbnik kolorów w celu skorzystania z selektora kolorów:

    Selektor kolorów w edytorze szablonów

- W obszarze Ostatnio wybrane wyświetlane są kolory ostatnio wybrane dla Twojego szablonu. - Obszar Obecnie używane pokazuje kolory, których obecnie używasz w innych częściach swojego szablonu.

Aby ustawić kolor jako transparentny, kliknij opcję Brak.

  1. Kliknij opcję Zapisz.

Typografia

Możesz ustawić styl i rozmiar czcionki dla tekstu w swoim sklepie online.

Dostosuj swoje ustawienia typografii

  1. Kliknij opcję Dostosuj obok Narrative.

  2. Kliknij Ustawienia szablonu.

  3. Kliknij przycisk Typografia.

  4. Dla każdego typu tekstu kliknij opcję Zmień, aby użyć selektora czcionek:

    Przycisk 'Zmień' w selektorze czcionek

  5. Przeglądaj czcionki, używając pola wyszukiwania lub klikając opcję Załaduj więcej.

    Aby zobaczyć wszystkie dostępne czcionki, wyświetl Bibliotekę czcionek Shopify.

  6. Kliknij nazwę czcionki, której chcesz używać.

  7. Aby zmienić styl czcionki na inny, np. pogrubienie lub kursywę, kliknij opcję Zwykły. Następnie kliknij styl, którego chcesz używać, oraz opcję Wybierz:

    Wybór grubości czcionek dostępnych w selektorze czcionek

  8. Kliknij opcję Zapisz.

Szuflada koszyka

Możesz dostosować ustawienia szuflady koszyka dla swojego sklepu online:

  • Ustaw dla koszyka styl szuflady. Szuflada koszyka wysuwa się po prawej stronie, co oznacza, że klienci mogą dodawać produkty do koszyka, nie opuszczając strony produktu.
  • Pozwól klientom dodawać uwagi do zamówień. Klienci mogą za pomocą uwag dotyczących koszyka udzielać specjalnych instrukcji na temat przygotowania lub dostarczenia zamówienia:

Pole tekstowe z oznaczeniem „Specjalne instrukcje dla sprzedawcy” wyświetlane w obszarze szuflady koszyka. Pole jest wyświetlane obok sumy częściowej zamówienia i przycisku realizacji zakupu.

Aby dostosować ustawienia szuflady koszyka:

  1. Wyszukaj Narrative i kliknij Dostosuj.

  2. Kliknij Ustawienia szablonu.

  3. Kliknij opcję Szuflada koszyka.

  4. Ustaw dla koszyka styl szuflady, zaznaczając opcję Pokaż szufladę koszyka. Jeśli pozostawisz to pole niezaznaczone, użyty zostanie koszyk w wersji na pełną stronę.

  5. Dodaj pole uwag do szuflady koszyka, zaznaczając opcję Pokaż uwagę dotyczącą koszyka.

  6. Kliknij opcję Zapisz.

Media społecznościowe

Możesz dodawać przyciski do udostępniania za pomocą mediów społecznościowych dla swoich produktów i postów na blogu oraz linki do swoich kont w mediach społecznościowych.

Aby dostosować ustawienia mediów społecznościowych:

  1. Wyszukaj Narrative i kliknij Dostosuj.

  2. Kliknij Ustawienia szablonu.

  3. Kliknij opcję Media społecznościowe.

  4. Aby załadować obraz do udostępniania w mediach społecznościowych, w obszarze Obraz do udostępniania w mediach społecznościowych kliknij opcję Wybierz obraz lub Eksploruj darmowe obrazy.

  5. Aby dodać przyciski udostępniania w mediach społecznościowych do produktów i postów na blogu, w obszarze Udostępnianie w mediach społecznościowych zaznacz dowolne lub wszystkie pola wyboru.

    Możesz dodać następujące przyciski udostępniania:

- Udostępnij na Facebooku - Tweetuj na Twitterze - Przypnij do tablicy Pinterest (niedostępne dla udostępniania postu na blogu)

  1. Aby dodać linki do kont mediów społecznościowych, w obszarze Konta wprowadź linki do swoich kont w dostępnych polach. Wprowadź pełne linki, np. https://instagram.com/shopify lub https://twitter.com/shopify.

    Linki do Twoich kont w mediach społecznościowych są wyświetlane w stopce sklepu online.

  2. Kliknij opcję Zapisz.

Ikona Favicon

Możesz załadować ikonę ulubionych, lub ikonę „Favicon”, co pomoże Ci zbudować markę sklepu online dzięki wyświetleniu Twojego logo w następujących lokalizacjach:

  • karta Twojej przeglądarki internetowej
  • historia Twojej przeglądarki internetowej
  • ikony na Twoim pulpicie
  • obok nazwy Twojego sklepu, jeśli dodano jej zakładkę.

Najlepszy rozmiar obrazu ikony Favicon dla szablonu Narrative to 32 x 32 piksele.

Aby załadować ikonę Favicon:

  1. Kliknij opcję Dostosuj.

  2. Kliknij kartę Ustawienia szablonu.

  3. Kliknij opcję Favicon.

  4. W obszarze Obraz ikony Favicon kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności:

- Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka. - Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.

  1. Kliknij opcję Zapisz.

Realizacja zakupu

Możesz dostosować swoją stronę realizacji zakupu w taki sposób, aby obejmowała następujące elementy:

  • spersonalizowany baner z obrazem na górze strony
  • logo Twojego sklepu
  • obraz w tle lub kolor w obszarze głównej zawartości
  • niestandardowe czcionki i kolory.

Aby obserwować zmiany w miarę ich stosowania, przejdź do strony realizacji zakupu w edytorze szablonów.

Aby uzyskać dostęp do ustawień strony realizacji zakupu:

  1. Kliknij opcję Dostosuj.

  2. Kliknij kartę Ustawienia szablonu.

  3. Kliknij opcję Realizacja zakupu.

Aby dodać obraz banera:

  • W obszarze Baner kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności: - Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka.
    • Aby wybrać darmowe zdjęcie z kolekcji darmowych zdjęć Burst Shopify, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć.
    • Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.
  1. W obszarze Logo kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności:

- Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka. - Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.

  1. Korzystając z listy Położenie, określ, czy chcesz, by obraz był wyświetlany po prawej stronie, po lewej, czy pośrodku.

  2. Z listy Rozmiar logo wybierz rozmiar logo.

Aby zmienić tło strony realizacji zakupu:

Możesz wyświetlić obraz tła na stronie realizacji zakupu lub wybrać kolor tła. Dla obrazów tła obraz będzie wyświetlany w postaci siatki.

  1. W obszarze Główny obszar zawartości kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności:

- Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka. - Aby wybrać darmowe zdjęcie z kolekcji darmowych zdjęć Burst Shopify, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć. - Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus. - Kliknij próbnik Kolor tła, aby wybrać nowy kolor z palety.

  1. Z listy rozwijanej Pola formularza wybierz opcję określającą, czy pola mają być białe, czy transparentne.

Aby zmienić tło strony Podsumowanie zamówienia:

  1. W obszarze Podsumowanie zamówienia kliknij opcję Wybierz obraz, a następnie wykonaj jedną z poniższych czynności: - Aby wybrać zdjęcie, które zostało już załadowane do panelu administracyjnego Shopify, kliknij kartę Biblioteka.
    • Aby wybrać darmowe zdjęcie z kolekcji darmowych zdjęć Burst Shopify, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć.
    • Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.
    • Kliknij próbnik Kolor tła, aby wybrać nowy kolor z palety.

Aby ustawić opcje czcionki:

  • W obszarze Typografia wybierz z list czcionkę do wykorzystania w nagłówku i treści.

Aby ustawić opcje koloru:

  • W obszarze Kolory kliknij próbnik koloru Akcenty, Przyciski lub Błędy, aby wybrać nowy kolor z palety.

Zmień styl szablonu

Możesz przywrócić wartości domyślne szablonu w ustawieniach ogólnych szablonu. Gdy zresetujesz styl swojego szablonu, wszelkie zmiany dokonane na karcie Ustawienia ogólne zostaną utracone, ale nie stracisz takich treści jak tekst i zdjęcia.

  1. Kliknij kartę Ustawienia ogólne.

  2. Kliknij opcję Zmień styl szablonu.

  3. Kliknij przycisk pod opcją Zmień styl szablonu. Nazwa tego przycisku jest zwykle nazwą szablonu.

  4. Kliknij opcję Zmień styl.

Gotowy(-a) do rozpoczęcia sprzedaży za pomocą Shopify?

Wypróbuj za darmo