Sekcje szablonu Simple

Zawartość szablonu tworzona jest za pomocą sekcji. Sekcje to konfigurowalne bloki zawartości, które określają układ i wygląd różnych stron w Twoim sklepie online.

Sekcje statyczne to sekcje, które pojawiają się we wcześniej ustalonych lokalizacjach w Twoim sklepie online. Tych sekcji nie można usunąć ani zmienić ich układu. Sekcje statyczne mogą zawierać nagłówki, stopki, sekcje nawigacji lub sekcje zawartości na stronach takich jak strony produktów i strony kolekcji. Na przykład sekcja Produkt określa wygląd każdej strony produktu w sklepie online.

Sekcje dynamiczne to opcjonalne sekcje, których można używać w celu dostosowania układu strony głównej. Na stronie głównej Twojego sklepu możesz dodawać sekcje dynamiczne, zmieniać ich rozmieszczenie oraz je usuwać, tworząc w ten sposób układ strony. Na stronie głównej możesz mieć maksymalnie 25 sekcji dynamicznych.

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

Sekcje statyczne

Szablon Simple zawiera następujące sekcje statyczne:

  • Nagłówek
  • Menu paska bocznego
  • Stopka
  • Strony produktu
  • Rekomendacje produktu
  • Strony kolekcji
  • Strona listy kolekcji
  • Strony artykułów

Sekcje dynamiczne

Szablon Simple zawiera następujące sekcje dynamiczne:

  • Posty na blogu
  • Lista kolekcji
  • Polecana kolekcja
  • Baner Polecane
  • Obraz z tekstem
  • Pokaz slajdów
  • Polecany produkt
  • Newsletter
  • Mapa
  • Tekst sformatowany
  • Film
  • Niestandardowy HTML

Nagłówek

W sekcji nagłówka możesz edytować zawartość, która pojawia się na górze każdej strony w Twoim sklepie. Możesz dodać obraz logo, utworzyć wiadomość ogłoszenia i dodać slogan.

Możesz dodać obraz logo niestandardowego do nagłówka sklepu. Najlepszym formatem jest plik .png z przezroczystym tłem. Obrazy logo powinny mieć wymiary 450 x 200 pikseli. Możesz zmienić rozmiar obrazu logo, zmniejszając szerokość.

  1. Kliknij opcję Nagłówek. 5. W obszarze Obraz logo 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ć obraz z komputera lokalnego, kliknij opcje Biblioteka > Załaduj. 6. Użyj suwaka Niestandardowa szerokość logo, aby dostosować szerokość logo. 8. Kliknij opcję Zapisz.

Dodaj pasek ogłoszeń

Możesz dodać pasek ogłoszeń w nagłówku do wyświetlania wiadomości klientom. Twoja wiadomość jest konfigurowalna i może zawierać dane kontaktowe, informacje o zdarzeniach w sklepie lub wyprzedaży albo slogan reklamowy sklepu.

  1. Kliknij Nagłówek. 5. W obszarze Pasek ogłoszeń zaznacz opcję Pokaż ogłoszenie. Wybierz opcję Tylko strona główna, aby wyświetlić wiadomość ogłoszenia tylko na stronie głównej. 6. Wprowadź tekst swojego ogłoszenia. 7. Opcjonalnie: Wprowadź adres URL, aby dodać link do ogłoszenia. 9. Aby zmienić kolor tła paska ogłoszeń, kliknij próbnik kolorów Paska i wybierz kolor. 10. Aby zmienić kolor tekstu ogłoszenia, kliknij próbnik kolorów Tekstu i wybierz kolor. 11. Kliknij opcję Zapisz.

Szablon Simple udostępnia pasek boczny zawierający menu nawigacji.

  1. Kliknij Pasek boczny. 2. Z listy Menu wybierz menu dla menu paska bocznego. 3. Kliknij opcję Zapisz.

Stopka

Stopka szablonu to sekcja, która pojawia się na dole każdej strony Twojego sklepu. W stopce możesz dodać następujące funkcje:

  • ikony płatności
  • menu
  • rejestracja do newslettera
  • sekcja tekstu zawierająca informacje o Twojej firmie

Dodaj ikony płatności

Ikony dla akceptowanych metod płatności można wyświetlić w stopce. W tym obszarze wyświetlane są ikony powiązane z dostawcą płatności, które włączono w sekcji Ustawienia płatności panelu administracyjnego.

  1. Kliknij opcję Stopka.

  2. Zaznacz opcję Pokaż ikony płatności.

  3. Kliknij opcję Zapisz.

Dodaj menu, rejestrację do newslettera lub tekst

  1. Kliknij opcję Stopka.

  2. Aby dodać blok zawartości w sekcji Zawartość, kliknij opcję Dodaj zawartość. Wybierz typ bloku spośród następujących opcji wyboru:

  • Menu
  • Newsletter
  • Tekst

    Aby usunąć blok zawartości, kliknij blok, a następnie kliknij Usuń zawartość.

    Aby dostosować blok zawartości, kliknij blok i Edytuj ustawienia.

  1. Kliknij opcję Zapisz.

Strony produktu

Sekcja Strony produktu jest główną konfigurowalną sekcją dla stron produktu. Możesz dostosować wygląd tej sekcji dzięki następującym opcjom:

Ustawienia

  • Pokaż selektor ilości – pozwól użytkownikom określić ilość, która zostanie dodana do koszyka.
  • Pokaż dostawcę produktu - wskaż markę lub dostawcę produktu. Aby wyświetlać markę lub dostawcę, do produktu należy dodać dostawcę.
  • Włącz udostępnianie produktów – pokaż przyciski, których klienci mogą używać do udostępniania produktów w mediach społecznościowych. Wyświetlane opcje udostępniania są sterowane poprzez ustawienia szablonu.

Opis

  • Położenie - Wybierz lokalizację opisu produktu względem obrazu produktu.
  • Pokaż kartę obok opisu produktu – wyświetl zawartość strony, np. tabelę rozmiarów lub politykę zwrotów, na drugiej karcie. Wybierz stronę do wyświetlenia w zawartości karty.

Wyróżniony obraz

  • Typ powiększenia obrazu - ustaw styl powiększenia dla obrazów produktów. Wybierz opcję Brak powiększenia, aby uniemożliwić klientom powiększanie.

Przycisk Dodaj do koszyka

  • Pokaż dynamiczny przycisk realizacji zakupu - pozwól klientom pominąć koszyk i przejść bezpośrednio do realizacji zakupu z sekcji polecanego produktu.
  • Rozmiar przycisku - Wybierz rozmiar z tego menu rozwijanego, aby ustawić rozmiar przycisku Dodaj do koszyka oraz dynamicznego przycisku realizacji zakupu.

Edytuj ustawienia stron produktu

  1. Wybierz Strony produktu. 2. Kliknij sekcję Strony produktu. 3. Użyj ustawień, aby dostosować sekcję stron produktów. 4. Kliknij opcję Zapisz.

Rekomendacje produktu

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

Włącz rekomendacje produktów

  1. Wybierz Strony produktu.

  2. Kliknij sekcję Rekomendacje produktów.

  3. Zaznacz opcję Pokaż dynamiczne rekomendacje, aby pokazać rekomendacje produktów na stronach produktów.

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

    1. Opcjonalnie: Aby wyświetlić lub ukryć dostawców w opisach produktów, zaznacz pole wyboru Pokaż dostawcę.
  5. Kliknij opcję Zapisz.

Strony kolekcji

Sekcja Strony kolekcji jest główną konfigurowalną sekcją dla stron kolekcji.

Sekcja Strony kolekcji obejmuje następujące ustawienia:

  • Pokaż dostawcę produktu - wskaż dostawcę każdego produktu pod tytułem produktu.
  • Włącz sortowanie kolekcji - pozwól klientom na sortowanie produktów na stronach kolekcji.
  • Włącz filtrowanie według tagów produktu - pozwól klientom filtrować kolekcję według tagu produktu.

Edytuj ustawienia stron kolekcji

  1. Wybierz Strony kolekcji. 2. Kliknij sekcję Strony kolekcji. 3. Użyj ustawień, aby dostosować sekcję stron kolekcji. 4. 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.

Dla sekcji Polecana kolekcja dostępne są następujące ustawienia:

  • Nagłówek - wprowadź tekst, który ma być wyświetlany nad produktami w kolekcji. Domyślnie jest to tekst Polecana kolekcja.
  • Kolekcja - wybierz kolekcję, którą chcesz wyświetlić w sekcji. Z wybranej kolekcji wyświetlonych zostanie do 50 produktów.
  • Rzędy - wybierz liczbę rzędów produktów do wyświetlenia w sekcji.

Dodaj sekcję Polecana kolekcja do strony głównej

  1. Kliknij Dodaj sekcję. 2. Kliknij Polecana kolekcja, a następnie Wybierz. 3. Kliknij Wybierz kolekcję, a następnie wybierz kolekcję z listy kolekcji. 4. Użyj ustawień, aby dostosować sekcję. 5. Kliknij opcję Zapisz.

Baner Polecane

Można dodać obraz banera Polecane do strony głównej. Można dodać także nagłówek i link obrazu.

Dodaj sekcję banera Polecane do strony głównej

  1. Kliknij opcję Dodaj sekcję.
  2. Kliknij Baner Polecane, a następnie kliknij Wybierz.
  3. Wpisz nowy tytuł dla tej sekcji w polu Nagłówek.
  4. W obszarze Obraz kliknij Wybierz obraz, a następnie wykonaj jedną z następujących czynności: - Aby wybrać obraz, który został już przesłany do panelu administracyjnego Shopify, kliknij kartę Biblioteka.
  5. Aby wybrać darmowy obraz z Burst, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć.
  6. Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk Załaduj.

  7. W polu Link obrazu wybierz stronę w swoim sklepie, do której ma odsyłać ten link.

  8. Kliknij opcję Zapisz.

Obraz z tekstem

Szablon Simple pozwala dodawać obraz z tekstem wyświetlanym po jego prawej lub lewej stronie. Możesz także dodać przycisk, który odsyła do innej strony.

Możesz użyć sekcji obrazu z tekstem, aby reklamować konkretny produkt lub kolekcję.

Dla sekcji Obraz z tekstem dostępne są następujące ustawienia:

  • Obraz - dodaj obraz, aby wyświetlić go w sekcji. Można załadować obraz, użyć poprzednio załadowanego obrazu lub wybrać darmowy obraz z Burst.
  • Wyrównanie obrazu - zdecyduj, czy obraz w sekcji pojawia się po lewej czy po prawej stronie.
  • Nagłówek – dodaj główny tekst do sparowania z obrazem.
  • Tekst – dodaj dodatkowy tekst do sparowania z obrazem. Ten tekst pojawia się pod tekstem nagłówka.
  • Przycisk z etykietą - dodaj tekst, który ma się pojawiać na przycisku.
  • Link przycisku - ustaw adres URL lub stronę, z którymi ma być połączony przycisk. Wklej w adresie URL lub wybierz stronę z menu. Jeśli nie chcesz dołączać przycisku w sekcji, pozostaw to pole puste.

Dodaj sekcję Obraz z tekstem do swojej strony głównej

  1. Kliknij Dodaj sekcję. 3. Kliknij opcję Obraz z tekstem, a następnie kliknij Wybierz. 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ż przesłany do panelu administracyjnego Shopify, kliknij kartę Biblioteka.
    • Aby wybrać darmowy obraz z Burst, 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 Załaduj.
  2. Użyj ustawień, aby dostosować sekcję. 5. Kliknij opcję Zapisz.

Pokaz slajdów

Możesz utworzyć pokaz slajdów na stronie głównej wyświetlający rotacyjnie do sześciu obrazów.

Zalecany rozmiar obrazów pokazu slajdów to 1280 x 460 pikseli.

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

Treść

  • Obraz - Dodaj slajd z obrazem do pokazu slajdów.
  • Położenie obrazu - Wybierz najistotniejszy obszar obrazu, który ma przyciągnąć uwagę w pokazie slajdów.
  • Nieprzezroczystość nakładki - Ustaw cień nakładki obrazu. Nakładka przyciemnia obrazy i może poprawić czytelność tekstu pokazu slajdów.
  • Kolor tekstu - Ustaw kolor tekstu pokazu slajdów.
  • Wyrównanie tekstu - Wyrównaj tekst w stosunku do slajdów.
  • Nagłówek - Dodaj nagłówek do slajdu.
  • Przycisk z etykietą - Dodaj przycisk z etykietą tekstową do slajdu.
  • Link przycisku - ustaw adres URL lub stronę, z którymi ma być połączony przycisk. Wklej w adresie URL lub wybierz stronę z menu. Jeśli nie chcesz dołączać przycisku w sekcji, pozostaw to pole puste.

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.
  • Automatyczna rotacja slajdów - Ustaw automatyczne odtwarzanie pokazu slajdów.
  • Zmień slajdy co - wybierz, jak często mają zmieniać się slajdy.
  • Efekt przejścia - wybierz, czy obrazy mają się przesuwać, czy znikać.
  • Rozmiar tekstu - Ustaw rozmiar tekstu pokazu slajdów.

Dodaj pokaz slajdów do strony głównej

  1. Kliknij opcję Dodaj sekcję.
  2. Kliknij Pokaz slajdów, a następnie kliknij Wybierz.
  3. 2. W obszarze Zawartość kliknij opcję Slajd, a następnie wykonaj jedną z następujących czynności: - Aby wybrać obraz, który został już przesłany do panelu administracyjnego Shopify, kliknij kartę Biblioteka.
  4. Aby wybrać darmowy obraz z Burst, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć.
  5. Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk Załaduj.

  6. Aby dodać dodatkowe slajdy, kliknij opcję Dodaj slajd.

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

  8. Kliknij opcję Zapisz.

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 marketingu. Dowiedz się więcej na temat e-mail marketingu na blogu Shopify.

Dodaj możliwość rejestracji do newslettera do strony głównej

  1. Kliknij opcję Dodaj sekcję.

  2. Kliknij Newsletter, a następnie opcję Wybierz.

  3. Wprowadź nagłówek rejestracji do newslettera.

  4. Wprowadź nagłówek podrzędny dla rejestracji do newslettera.

  5. Kliknij opcję Zapisz.

Mapa

Możesz dodać mapę Google do strony głównej, aby pokazać klientom, gdzie mieści się Twoja firma.

Dla sekcji mapy dostępne są następujące ustawienia:

  • Nagłówek - Dodaj nagłówek do sekcji mapy.
  • Adres i godziny - Dodaj adres sklepu i godziny otwarcia do sekcji mapy.
  • Adres mapy - Ustaw mapę tak, aby wyświetlała lokalizację Twojego sklepu.
  • Etykieta linku mapy - Dodaj przycisk odsyłający do Twojej lokalizacji na mapie Google.
  • Pokaż pin - Dodaj pin pokazujący konkretną lokalizację Twojego sklepu na mapie.
  • Klucz Google Maps API - Dodaj klucz API mapy do sekcji mapy.
  • Obraz - Dodaj obraz wyświetlany, gdy mapa się nie ładuje.
  • Położenie obrazu - Ustal położenie obrazu.

Dodaj mapę do strony głównej

  1. Kliknij opcję Dodaj sekcję. 2. Kliknij opcję Mapa, a następnie Wybierz. 3. Użyj ustawień, aby dostosować sekcję mapy. 4. Kliknij opcję Zapisz.

Tekst sformatowany

Użyj sekcji Tekst sformatowany, aby wprowadzić dowolny tekst do wyświetlenia na stronie głównej, lub osadzić dowolną stronę utworzoną w panelu administracyjnym Shopify. Przykładowo, możesz polecać nadchodzące wydarzenia, osadzając stronę swojego bloga, lub wyświetlić stronę z:

Dla sekcji tekstu sformatowanego dostępne są następujące ustawienia:

Nagłówek - dodaj nagłówek do sekcji tekstu sformatowanego. – Tekst - dodaj i sformatuj tekst niestandardowy. Jeśli chcesz polecać stronę ze swojego sklepu, kliknij opcję Dodaj zawartość, a następnie Strona. Wybierz stronę do polecania jako stronę główną z menu rozwijanego. – Rozmiar - ustaw rozmiar tekstu.

Dodaj tekst sformatowany do strony głównej

  1. Kliknij opcję Dodaj sekcję.

  2. Kliknij opcję Tekst sformatowany, a następnie kliknij przycisk Wybierz.

  3. Użyj ustawień, aby dostosować sekcję tekstu sformatowanego.

  4. Kliknij opcję Zapisz.

Film

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

Aby dodać film, musisz znaleźć link do udostępniania go:

  • YouTube - link do udostępniania filmu z platformy YouTube, np.: https://youtu.be/Oc5v_ToKP7c. Możesz dowiedzieć się, jak skopiować link udostępniający film z YouTube, zapoznając się z treścią artykułu Pomoc YouTube.
  • Vimeo - link do udostępniania filmu z platformy Vimeo wygląda następująco: https://vimeo.com/123456789. 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.

Dla sekcji filmu dostępne są następujące ustawienia:

  • Nagłówek - Dodaj nagłówek do sekcji filmu.
  • Link do filmu - Dodaj link udostępniający dla swojego filmu.

Dodaj film do strony głównej

  1. Kliknij opcję Dodaj sekcję. 3. Kliknij opcję Film, a następnie Wybierz. 4. Użyj ustawień, aby dostosować sekcję filmu. 5. Kliknij opcję Zapisz.

Niestandardowy HTML

W sekcji Niestandardowy kod HTML możesz użyć kodu HTML do tworzenia niestandardowych treści dla swojej strony głównej. Możesz na przykład użyć kodu HTML do formatowania bloków tekstowych, tworzenia tabel lub osadzania zawartości z zewnętrznych stron internetowych.

Dodaj niestandardową sekcję HTML do strony głównej

  1. Kliknij opcję Dodaj sekcję.

  2. Kliknij opcję Niestandardowy kod HTML, a następnie Wybierz.

  3. Kliknij opcję Niestandardowy kod HTML i wprowadź kod HTML, który chcesz dodać do swojej strony głównej.

  4. Kliknij opcję Zapisz.

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

Wypróbuj za darmo