Tworzenie stron - sekcje i elementy

Bloki z listą kategorii pozwalają zaprezentować wybrane obszary asortymentu w formie estetycznych, wyróżnionych kafli. Każdy blok może zawierać ikonę, nagłówek, opcjonalną listę linków oraz przycisk CTA, który kieruje użytkownika do wskazanego adresu URL. Dzięki temu możesz w przejrzysty sposób zaprezentować kluczowe kategorie lub podkategorie już na stronie głównej.

W ustawieniach bloku możesz edytować treść nagłówka, dodać lub usunąć elementy z listy linków, określić adres URL oraz tekst przycisku, a także wybrać jego styl i rozmiar. Dodatkowo możliwa jest zmiana koloru tła, co pozwala wyróżnić konkretne sekcje i dopasować je do identyfikacji wizualnej sklepu.

Bloki są zestawiane obok siebie w układzie siatki (4 elementy w rzędzie), co umożliwia stworzenie dynamicznej, nowoczesnej prezentacji kategorii i ułatwia klientowi szybkie przejście do interesującego go działu sklepu.

Sekcja FAQ umożliwia dodanie listy najczęściej zadawanych pytań wraz z odpowiedziami w formie rozwijanych elementów. Każde pytanie stanowi osobny moduł, który po kliknięciu rozwija treść odpowiedzi, dzięki czemu użytkownik może szybko znaleźć potrzebne informacje bez przechodzenia na inne podstrony.

W panelu edycji możesz swobodnie dodawać, usuwać oraz zmieniać kolejność pytań, a także modyfikować ich treść. Sekcja FAQ poprawia przejrzystość strony, ogranicza liczbę zapytań do obsługi klienta i pozytywnie wpływa na doświadczenie użytkownika.

Lista pracowników to sekcja umożliwiająca prezentację członków zespołu wraz z ich zdjęciem, imieniem i nazwiskiem oraz krótkim opisem stanowiska lub zakresu obowiązków. Element ten pozwala budować wiarygodność marki i nadać sklepowi bardziej personalny charakter.

Lista produktów umożliwia wyświetlenie produktów na stronie głównej na podstawie wybranego A źródła. Jest to świetny element, który pozwala w atrakcyjny i uporządkowany sposób wyeksponować wybrany asortyment, bez konieczności ręcznego dodawania każdego produktu osobno.

Ustawienia BIlość elementów w wierszu oraz Maksymalna liczba wyświetlanych produktów bezpośrednio wpływają na układ bloków w sekcji. To właśnie te parametry decydują o szerokości siatki oraz liczbie widocznych produktów, pozwalając precyzyjnie dopasować wygląd sekcji do projektu strony.

Sekcja Reklama 50-50 to uniwersalny blok promocyjny podzielony na dwie równe części - treściową i graficzną - który pozwala w wyrazisty sposób zaprezentować wybraną ofertę. Dzięki dużej elastyczności konfiguracji możesz swobodnie dopasować wygląd, układ oraz sposób działania sekcji do charakteru swojej marki, a także w razie potrzeby zamienić kolejność lewo–prawo.

Tego typu sekcja świetnie sprawdza się do promowania wyprzedaży, nowej kolekcji, bestsellerów lub sezonowych kampanii. Możesz wykorzystać ją jako mocny akcent sprzedażowy na stronie głównej, który kieruje użytkownika bezpośrednio do wybranej kategorii lub landing page.

Treść z prawej strony - to część opisowa, która doskonale sprawdza się jako rozbudowany element informacyjny. Jej celem jest zainteresowanie klienta oraz zachęcenie go do zapoznania się z dodatkowymi szczegółami.

Ukryta treść - po kliknięciu przycisku sekcja rozwija się, wyświetlając wcześniej ukryty fragment tekstu. Pozwala to zachować przejrzystość układu, jednocześnie umożliwiając przedstawienie większej ilości informacji.

Zasada działania sekcji - jedna strona zawiera nagłówek oraz opis, natomiast druga oprócz nagłówka i opisu może zawierać dodatkową, rozwijaną treść, którą użytkownik odsłania za pomocą przycisku.

Ta sekcja umożliwia zbieranie adresów e-mail od klientów bezpośrednio na stronie głównej lub wybranej podstronie. Pozwala w prosty sposób zachęcić użytkowników do zapisu na listę mailingową poprzez krótki nagłówek, opis oraz formularz zapisu.

To skuteczne narzędzie do budowania bazy subskrybentów, informowania o promocjach, nowościach oraz kampaniach specjalnych. Odpowiednio wyróżniona sekcja newslettera może znacząco zwiększyć zaangażowanie klientów i powracalność do sklepu.

Ten element łączy rozbudowaną część tekstową z bezpośrednią prezentacją wybranych produktów. Po jednej stronie znajduje się nagłówek, opis oraz przycisk CTA, natomiast po drugiej wyświetlane są konkretne produkty w formie siatki, co pozwala płynnie przejść od inspiracji do zakupu.

To rozwiązanie idealnie sprawdza się przy promowaniu limitowanych kolekcji, bestsellerów lub tematycznych serii. Dzięki połączeniu storytellingu z realnym asortymentem możesz najpierw zainteresować klienta komunikatem, a następnie od razu zaprezentować produkty gotowe do dodania do koszyka.

Element ten łączy część tekstową z dużą, przyciągającą uwagę grafiką. Po jednej stronie umieszczasz nagłówek, opis oraz przycisk CTA, a po drugiej zdjęcie, które wzmacnia przekaz i buduje klimat całej sekcji.

To idealne rozwiązanie do przedstawienia historii marki, zaprezentowania nowej kolekcji lub podkreślenia konkretnej wartości, np. jakości, stylu czy rzemiosła. Dzięki połączeniu obrazu z treścią możesz stworzyć spójny, angażujący komunikat sprzedażowy.

To pełnoekranowa sekcja, która zajmuje całą szerokość strony i stanowi jeden z najmocniejszych wizualnie elementów strony głównej. Najczęściej wykorzystywany jest jako pierwszy, główny banner z dużym zdjęciem, nagłówkiem, krótkim opisem oraz przyciskiem CTA.

To idealne miejsce do zaprezentowania nowej kolekcji, promocji lub kluczowego komunikatu marki. Dzięki dużej powierzchni graficznej i możliwości dodania wyraźnego wezwania do działania, Slider 100 skutecznie przyciąga uwagę i kieruje użytkownika dalej w głąb sklepu.

W ramach sekcji możesz dodać kilka banerów, tworząc pełnoprawny slider z możliwością przełączania slajdów. Dostępna jest również opcja automatycznego przewijania, dzięki której slajdy zmieniają się samoczynnie po określonym czasie, bez konieczności interakcji użytkownika.

To sekcja podzielona na dwie równe części - po jednej stronie znajduje się warstwa tekstowa z nagłówkiem, opisem i przyciskiem, a po drugiej zdjęcie. Taki układ pozwala jednocześnie przekazać komunikat sprzedażowy i wzmocnić go atrakcyjną grafiką.

Podobnie jak w wersji pełnoekranowej, możesz dodać kilka slajdów, tworząc dynamiczny slider z możliwością ręcznego lub automatycznego przewijania. To dobre rozwiązanie do prezentowania promocji, nowych kolekcji lub konkretnych kategorii w bardziej zbalansowanej, uporządkowanej formie niż klasyczny banner 100%.

Jest to sekcja, która w przejrzysty i chronologiczny sposób prezentuje rozwój marki na przestrzeni lat. Każdy slajd zawiera rok, krótki nagłówek oraz zwięzły opis wydarzenia, co pozwala budować narrację i pokazać drogę od pierwszych kroków do obecnej pozycji firmy.

To skuteczne narzędzie do wzmacniania wiarygodności i budowania zaufania - szczególnie w przypadku marek, które chcą podkreślić swoje doświadczenie, dynamiczny rozwój lub kluczowe kamienie milowe. Dynamiczna forma slidera sprawia, że historia jest łatwa w odbiorze i nie przytłacza nadmiarem tekstu.

Jest to w praktyce elastyczna forma galerii lub slidera z klikalnymi grafikami. Każdy element może prowadzić do wybranego adresu URL, dzięki czemu sekcja pełni funkcję wizualnego menu lub promocyjnego pasa z linkami.

Nie musi być powiązana bezpośrednio z Instagramem - możesz wykorzystać ją do prezentacji kategorii, promocji, kolekcji sezonowych lub inspiracji zakupowych. To prosty sposób na stworzenie atrakcyjnego, przewijanego bloku graficznego, który zwiększa klikalność i kieruje użytkownika do kluczowych podstron.

Ta sekcja pozwala połączyć komunikat marketingowy z dynamiczną prezentacją wybranych produktów. W tej sekcji definiujesz główny nagłówek, treść wprowadzającą oraz dodatkowy nagłówek promocji z opisem widocznym nad odliczaniem czasu.

Możesz wskazać promowane produkty, ustawić datę i godzinę zakończenia akcji promocyjnej. Dodatkowo masz kontrolę nad listą produktów w sliderze, kolejnością ich wyświetlania oraz kolorem tła całej promocji, co pozwala dopasować sekcję do identyfikacji wizualnej i charakteru kampanii.

Jest to elastyczna sekcja graficzna, w której możesz dodać od 2 do 5 elementów w jednym rzędzie. Każdy element składa się ze zdjęcia, nagłówka, krótkiego opisu oraz linku, który kieruje użytkownika do wybranej podstrony (np. strona kategorii).

Mimo nazwy, nie musi to być wyłącznie prezentacja kategorii produktowych. Samodzielnie decydujesz, dokąd prowadzą linki - możesz wykorzystać tę sekcję do promowania konkretnych kolekcji, landing page’y, bloga, wyprzedaży lub dowolnych innych podstron. To wygodny sposób na stworzenie wizualnego menu lub wyróżnienie kluczowych obszarów sklepu.

to sekcja przeznaczona wyłącznie do prezentacji konkretnych produktów w formie przewijanej listy. W odróżnieniu od slidera z kategoriami, tutaj wyświetlane są bezpośrednio karty produktów z ceną, wariantami oraz możliwością dodania do koszyka.

Możesz samodzielnie wskazać źródło produktów - wybrać konkretne pozycje, kategorię, grupę produktów lub producenta. Dodatkowo masz kontrolę nad liczbą elementów widocznych w wierszu, kolejnością oraz automatycznym przewijaniem slajdów. To uniwersalny element do eksponowania bestsellerów, nowości, wyprzedaży lub produktów sezonowych.

Sekcja ta prezentuje zbiorczą ocenę sklepu lub produktów wraz z wybranymi recenzjami klientów, budując zaufanie i wiarygodność marki.

Sekcja „Wybrany produkt z kodem HTML” łączy standardową kartę produktu z miejscem na własny kod HTML. Po lewej stronie wyświetla się wybrany produkt ze zdjęciem, ceną i przyciskiem Dodaj do koszyka, a po prawej masz do dyspozycji pole, w którym możesz samodzielnie zbudować i ostylować dodatkową treść.

To rozwiązanie dla bardziej zaawansowanych użytkowników, którzy znają podstawy HTML i CSS i chcą przygotować niestandardowy opis, tabelę rozmiarów, listę korzyści, ikony zaufania czy niestandardowy layout kampanii wokół konkretnego produktu. Dzięki temu możesz stworzyć rozbudowaną, unikalną prezentację kluczowej oferty, bez ograniczeń typowych dla gotowych sekcji.

Sekcje „Inne” to zestaw uniwersalnych elementów, które pozwalają rozbudować stronę o dodatkowe treści i funkcjonalności wykraczające poza standardowe układy sprzedażowe. Znajdziesz tu m.in. formularz kontaktowy, galerię, sekcje tekstowe, obraz, wideo, sekcję HTML czy możliwość osadzenia pluginu, dzięki czemu możesz swobodnie tworzyć podstrony informacyjne, landing page’e, treści marketingowe lub niestandardowe bloki dopasowane do własnych potrzeb.

Formularz kontaktowy pozwala w prosty sposób udostępnić klientom możliwość bezpośredniego kontaktu ze sklepem. W sekcji możesz zdefiniować nagłówek, bloki informacyjne (np. adres, telefon, e-mail), osoby kontaktowe, nagłówek formularza, tekst na przycisku oraz komunikat potwierdzający wysłanie wiadomości. Jeśli któregoś z elementów nie chcesz wyświetlać, pozostaw jego treść pustą - wówczas nie pojawi się na stronie.

Szczególną uwagę należy zwrócić na konfigurację zgód formalnych, w tym treść checkboxów oraz informacje dodatkowe (np. RODO). To tutaj określasz komunikaty dotyczące przetwarzania danych osobowych i zgód marketingowych, dlatego sekcja ta powinna być uzupełniona zgodnie z obowiązującymi przepisami oraz polityką prywatności Twojego sklepu.

Sekcja „Galeria” umożliwia prezentację zdjęć w estetycznej siatce, z możliwością ustawienia liczby elementów w jednym wierszu.

Po kliknięciu w wybraną grafikę użytkownik zobaczy popup z powiększonym zdjęciem w wyższej rozdzielczości oraz wygodnym paskiem miniatur u dołu, który pozwala szybko przechodzić między kolejnymi obrazami.

Galeria sprawdzi się np. do pokazania detali produktów, realizacji, lookbooka, backstage’u sesji zdjęciowej lub efektów przed i po. Dodatkowo możesz włączyć automatyczne przewijanie i przekształcić statyczną siatkę w slider, co nada sekcji bardziej dynamiczny charakter i ułatwi przeglądanie większej liczby zdjęć.

Jest to najbardziej elastyczny blok treściowy, który pozwala swobodnie budować strukturę strony z gotowych elementów, takich jak nagłówki, akapity, bloki tekstowe, lista punktowana czy cytat. Możesz dowolnie dodawać, usuwać i zmieniać kolejność poszczególnych komponentów, tworząc rozbudowane sekcje informacyjne, opisy ofert, regulaminy lub treści marketingowe.

To rozwiązanie sprawdzi się wszędzie tam, gdzie potrzebujesz większej kontroli nad układem tekstu niż w standardowych sekcjach. Dzięki możliwości łączenia różnych typów elementów w jednym bloku możesz stworzyć czytelną, logicznie uporządkowaną i estetyczną treść dopasowaną do charakteru strony.

Sekcja taumożliwia wstawienie pojedynczej grafiki w wybranym miejscu strony. Możesz dodać alternatywną wersję zdjęcia na urządzenia mobilne, uzupełnić tekst alternatywny (istotny dla SEO i dostępności) oraz zdecydować o włączeniu leniwego ładowania (lazy loading), co pozytywnie wpływa na wydajność strony.

Plugin pozwala osadzić na stronie własne lub dedykowane rozwiązanie oparte na kodzie HTML, CSS oraz JavaScript. To miejsce na niestandardowe funkcjonalności, takie jak dodatkowe informacje produktowe, odznaki zaufania, liczniki czy integracje z zewnętrznymi narzędziami. Więcej informacji o tworzeniu i wdrażaniu pluginów znajdziesz tutaj.

Poniżej znajduje się przykład wykorzystania pluginu do osadzenia banera na stronie produktu, którego celem jest prezentacja dodatkowych informacji oraz aktualnej dostępności produktu.

Sekcja HTML umożliwia wstawienie własnego kodu HTML wraz z osadzonymi stylami CSS, a w razie potrzeby także skryptami JavaScript. Daje to pełną swobodę w tworzeniu niestandardowych układów, banerów, bloków informacyjnych czy dodatkowych funkcjonalności, które wykraczają poza standardowe możliwości edytora.

Element ten pozwala w prosty sposób tworzyć i edytować treści za pomocą wbudowanego edytora tekstowego. Możesz formatować tekst, dodawać nagłówki, listy, linki, wyróżnienia czy obrazy, budując czytelny i atrakcyjny układ bez konieczności znajomości programowania. Świetnie nadaje się do tworzenia regulaminów lub podstron "O nas".

Element ten pozwala w prosty sposób tworzyć i edytować treści za pomocą wbudowanego edytora tekstowego. Możesz formatować tekst, dodawać nagłówki, listy, linki, wyróżnienia czy obrazy, budując czytelny i atrakcyjny układ bez konieczności znajomości programowania. Świetnie nadaje się do tworzenia regulaminów lub podstron "O nas".

Sekcja ta umożliwia dodanie materiału filmowego jako dynamicznego elementu strony, np. w formie głównego banera lub prezentacji produktu. Możesz ustawić obraz startowy, włączyć automatyczne odtwarzanie oraz zdecydować, czy wideo ma być wyświetlane na pełną szerokość strony.

Sekcja „Blog” służy do wyświetlania elementów powiązanych z artykułami blogowymi, takich jak ostatnie wpisy lub slider z wybranymi publikacjami, np. na stronie głównej. Nie jest to miejsce do tworzenia ani edycji samego bloga, lecz do osadzania jego fragmentów w wybranych częściach sklepu w celu promowania treści i zwiększania zaangażowania użytkowników.

Sekcja ta wyświetla na stronie automatycznie najnowsze artykuły z bloga w formie estetycznej listy lub siatki. Każdy wpis może zawierać zdjęcie wyróżniające, kategorię, tytuł, autora oraz datę publikacji, co pozwala w czytelny sposób promować aktualne treści.

W ustawieniach możesz dopasować układ sekcji, dodać nagłówek oraz przycisk kierujący do wszystkich artykułów. To rozwiązanie idealne do umieszczenia na stronie głównej, aby zwiększyć widoczność bloga i zachęcić użytkowników do dalszego eksplorowania treści.

Ta sekcja prezentuje wpisy w formie przewijanej karuzeli, dzięki czemu możesz wyeksponować większą liczbę publikacji w ograniczonej przestrzeni. Każdy element zawiera zdjęcie wyróżniające, kategorię, tytuł oraz informacje o autorze i dacie, a użytkownik może wygodnie przeglądać kolejne artykuły bez przeładowywania strony. To rozwiązanie sprawdzi się szczególnie na stronie głównej lub landing page, gdzie chcesz dynamicznie promować treści blogowe.