Sekcje szablonu Narrative

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
  • Wyświetlany suwak

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 sklepu, czyniąc go przezroczystym.

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ć obraz, który został już załadowany 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.
  • Przycisk z etykietą - 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. Kliknij opcję Dostosuj obok Narrative.

  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. Kliknij opcję Dostosuj obok Narrative.

  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 wyprzedaże. 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.

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. Kliknij opcję Dostosuj obok Narrative.

  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ć obraz, który został już załadowany 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ć obraz, który został już załadowany 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 Przycisk z etykietą 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ć obraz, który został już załadowany 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 Przycisk z etykietą 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. Kliknij opcję Dostosuj obok Narrative.

  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 wyprzedaże. 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. Kliknij opcję Dostosuj obok Narrative.

  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.

Wyświetlany suwak

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ć obraz, który został już załadowany 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 przycisk z etykietą 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ć obraz, który został już załadowany 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.

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

Wypróbuj za darmo