Sekcje strony głównej dla szablonu Brooklyn

Brooklyn zawiera unikalny wybór sekcji strony głównej. Możesz dodawać i usuwać te sekcje oraz zmieniać ich rozmieszczenie w celu dostosowania układu swojej strony głównej.

Pokaz slajdów

Możesz utworzyć pokaz slajdów dla strony głównej, który ma pełną szerokość lub jest dostosowany do wysokości pierwszego obrazu w sekwencji:

Strona główna sklepu online o nazwie John's Apparel, na której wyświetlany jest pełnoekranowy obraz pokazu slajdów. Nawigacja nagłówka jest wyświetlana na górze obrazu.

Na slajdach najlepiej zamieszczać obrazy o wysokiej rozdzielczości. Używaj obrazów o rozmiarze 3840 x 2160 pikseli lub większych, 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:

  • Automatyczna rotacja slajdów - Ustaw automatyczne odtwarzanie pokazu slajdów.
  • Zmień slajdy co - Wybierz, jak często mają zmieniać się slajdy.
  • Obraz - Dodaj slajd z obrazem do pokazu slajdów.
  • Nakładka - Dodaj warstwę koloru na slajdzie z obrazem. Nakładka może poprawić czytelność tekstu pokazu slajdów.
  • Nieprzezroczystość - Ustaw nieprzezroczystość nakładki.
  • Tekst nagłówka podrzędnego - Dodaj nagłówek podrzędny do slajdu. Nagłówek podrzędny pojawia się przed nagłówkiem.
  • Tekst nagłówka - Dodaj nagłówek do slajdu.
  • Tekst przycisku - Dodaj przycisk z etykietą tekstową do slajdu.
  • Link slajdu - Połącz slajd z inną częścią swojego sklepu online.
  • Dostosuj do pierwszego obrazu - Ustaw wysokość pokazu slajdów, dostosowując ją do pierwszego obrazu.
  • Położenie obrazu - Wybierz najistotniejszy obszar obrazu, który ma przyciągnąć uwagę w pokazie slajdów.
  • Wyrównanie tekstu - Wyrównaj tekst w stosunku do slajdów.
  • Selektory kolorów dla przycisków i tekstu pokazu slajdów.

Dostosuj swój pokaz slajdów

  1. Kliknij opcję Dostosuj obok Brooklyn.

  2. Kliknij opcję Pokaz slajdów.

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

  4. Kliknij opcję Zapisz.

Posty na blogu

Na stronie głównej możesz polecać nawet trzy posty na blogu.

Dla sekcji postów na blogu dostępne są następujące ustawienia:

  • Nagłówek - Dodaj nagłówek do swojej sekcji postów na blogu.
  • Blog - Ustaw blog, którego posty mają być polecane.
  • Posty - Ustaw liczbę polecanych postów na blogu.
  • Pokaż datę -Wyświetl datę publikacji postów na blogu.
  • Pokaż autora - Wyświetl autora postów na Twoim blogu.
  • Pokaż obraz w tle - Wyświetl obraz w tle postów na blogu.
  • Pokaż fragment - Wyświetl krótkie podsumowanie postów na blogu.
  • Pokaż przycisk „Wyświetl wszystko” - Dodaj przycisk odsyłający do strony blogu Twojego sklepu online.

Dodaj posty na blogu do strony głównej

  1. Kliknij opcję Dostosuj obok Brooklyn.

  2. Kliknij opcję Dodaj sekcję > Posty na blogu > Dodaj.

  3. Użyj ustawień, aby dostosować sekcję blogu strony głównej.

  4. Kliknij opcję Zapisz.

Lista kolekcji

Na stronie głównej możesz polecać nawet dziewięć kolekcji.

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

  • Nagłówek - Dodaj nagłówek do listy kolekcji.
  • Kolekcja - Ustaw kolekcje, które chcesz polecać.

Dodaj listę kolekcji do strony głównej

  1. Kliknij opcję Dostosuj obok Brooklyn.

  2. Kliknij opcję Lista kolekcji.

  3. Użyj ustawień, aby dostosować sekcję listy kolekcji.

  4. Kliknij opcję Zapisz.

Polecana kolekcja

Na stronie głównej możesz polecać produkty z jednej ze swoich kolekcji.

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

  • Nagłówek - Dodaj nagłówek dla swojej polecanej kolekcji.
  • Kolekcja - Ustaw kolekcję, z której produkty chcesz polecać.
  • Styl siatki - Ustaw układ dla swoich polecanych produktów.

Dodaj polecaną kolekcję do strony głównej

  1. Kliknij opcję Dostosuj obok Brooklyn.

  2. Kliknij opcję Polecana kolekcja.

  3. Użyj ustawień, aby dostosować sekcję polecanej kolekcji.

  4. Kliknij opcję Zapisz.

Obraz z tekstem

Na stronie głównej możesz zamieścić obraz i tekst niestandardowy.

Sekcja obrazu i tekstu w sklepie online. Po lewej stronie sekcji wyświetlany jest obraz, a po prawej – tekst i przycisk.

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

  • Obraz - Wybierz obraz, który ma zostać dodany do sekcji.
  • Wyrównanie obrazu - Ustal, po której stronie ma być wyświetlany obraz.
  • Nagłówek - Dodaj nagłówek do sekcji.
  • Tekst - Dodaj tekst do sekcji.
  • Etykieta przycisku - Dodaj przycisk z etykietą tekstową do sekcji.
  • Link przycisku - Połącz przycisk z inną stroną lub witryną.

Dodaj obraz z tekstem do strony głównej

  1. Kliknij opcję Dostosuj obok Brooklyn.

  2. Kliknij opcję Dodaj sekcję > Obraz z tekstem > Dodaj.

  3. Użyj ustawień, aby dostosować sekcję obrazu z tekstem.

  4. Kliknij opcję Zapisz.

Polecany produkt

Na stronie głównej możesz polecać produkt. Polecanie produktu to doskonały sposób na promowanie nowego produktu lub produktu z wyprzedaży.

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

  • Produkt - Wybierz produkt do polecania na stronie głównej.
  • Pokaż etykiety wariantów - Wyświetl etykiety wariantów produktu, takie jak „Rozmiar” i „Kolor”.
    Oferta produktu dla koszulki z opcją wyboru różnych wariantów kolorystycznych. Etykieta „Kolor” jest wyróżniona.
  • Pokaż dostawcę - Wyświetl markę lub dostawcę produktu.
  • Tekst - Dodaj tekst do polecanego produktu.
  • Etykieta przycisku - Dodaj przycisk z etykietą tekstową do polecanego produktu.
  • Link przycisku - Połącz przycisk z inną stroną lub witryną.

Dodaj polecany produkt do swojej strony głównej

  1. Kliknij opcję Dostosuj obok Brooklyn.

  2. Kliknij opcję Dodaj sekcję > Polecany produkt > Dodaj.

  3. Użyj ustawień, aby dostosować sekcję polecanego produktu.

  4. Kliknij opcję Zapisz.

Newsletter

Możesz dodać możliwość rejestracji do newslettera do swojej strony głównej. Za pomocą rejestracji do newslettera możesz gromadzić adresy e-mail klientów dla celów kampanii realizowanych z wykorzystaniem e-mail marketingu. 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”.

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

  • Nagłówek - Dodaj nagłówek do rejestracji do newslettera.
  • Nagłówek podrzędny - Dodaj nagłówek podrzędny do rejestracji do newslettera.

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

  1. Kliknij opcję Dostosuj obok Brooklyn.

  2. Kliknij opcję Dodaj sekcję > Newsletter > Dodaj.

  3. Użyj ustawień, aby dostosować sekcję rejestracji do newslettera.

  4. 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ę Dostosuj obok Brooklyn.

  2. Kliknij opcję Dodaj sekcję > Mapa > Dodaj.

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

  4. Kliknij opcję Zapisz.

Tekst sformatowany

Możesz dodać niestandardowy tekst na stronie głównej.

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

  • Szerokie wyświetlanie - Zmniejsz marginesy z każdej strony tekstu.
  • Nagłówek - Dodaj nagłówek do sekcji tekstu sformatowanego.
  • Tekst - Dodaj i sformatuj tekst niestandardowy.
  • Rozmiar - Ustaw rozmiar tekstu.

Dodaj tekst niestandardowy do strony głównej

  1. Kliknij opcję Dostosuj obok Brooklyn.

  2. Kliknij opcję Tekst sformatowany.

  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 wygląda następująco: https://youtu.be/Oc5v_ToKP7c. Możesz dowiedzieć się, jak skopiować link udostępniający film z YouTube, zapoznając się z treścią tego artykułu Pomocy 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ę Dostosuj obok Brooklyn.

  2. Kliknij opcję Dodaj sekcję > Film > Dodaj.

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

  4. Kliknij opcję Zapisz.

Niestandardowy HTML

Możesz tworzyć niestandardową zawartość strony głównej. Przykładowo, możesz użyć kodu HTML do formatowania bloków tekstowych, tworzenia tabel lub osadzania zawartości innej strony internetowej.

Dla sekcji niestandardowego kodu HTML dostępne są następujące ustawienia:

  • HTML - Dodaj kod HTML, który ma być wyświetlany na stronie głównej.
  • Szerokość kontenera - Ustaw szerokość sekcji niestandardowego kodu HTML.
  • Wyrównanie pionowe - Ustaw pionowe położenie zawartości w sekcji.

Dodaj niestandardowy HTML do strony głównej

  1. Kliknij opcję Dostosuj obok Brooklyn.

  2. Kliknij opcję Dodaj sekcję > Niestandardowy kod HTML > Dodaj.

  3. Użyj ustawień, aby dostosować sekcję niestandardowego kodu HTML.

  4. Kliknij opcję Zapisz.

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

Wypróbuj za darmo