Wykaz zmian w szablonie Modern 2.0 Electro

Moduł „Ikonki social mediów”

Moduł służy do wyświetlania ikonek prowadzących do Twoich profili w mediach społecznościowych (np. Facebook, Instagram, YouTube, TikTok). Dzięki niemu w jednym miejscu zarządzasz wszystkimi odnośnikami do social mediów sklepu.

W ramach modułu możesz:

• Dodać dowolną liczbę ikonek – każda ikonka to osobny profil (np. osobno Facebook, osobno Instagram).
• Włączyć lub wyłączyć wybrane ikonki – bez kasowania ich konfiguracji.
• Ustawić adres URL – pełny link do profilu lub strony w social mediach.
• Wgrać własną grafikę ikonki – np. oficjalne logo danego serwisu.
• Ustawić maksymalną wielkość ikonek – dzięki temu wszystkie będą spójne wizualnie.
• Zdecydować, czy linki mają otwierać się w nowej karcie – wygodne i bezpieczne rozwiązanie dla użytkownika.

Dodatkowo każda ikonka może mieć własny opis wykorzystywany „w tle” (np. przy najechaniu myszką, czytnikach ekranu), co pomaga w dobrej prezentacji marki i lepszej dostępności strony.

Moduł „Menu główne” (megamenu)

Moduł rozbudowuje standardowe menu główne sklepu do formy tzw. megamenu – czyli rozwijanego, szerokiego panelu z dodatkowymi treściami: produktami, banerami, producentami oraz wyróżnionymi kategoriami.

Co daje ten moduł?

• Rozszerzone linki „Promocje” i „Nowości”
  Jeśli w menu masz link do strony promocji lub nowości, moduł może automatycznie zmienić je w rozbudowane pozycje z karuzelą produktów (sliderem).
  Dzięki temu klient od razu w menu widzi wybrane produkty promocyjne lub nowości – bez wchodzenia na dodatkową stronę.

• Sekcja „Producenci” w menu
  Moduł może dodać osobną pozycję „Producenci”, która po rozwinięciu pokazuje siatkę wszystkich producentów dostępnych w sklepie.
  To ułatwia klientom wyszukiwanie produktów po marce.

• Promocyjna zawartość w rozwijanych kategoriach
  Dla wybranych podkategorii możesz skonfigurować dodatkową przestrzeń promocyjną w rozwijanym megamenu:

  • wstawić konkretny produkt (lub dwa) jako wyróżnioną „kartę” produktu,
  • albo dodać baner graficzny z opcjonalnym tekstem i linkiem (np. do akcji promocyjnej lub specjalnej kategorii).
    Jeśli nie zdefiniujesz własnej konfiguracji, moduł może automatycznie podstawić produkty z danej kategorii, tak aby miejsce promocyjne nie było puste.

• Wizualne wyróżnianie kategorii w menu
  Dla wybranych kategorii możesz ustawić:

  • ikonę (z gotowej biblioteki lub własną grafikę),
  • kolor tekstu nazwy kategorii,
  • kolor tła pozycji w menu,
  • dodatkowe tagi/etykiety przy nazwie (np. „Nowość”, „Bestseller”, „-20%”).
    Pozwala to wyróżnić ważne działy, przyciągnąć uwagę do konkretnych kategorii i lepiej prowadzić klienta po ofercie.

Efekt końcowy to nowoczesne, przejrzyste megamenu, w którym menu główne staje się silnym narzędziem sprzedażowym i wizerunkowym – nie tylko listą linków.

Moduł „Ikonki w nagłówku”

Moduł pozwala dodać do nagłówka sklepu małe ikonki z krótkimi informacjami – np. „Darmowa dostawa od 199 zł”, numer telefonu, adres mailowy, godziny pracy, informację o zwrotach itp.
To miejsce na najważniejsze korzyści i dane kontaktowe, widoczne od razu po wejściu na stronę.

Co można tu ustawić?

• Do 10 ikonek informacyjnych
  Każdą ikonkę możesz:

  • włączyć/wyłączyć,
  • wyświetlić samą ikonę lub ikonę z tekstem pod spodem.

• Rodzaj ikonki
  Dla każdej pozycji wybierasz:

  • własną, wgraną grafikę (np. autorska ikonka),
  • albo ikonę z gotowej biblioteki (np. telefon, koszyk, ciężarówka, serce, itp.).

• Tekst przy ikonie
  Pod ikoną można dodać krótki tekst, np.:

  • „Darmowa dostawa od 199 zł”
  • „Infolinia: 123 456 789”
  • „30 dni na zwrot”

• Tekst jako link
  Tekst pod ikoną może być:

  • zwykłą informacją,
  • lub klikalnym linkiem:
    • do strony (URL – np. „Regulamin zwrotów”),
    • numeru telefonu (kliknięcie wybiera numer na telefonie),
    • adresu e-mail (otwiera program pocztowy).

• Ułożenie i zachowanie na mobile

  • Możesz wyrównać cały blok z ikonkami i tekstami do prawej krawędzi.
  • Na urządzeniach mobilnych można włączyć tryb pionowego „slidera” – wtedy komunikaty przewijają się jeden pod drugim, wyświetlając się po kolei, co daje atrakcyjny, dynamiczny efekt i oszczędza miejsce w nagłówku.

Moduł „Slider główny otwierający”

To duży, główny slider na górze strony – pierwsza rzecz, jaką widzi klient po wejściu do sklepu. Idealny do prezentacji głównych kampanii, promocji sezonowych, nowych kolekcji czy kluczowych kategorii.

Co możesz skonfigurować?

1. Slajdy (banery)

Każdy slajd może mieć:

• Duże tło graficzne – zdjęcie lub grafika (baner).
• Tytuł w pasku nawigacji poniżej slidera – krótka nazwa, która pomaga szybko przełączać się między slajdami.
• Nagłówek na slajdzie – duży, główny tekst (np. „Nowa kolekcja wiosna/lato”).
• Opis pod nagłówkiem – kilka zdań rozwinięcia, np. o promocji czy ofercie.
• Przyciski CTA (do 2–3 na slajd):
  • tekst przycisku (np. „Zobacz kolekcję”, „Kup teraz”),
  • link, na który prowadzi,
  • styl przycisku: pełny lub z obramowaniem.
• Ułożenie treści na banerze – możesz zdecydować, czy teksty i przyciski mają być po lewej, w środku czy po prawej stronie slajdu.
• Kolor tekstu i przycisków – dla każdego slajdu osobno możesz dobrać:
  • kolor tekstów (nagłówek + opis),
  • kolor tła przycisku i tekstu na przycisku,
  • kolory po najechaniu (hover) – dla lepszej czytelności.
• Cały slajd jako link (opcjonalnie) – możesz ustawić, by kliknięcie w dowolne miejsce slajdu przenosiło na wybraną stronę.

2. Zachowanie slidera

Możesz sterować tym, jak slider się zachowuje:

• Autoodtwarzanie (autoplay) – włącz/wyłącz automatyczne przewijanie slajdów.
• Czas wyświetlania slajdu – po ilu milisekundach ma przejść do kolejnego.
• Prędkość animacji – jak szybko mają się przewijać slajdy.
• Strzałki nawigacji – czy pokazywać lewą/prawą strzałkę.
• „Podgląd” sąsiednich slajdów – efekt lekkiego podglądu („peek”) lub pełna szerokość.
• Wysokość slidera – stała wysokość (px/% ekranu) lub automatyczna.

3. Pasek nawigacji pod sliderem

Pod głównym sliderem może pojawić się pasek z tytułami slajdów, który ułatwia orientację:

• Włączenie/wyłączenie paska – możesz korzystać z samego slidera lub slidera + paska tytułów.
• Ilość widocznych tytułów osobno dla:
  • desktopu,
  • tabletu,
  • telefonu.
• Strzałki przy pasku tytułów – pomagają przewijać listę tytułów.
• Centrowanie aktywnego tytułu – aktywny slajd może być automatycznie wyśrodkowany.
• Wygląd paska:
  • kolor tekstu tytułów (aktywnych i nieaktywnych),
  • tło paska,
  • kolor tła i ramki aktywnego tytułu,
  • przezroczystość tytułów nieaktywnych.

Dzięki temu modułowi zbudujesz mocny, wizualny „hero” na stronie głównej, który nie tylko dobrze wygląda, ale też realnie kieruje ruch do najważniejszych części sklepu.

Moduł „Odznaki zaufania”

Moduł pozwala w estetyczny sposób pokazać klientom, dlaczego mogą zaufać Twojemu sklepowi – np. informacje o bezpiecznych płatnościach, szybkiej dostawie, darmowych zwrotach czy pozytywnych opiniach.

Jak działa moduł?

• Możesz go włączyć/wyłączyć jednym przełącznikiem.
• Odznaki wyświetlane są w formie slidera (karuzeli), dopasowanej do różnych szerokości ekranu (desktop, tablet, telefon).

Każda odznaka może zawierać:

• Ikonę:
  • z gotowej biblioteki ikon,
  • lub własną, wgraną grafikę (rekomendowany rozmiar ok. 43×43 px).
• Tytuł – np. „Bezpieczne płatności”, „Szybka wysyłka”.
• Krótki opis – doprecyzowanie korzyści lub warunku (np. „Płatności szyfrowane SSL”, „Dostawa w 24h”).

Dwa tryby wyświetlania

1. Tryb klasyczny

   • Prosty, czytelny układ: ikona + tytuł + opis.
   • Idealny do spokojnych, minimalistycznych layoutów.

2. Tryb nowoczesny

   • Rozszerzona wersja: ikona + tytuł + opis + opcjonalny przycisk CTA.
   • Dla każdej odznaki możesz:
     • włączyć przycisk,
     • ustawić link (np. do regulaminu, strony „O nas”, podstrony z opiniami),
     • ustawić tekst przycisku (np. „Dowiedz się więcej”, „Zobacz certyfikat”),
     • zdecydować, czy CTA ma być widoczne cały czas, czy pojawiać się dopiero po najechaniu kursorem.

Dzięki temu modułowi w jednym, spójnym bloku pokażesz najważniejsze argumenty zwiększające zaufanie do sklepu, co może realnie przełożyć się na wyższą konwersję.

Moduł „Animowane karty informacyjne”

Moduł pozwala w atrakcyjny, „storytellingowy” sposób przedstawić proces, etapy lub korzyści – np. „Jak kupujesz w naszym sklepie krok po kroku”, „Dlaczego warto nas wybrać” itp.

Co można tu zrobić?

• Nagłówek sekcji

  • Możesz wyświetlić tytuł nad kartami (np. „Proces krok po kroku”).
  • Opcjonalnie dodać krótki opis pod nagłówkiem, wyjaśniający całą sekcję.

• Karty kroków / informacji
  Każda karta może mieć:

  • ikonę:
    • wgraną własną grafikę (np. autorska ikonka),
    • albo wybraną z bogatej listy gotowych ikon,
  • opis w formie tekstu / HTML – np. opis etapu, korzyści, funkcji.

• Numery kroków (opcjonalnie)
  Możesz włączyć numerowanie kart i wybrać styl:

  • numer jako osobna ikonka przy grafice,
  • numer jako duży element tła karty (bardziej designerski efekt).

• Animacje po najechaniu

  • Karty mogą mieć efekt animacji przy hoverze (domyślnie włączony), co dodaje sekcji nowoczesnego charakteru.
  • Pomiędzy kartami może pojawiać się animowany znak „+”, sugerujący ciągłość procesu (krok po kroku).

Moduł idealnie sprawdzi się do wizualnego pokazania: procesu zakupu, etapów realizacji zamówienia, sposobu działania usługi lub najważniejszych cech oferty – w formie czytelnych, animowanych bloków.

Moduł „Baner pionowy”

Moduł wyświetla wysoki, pionowy baner – najczęściej w bocznej kolumnie lub w sekcji obok innych treści. Idealny do wyróżnienia jednej ważnej akcji: promocji, kolekcji, zapisu do newslettera itp.

Co możesz ustawić?

• Tło banera – 3 tryby:

  • Obraz (banner) – wgrywasz grafikę, która staje się tłem (np. zdjęcie produktu lub kampanii).
  • Jednolity kolor – prosty, czytelny blok w jednym kolorze.
  • Zaawansowane tło (CSS) – możesz wkleić własny kod background, np. gradienty (linear, radial itd.), dla bardziej efektownego wyglądu.

• Tekst na banerze (opcjonalnie)

  • Dowolna treść w edytorze (WYSIWYG): nagłówek, krótkie hasło, opis.
  • Kolor tekstu ustawiasz globalnie (np. biały na ciemnym tle).

• Przycisk CTA (opcjonalnie)
  Jeśli włączysz przycisk:

  • ustawiasz tekst przycisku (np. „Zobacz więcej”, „Sprawdź ofertę”),
  • podajesz pełny link (np. do kategorii lub landing page’a),
  • osobno konfigurujesz jego wygląd:
    • kolor tła i obramowania,
    • kolor tekstu,
    • osobne kolory na hover (po najechaniu).

• Efekt 3D (cień)

  • Jednym przełącznikiem możesz dodać cień za banerem, co daje wrażenie lekkiego uniesienia nad tłem strony.

Moduł pozwala szybko stworzyć przyciągający wzrok, spójny z identyfikacją wizualną sklepowy „plakat” boczny, który kieruje uwagę klienta dokładnie tam, gdzie tego potrzebujesz.

Moduł „Kategorie obrazkowe”

Moduł wyświetla wybrane kategorie (lub dowolne linki) w formie kafelków z obrazkiem – jako siatkę lub slider. Idealny do sekcji typu „Odkryj kategorie” lub „Popularne działy”.

Co możesz ustawić?

1. Nagłówek i opis sekcji (opcjonalnie)

• Główny nagłówek modułu – np. „Kategorie”.
• Opis pod nagłówkiem w edytorze WYSIWYG – np. krótka zachęta lub wyjaśnienie, co tu znajdzie użytkownik.

2. Styl prezentacji kafelków – 2 tryby

• Styl „Klasyczny”:

  • prosty kafelek: obrazek + (opcjonalnie) nazwa kategorii,
  • nazwa może być linkiem,
  • bez dodatkowych przycisków – przejście następuje po kliknięciu w obrazek/tytuł.

• Styl „Nowoczesny”:

  • kafelek z bardziej rozbudowaną częścią tekstową,
  • opcjonalny przycisk CTA w każdym bloku (np. „Sprawdź”, „Zobacz więcej”),
  • możliwość włączenia dekoracyjnego „wyciętego” tła dla całej sekcji,
  • opcjonalnie cały kafelek może być klikalny (kliknięcie w dowolne miejsce = przejście do kategorii/URL).

3. Układ: siatka lub slider

• Siatka (grid):
  • ustawiasz liczbę kafelków w rzędzie osobno dla wersji desktop i mobile.
• Slider:
  • kafelki przewijane w karuzeli (autoplay, paginacja),
  • konfiguracja dopasowana automatycznie do wybranego stylu (klasyczny / nowoczesny).

4. Konfiguracja pojedynczego kafelka

Dla każdego bloku możesz ustawić:

• Obrazek kategorii (JPG, PNG, WebP, SVG itd.).
• Nazwę kategorii (opcjonalnie) – wyświetlana tylko, jeśli ją włączysz.
• Rodzaj linku:
  • link bezpośrednio do kategorii sklepu (wybierasz z listy),
  • albo własny URL (np. kolekcja sezonowa, landing page, wpis blogowy).
• Tekst przycisku (np. „Sprawdź”, „Zobacz więcej”) – używany na froncie tylko w stylu „Nowoczesny”.

5. Kolorystyka (opcjonalne własne kolory)

Po włączeniu własnej kolorystyki możesz:

• ustawić kolor nazwy kategorii na kafelku,
• w stylu „Nowoczesny” dodatkowo:
  • kolor tła przycisku,
  • kolor tekstu na przycisku,
  • osobne kolory przycisku i tekstu po najechaniu (hover).

Moduł pozwala zbudować elastyczną sekcję z kafelkami kategorii – jako statyczną siatkę lub slider – z pełną kontrolą nad obrazkami, linkami i wyglądem przycisków.

Moduł „Potrzebujesz pomocy? / Centrum Pomocy (FAQ)”

Moduł wyświetla rozbudowany blok informacyjny z tekstem, ilustracją oraz sekcją FAQ. Idealny jako „Centrum pomocy”, „Masz pytania?” albo blok wsparcia klienta na stronie głównej lub w strefie klienta.

Co możesz ustawić?

1. Nagłówek i opis modułu (góra sekcji)

• Główny tytuł modułu – np. „Centrum Pomocy”.
• Tekst opisu pod tytułem – w edytorze WYSIWYG (możesz używać pogrubień, list, linków).
• Oba pola możesz tłumaczyć na różne języki.

2. Główna treść informacyjna

• Główny blok tekstu – w edytorze WYSIWYG:
  • jeden lub kilka akapitów,
  • listy punktowane,
  • linki (np. do regulaminu, polityki zwrotów, bazy wiedzy).
• To miejsce na najważniejsze informacje, które chcesz przekazać użytkownikowi przed kontaktem z obsługą.

3. Obrazek obok treści (opcjonalnie)

Jeśli włączysz obrazek:

• Wgrywasz ilustrację (np. grafika produktu, konsultanta, mockup strony).
• Możesz wybrać układ:
  • obrazek po lewej, tekst po prawej,
  • lub obrazek po prawej, tekst po lewej (przełącznik „Odwróć układ”).
• Opcjonalnie możesz dodać tekst na obrazie (overlay):
  • treść w edytorze WYSIWYG,
  • np. krótkie hasło, wezwanie do działania, link do bazy wiedzy.

4. Blok FAQ (najczęściej zadawane pytania – opcjonalnie)

Po włączeniu sekcji FAQ możesz:

• Ustawić tytuł bloku FAQ – np. „Najczęściej zadawane pytania”.
• Dodać listę pytań i odpowiedzi (repeater):
  • pytanie – zwykły tekst,
  • odpowiedź – w edytorze WYSIWYG (możesz formatować, dodawać linki, listy).
• Na stronie FAQ wyświetla się jako rozwijane pytania (akordeon):
  • kliknięcie w pytanie rozwija odpowiedź,
  • całość jest oznaczona schematem FAQPage / Question / Answer, co jest korzystne dla SEO (szansa na rich snippets w Google).

Moduł pozwala zbudować jedno, spójne miejsce z pomocą dla klienta – z wprowadzeniem, ilustracją i najczęściej zadawanymi pytaniami – które zmniejsza liczbę zapytań do supportu i podnosi komfort korzystania ze sklepu.

Moduł „Opinie o sklepie”

Moduł wyświetla opinie o Twoim sklepie w formie slidera z kartami – idealny do sekcji typu „Co mówią o nas klienci” albo „Polecają nas”. Może korzystać z prawdziwych opinii produktów lub z ręcznie dodanych cytatów (np. z mediów, partnerów).

Co możesz ustawić?

1. Nagłówek i opis sekcji (góra modułu)

• Główny nagłówek sekcji – np. „Co mówią o nas klienci”, „Pisali o nas”.
• Krótki opis pod nagłówkiem – np. wyjaśnienie, skąd pochodzą opinie.
• Oba pola można tłumaczyć na różne języki.

2. Sposób pozyskiwania opinii – 2 tryby

1. Tryb automatyczny (Automatic Mode)
   Po włączeniu moduł ignoruje ręcznie dodane opinie i sam zbiera realne recenzje produktów ze sklepu:

   • wybierasz źródła produktów, z których mają być pobierane opinie:
     • kolekcje systemowe: Bestsellery, Nowości,
     • opcjonalnie jedna wybrana kategoria,
   • moduł:
     • przeszukuje produkty z tych źródeł,
     • zbiera wszystkie ich opinie,
     • wyświetla najnowsze recenzje w sliderze,
   • określasz maksymalną liczbę opinii do pokazania (np. 8, maks. 40).

   Przy każdej opinii automatycznej może być pokazany link „o produkcie: [nazwa]”.

2. Tryb ręczny (Manual Mode)
   Używany, gdy tryb automatyczny jest wyłączony. Sam dodajesz treści, np. cytaty z mediów, partnerów czy klientów:

   Dla każdej opinii możesz ustawić:

   • tekst opinii (dłuższy opis, który zostanie wizualnie skrócony do określonej liczby linii),
   • formę podpisu:
     • podpis tekstowy (np. „Jan K., właściciel firmy X”, „Zadowolony klient”),
     • albo logo (grafika partnera / medium zamiast tekstu),
   • opcjonalny przycisk CTA:
     • tekst przycisku (np. „Przeczytaj artykuł”, „Zobacz produkt”),
     • link docelowy (np. wpis na blogu, case study, konkretna oferta).

3. Wygląd i zachowanie kart opinii

• Ustawiasz limit linii tekstu opinii – po jego przekroczeniu treść jest ucinana, aby wszystkie karty były równe i czytelne.
• Konfigurujesz, ile kart ma być widocznych jednocześnie:
  • osobno dla desktopu (np. 3 karty),
  • osobno dla mobile (np. 1 karta).
• Opinie wyświetlane są w responsywnym sliderze:
  • automatyczne przewijanie,
  • strzałki i paginacja,
  • dopasowanie liczby widocznych kart do szerokości ekranu.

Moduł pozwala w prosty sposób zbudować sekcję „social proof” – pokazując prawdziwe recenzje z produktów lub starannie wybrane cytaty – co wzmacnia zaufanie i może realnie podnieść konwersję.

Moduł „Nawigator po stronie”

Moduł wyświetla spis treści dla bieżącej podstrony – listę najważniejszych sekcji, po kliknięciu przewijając widok do wybranego miejsca. Idealny przy dłuższych landing page’ach, stronach informacyjnych czy FAQ.

Co możesz ustawić?

1. Tytuł modułu (nagłówek nad nawigacją)

• Możesz włączyć/wyłączyć wyświetlanie tytułu nad listą linków.
• Ustawiasz własny tekst nagłówka, np.:
  • „Na tej stronie”,
  • „Spis treści”,
  • „Szybka nawigacja”.
• Tytuł obsługuje tłumaczenia na różne języki.

2. Jak działa nawigator (automatycznie, bez dodatkowej konfiguracji)

• Skrypt automatycznie skanuje stronę i wyszukuje ważne nagłówki sekcji:
  • elementy z klasami .header_underline, .module__header_highlight, .gc__global__header,
  • pomija stopkę i rozszerzenia w stopce.
• Dla znalezionych nagłówków tworzy maksymalnie do 10 linków:
  • tekst linku = tekst nagłówka sekcji,
  • kliknięcie w link płynnie przewija stronę do odpowiedniego modułu.
• Jeżeli na stronie nie ma odpowiednich nagłówków, cały moduł nawigacji jest automatycznie ukrywany, aby nie zostawiać pustego bloku.

Moduł pozwala użytkownikom szybko przeskakiwać między kluczowymi sekcjami strony, poprawiając wygodę korzystania z długich treści i zwiększając szansę, że odwiedzający zobaczy wszystkie ważne fragmenty.

Moduł „Kategorie w stylu bento grid”

Moduł wyświetla kategorie / kolekcje / produkty w formie nowoczesnej, „pociętej” siatki bento – z kafelkami o różnych proporcjach. Idealny do sekcji typu „Polecane kategorie”, „Kolekcje sezonowe” czy wyróżnienia kilku ważnych obszarów oferty.

Co możesz ustawić?

1. Nagłówek i opis sekcji (opcjonalnie)

• Główny tytuł nad całą siatką, np. „Polecane kategorie”.
• Opis pod nagłówkiem (WYSIWYG), np. krótka zachęta lub wprowadzenie.
• Oba pola możesz tłumaczyć na różne języki.

2. Zawartość kafelków – 3 typy contentu

Każdy kafelek (tile) konfigurujesz osobno. Dla każdego wybierasz typ zawartości:

1. Obraz własny (Custom Image)

   • Wgrywasz dowolną grafikę (JPG, PNG, WebP, SVG itd.).
   • Idealne do kafelków typowo „kategorii obrazkowych” lub kampanii.

2. Produkt ze sklepu (Product)

   • Wybierasz konkretny produkt z listy.
   • W kafelku pojawia się pełny kafel produktowy (zgodny z motywem: zdjęcie, cena, przycisk „do koszyka” itp.).
   • Dodatkowo możesz włączyć specjalny „okrągły” badge z obracającym się tekstem („Featured product” itp.) – wyróżnienie produktu:
     • ustawiasz treść napisu,
     • ustawiasz promień (rozmiar okręgu z liter).

3. Favicon sklepu (Branding)

   • Kafelek z logo / faviconą sklepu – idealny jako element wizerunkowy w kompozycji bento.

3. Tekst na kafelku (overlay – opcjonalnie)

Niezależnie od typu zawartości możesz:

• włączyć tekst na kafelku (overlay),
• wprowadzić go w edytorze WYSIWYG (np. nagłówek + krótki opis),
• wykorzystać jako hasło kolekcji, claim wizerunkowy lub krótki opis kategorii.

4. Przycisk CTA na kafelku (opcjonalnie)

Dla kafelków typu obraz lub favicon możesz:

• włączyć przycisk CTA (Call To Action), np.:
  • „Zobacz więcej”,
  • „Kup teraz”,
  • „Odkryj kolekcję”.
• Ustawić:
  • tekst przycisku,
  • link docelowy (pełny URL, np. kategoria, landing page, akcja specjalna).
• Dodatkowo dla każdego kafelka osobno możesz zdefiniować:
  • własne kolory przycisku:
    • kolor tła,
    • kolor tekstu,
    • kolor obramowania,
  • oraz osobne kolory na hover:
    • tło po najechaniu,
    • kolor tekstu po najechaniu,
    • kolor obramowania po najechaniu.

5. Badges na kafelku (etykiety, np. „Nowość”, „Bestseller”)

Dla każdego kafelka możesz:

• wpisać listę etykiet oddzielonych przecinkami, np.:
  Nowość, Bestseller, -20%
• każda etykieta pojawi się jako osobny badge na kafelku.
• Opcjonalnie możesz włączyć własne kolory badge’y:
  • kolor tła,
  • kolor tekstu,
  • kolor obramowania.

6. Układ bento i zalecane wymiary obrazów

• Moduł automatycznie dopasowuje układ siatki do liczby aktywnych kafelków (różne predefiniowane layouty dla 1, 2, 3, 4, 5, 6, 7, 8 oraz 9+ kafelków).
• Dla pierwszych sześciu kafelków są zasugerowane konkretne wymiary grafik, aby kompozycja bento wyglądała jak najlepiej (np. wyższe zdjęcie w pionowym kafelku, szersze w poziomym).

Moduł pozwala stworzyć bardzo efektowną, „magazynową” sekcję z wyróżnionymi kategoriami lub produktami – z indywidualnym tekstem, przyciskami i etykietami, zachowując przy tym pełną kontrolę nad wyglądem każdego kafelka.

Moduł „Sticky Menu na komputerze”

Moduł dodaje na komputerach przyklejone (sticky) menu nagłówka, które pozostaje widoczne podczas przewijania strony. Dzięki temu kluczowe elementy jak logo, nawigacja oraz ikony koszyka, wyszukiwarki i konta są cały czas pod ręką użytkownika.

Moduł działa tylko na urządzeniach desktopowych – widok mobilny pozostaje bez zmian. Funkcje są obecnie w wersji beta (część zachowań przy scrollowaniu może być jeszcze rozwijana).

Co możesz ustawić?

1. Główne włączenie modułu

• Przełącznik „Włącz przyklejone menu” decyduje, czy sticky menu jest aktywne na komputerach.
• Po wyłączeniu nagłówek działa jak standardowy – bez efektu przyklejania.

2. Elementy widoczne w sticky menu

• „Pokaż logo w przyklejonym menu” – umożliwia wyświetlanie logotypu w wersji sticky.
• „Pokaż ikony akcji (koszyk, szukaj, konto)” – pozwala zdecydować, czy w przyklejonym nagłówku mają być widoczne również ikony funkcji sklepu.

3. Układ nagłówka (layout)

Możesz wybrać, jak ułożone będą elementy w przyklejonym nagłówku:

• „Układ jednoliniowy” – logo, menu i ikony mieszczą się w jednej linii.
• „Układ dwuliniowy” – elementy mogą się rozdzielić na dwie linie, co daje więcej miejsca (np. dla dłuższego menu).

4. Zachowanie przy scrollowaniu

Sterujesz tym, kiedy sticky menu ma być widoczne po przewinięciu:

• „Zawsze widoczne”
  – po zjechaniu w dół o określony próg (ok. 150 px) nagłówek „przykleja się” do górnej krawędzi i pozostaje widoczny.
• „Pokaż przy przewijaniu w górę”
  – po minięciu progu nagłówek:
  • chowa się, gdy użytkownik przewija w dół,
  • pojawia się z powrotem, gdy przewija w górę (co poprawia widoczność treści, a jednocześnie daje szybki dostęp do menu przy „cofaniu” scrolla).

5. Kolor tła nagłówka

• Pole „Header background color” zmienia kolor tła całego nagłówka (zarówno w wersji normalnej, jak i sticky).
• Możesz użyć konkretnego koloru (np. białe tło) lub zmiennej z motywu, jeśli jest obsługiwana.

6. Efekt cienia pod sticky menu (opcjonalnie)

• Przełącznik „Add shadow effect” dodaje delikatny cień pod przyklejonym nagłówkiem.
• Pomaga wizualnie oddzielić nagłówek od treści strony i podkreśla jego „przyklejenie”.

Moduł automatycznie integruje się z istniejącym nagłówkiem (#main-header), nie zmieniając jego struktury w panelu. Dzięki temu możesz w prosty sposób poprawić nawigację i dostęp do kluczowych akcji na desktopie, zachowując spójny wygląd motywu.

Moduł „Menu kategorii”

Rozbudowane, wielopoziomowe menu porządkuje szeroki asortyment i skraca drogę od działu głównego do konkretnej kategorii.

Najważniejsze możliwości

• Własne ikony kategorii oraz dodatkowych linków, takich jak Promocje, Blog lub strona informacyjna.
• Dwa banery globalne widoczne w każdym panelu oraz opcjonalne zastąpienie ich banerami przypisanymi do konkretnej kategorii.
• Popularne marki przypisywane osobno do wybranych kategorii głównych.
• Osobne zachowanie na telefonie i tablecie, czytelne poziomy menu oraz obsługa klawiatury.

Moduł „Produkt dnia”

Moduł wyróżnia jedną lub kilka ofert dnia w mocnej, sprzedażowej formie z ceną, produktem i jednoznacznym wezwaniem do działania.

Najważniejsze możliwości

• Własny tekst etykiety i przycisku oraz możliwość wskazania konkretnego produktu.
• Od jednej do ośmiu ofert, opcjonalna karuzela i odliczanie czasu.
• Widoczny procent rabatu, rozmiar grafiki produktu i własny kolor ceny promocyjnej.
• Opcjonalna animowana ramka z regulowanym kolorem i częstotliwością.

Moduł „Darmowa dostawa”

Moduł pokazuje przy koszyku atrakcyjny pasek z informacją, ile brakuje do darmowej dostawy – albo że klient już ją otrzymał. Motywuje to do dodania jeszcze jednego produktu i podnosi średnią wartość zamówienia.

Co możesz ustawić?

1. Włączenie modułu

• Główny przełącznik, który włącza lub wyłącza cały moduł darmowej dostawy.
• Gdy moduł jest wyłączony, pasek z informacją o darmowej dostawie nie pojawia się przy koszyku.

2. Sposób liczenia progu darmowej dostawy

Masz do wyboru dwa tryby:

• Tryb automatyczny – próg darmowej dostawy pobierany jest z ustawień koszyka/dostaw w sklepie.
• Tryb ręczny – samodzielnie wpisujesz kwotę zamówienia, od której zaczyna się darmowa dostawa (np. 300 zł).

3. Ręcznie ustawiony próg (w trybie ręcznym)

• Wpisujesz konkretną kwotę, od której klient powinien otrzymać darmową dostawę.
• Na podstawie tej wartości moduł oblicza, ile jeszcze brakuje do darmowej dostawy.

4. Wykluczenie wybranych produktów (w trybie ręcznym)

• Możesz włączyć opcję, która pozwala wskazać produkty nieobjęte darmową dostawą.
• Wpisujesz numery (ID) takich produktów – ich wartość nie będzie doliczana do progu darmowej dostawy.
  Przydaje się to np. dla bardzo ciężkich lub specjalnych towarów.

5. Treści komunikatów dla klienta

Możesz edytować wszystkie teksty pokazywane przy pasku postępu, m.in.:

• komunikat, gdy koszyk jest pusty (np. „Twój koszyk jest pusty.”),
• komunikat, gdy jeszcze brakuje do darmowej dostawy, np.:
  „Brakuje Ci [kwota] zł do darmowej dostawy.”
• komunikat, gdy próg został przekroczony, np.:
  „Twój koszyk przekroczył wartość [kwota] zł, możesz wybrać dostawę na nasz koszt!”.

Moduł automatycznie przelicza wartość koszyka i pokazuje odpowiedni komunikat oraz pasek postępu, dzięki czemu klient dokładnie

Moduł „SIEMA – nowoczesny silnik slidera”

Moduł dodaje do sklepu nowoczesny, uniwersalny silnik slidera (karuzeli), z którego możesz korzystać w różnych miejscach szablonu: przy dużych banerach na stronie głównej, w sekcjach z produktami, przy opiniach klientów czy grafikach informacyjnych.

Co daje w sklepie?

• Możliwość tworzenia płynnie przewijanych sliderów w wielu miejscach strony (banery, kolekcje, rekomendacje, treści informacyjne).
• Automatyczne przewijanie slajdów z możliwością zatrzymania (np. gdy użytkownik zacznie ręcznie klikać lub przesuwać).
• Ręczna nawigacja po slajdach:
  • strzałkami „dalej / wstecz”,
  • klikanymi znacznikami / kropkami pod sliderem.
• Obsługę wielu sliderów jednocześnie – każdy działa niezależnie (np. osobny slider hero, osobny z opiniami).
• Pełną responsywność:
  • slider dopasowuje się do szerokości ekranu,
  • działa wygodnie zarówno na komputerach, jak i na telefonach.
• Przyjazną obsługę dotykową – na urządzeniach mobilnych slajdy można przewijać ruchem palca.
• Dobre wrażenia użytkownika – płynne animacje, wyraźne oznaczenie aktualnego slajdu, intuicyjna obsługa.

Dzięki modułowi „SIEMA” możesz budować nowoczesne, atrakcyjne wizualnie sekcje ze slajdami w całym sklepie, poprawiając prezentację treści i produktów bez utrudniania obsługi klientom.

Moduł „Wygląd kafelka produktu na liście produktów”

Moduł pozwala dopracować wygląd kafelka produktu na listach (kategorie, wyszukiwarka, moduły produktowe) – szczególnie przyciski i efekt „reakcji” na najechanie myszką. Dzięki temu kafelki wyglądają nowocześnie i spójnie z Twoją marką.

Na co warto zwrócić uwagę?

• Zmiany dotyczą istniejących kafelków szablonu.
  W podglądzie w edytorze mogą nie być od razu widoczne – najlepiej zapisać ustawienia i podejrzeć sklep w normalnym podglądzie (ikona lupy przy szablonie).

Co możesz ustawić?

1. Animowana ramka kafelka

• „Enable border animation on hover?” – włącza efekt delikatnej, animowanej ramki wokół kafelka po najechaniu myszką.
• „Animated Border Color” – wybierasz kolor tej ramki.
  Dzięki temu produkty reagują „żywo” na ruch kursora i mocniej przyciągają uwagę.

2. Wygląd przycisków: „Kup teraz”, „Powiadom mnie”, „Zobacz produkt”

Dla głównych przycisków w kafelku możesz osobno ustawić:

• stan podstawowy:
  • kolor obramowania,
  • kolor tła,
  • kolor tekstu;
• stan po najechaniu (hover):
  • kolor obramowania,
  • kolor tła,
  • kolor tekstu.

Dotyczy to:

• przycisku „Dodaj do koszyka / Kup teraz”,
• przycisku „Zobacz produkt” (np. przy produktach z wariantami),
• przycisku „Powiadom o dostępności” przy produktach niedostępnych.

Dzięki temu przyciski na kafelkach mogą idealnie pasować do kolorystyki Twojego sklepu (np. główny kolor marki jako tło i biały tekst).

3. Zamiana tekstu przycisków na ikony

Możesz uprościć wygląd kafelków, zamieniając tekst na czytelne ikony w formie okrągłych przycisków.

Dla każdego przycisku osobno ustawiasz, czy zmiana ma dotyczyć:

• widoku mobilnego (telefony),
• widoku desktop / tablet.

Dostępne opcje:

• „Add to Cart”:
  • zamiana napisu na plus w kółku (symbol dodania do koszyka).
• „Notify Me” (przy produktach niedostępnych):
  • zamiana napisu na dzwoneczek (powiadomienie).
• „View Product” (przy produktach z wariantami):
  • zamiana napisu na strzałkę (przejście do szczegółów).

Dzięki temu:

• na mobile przyciski stają się kompaktowe, okrągłe ikony obok kafelka – oszczędzają miejsce, a nadal są czytelne,
• na desktopie możesz zdecydować, czy wolisz klasyczne przyciski z tekstem, czy nowocześniejszą formę opartą na ikonach.

Moduł skupia się wyłącznie na wyglądzie kafelka produktu – nie zmienia jego funkcji ani logiki działania. Wszystko po to, by listy produktów wyglądały bardziej elegancko i „dopieszczone” pod Twoją markę.

Moduł „Produkty komplementarne”

Moduł pomaga sprzedawać dodatki i akcesoria „przy okazji” – dokładnie w momencie, gdy klient ogląda główny produkt. Ułatwia domykanie całych zestawów (np. laptop + torba + myszka, krem + serum + tonik) i podnosi wartość koszyka.

Co widzi klient na karcie produktu

• sekcję z propozycjami pasujących produktów pod opisem głównego produktu,
• wyraźny tytuł, np. „Pasujące produkty” lub „Uzupełnij swój zestaw”,
• listę produktów z miniaturką, nazwą i ceną,
• przy każdym produkcie prosty przełącznik „zaznacz / odznacz”,
• podsumowanie z łączną kwotą zaznaczonych dodatków,
• opcjonalny link „Jak to działa?” z krótkim wyjaśnieniem dla klienta.

Gdy klient dodaje do koszyka produkt główny, wszystkie zaznaczone dodatki mogą automatycznie trafić do tego samego koszyka. Nie musi ich szukać po kategoriach – ma wszystko pod ręką.

Jak dobierane są propozycje

• możesz przygotować własne, przemyślane zestawy dodatków dla wybranych produktów,
• możesz powiązać całe kategorie, np.:
  • do aparatów → obiektywy i karty pamięci,
  • do drukarek → tusze i papier,
• dla pozostałych produktów może działać „sprytny asystent”, który podpowiada dodatki na podstawie bestsellerów, nowości i wybranych kategorii.

Efekt dla sklepu

• klient dostaje gotowe sugestie „co warto dobrać”,
• kompletowanie zestawu zajmuje mu dosłownie kilka kliknięć,
• rośnie średnia wartość zamówienia i sprzedaż akcesoriów bez dodatkowej pracy po Twojej stronie.

Moduł „Paczka u Ciebie w ciągu X”

Moduł pokazuje przy produkcie jasną, „ludzką” informację, kiedy realnie można spodziewać się paczki. Dzięki temu klient mniej się waha, częściej finalizuje zamówienie i rzadziej dopytuje o termin dostawy.

Co widzi klient przy produkcie

• krótką informację, w stylu:
  „Najwcześniej u Ciebie: jutro / w środę, 15.05”
• dodatkową linijkę z informacją o wysyłce, np.:
  „Zamów w ciągu 2 h 15 min” albo „Wysyłka: w piątek”
• prostą ikonę zegara, która wizualnie podkreśla komunikat.

Całość jest zwięzła, dobrze widoczna i zrozumiała „na pierwszy rzut oka”.

Jak działa z perspektywy sklepu

• Ustalasz standardowy czas dostawy w dniach roboczych (np. 1–2 dni).
• Możesz dodać dodatkowe dni na przygotowanie zamówienia, np. przy produktach robionych na zamówienie.
• Wpisujesz godzinę graniczną wysyłki (cut-off), np. 14:00 – zamówienia po tej godzinie liczą się jak złożone następnego dnia roboczego.
• Moduł sam omija weekendy i dni wolne, które mu wskażesz (np. święta państwowe), dzięki czemu pokazana data jest bliższa rzeczywistości.

Gdzie ma się wyświetlać informacja

• Możesz włączyć moduł:
  • dla wszystkich produktów, albo
  • tylko dla wybranych kategorii (np. tam, gdzie korzystasz z szybkich przewoźników).
• Dodatkowo da się:
  • wykluczyć konkretne produkty,
  • albo całe kategorie, jeśli dla nich nie chcesz podawać konkretnej daty dostawy.

Personalizacja tekstu i języka

• Zmieniasz samodzielnie treści typu:
  • „Najwcześniej u Ciebie:”
  • „Zamów w ciągu”
  • „Wysyłka:”
  • nazwy dni tygodnia,
  • skróty przy liczniku (np. „h”, „min”, „s”).
• Możesz dodać własny, krótki tekst wyjaśniający (podpowiedź po najechaniu), np. że jest to czas orientacyjny i może się zmienić przy opóźnieniu płatności.

Dzięki temu modułowi klient jasno widzi, kiedy realnie dostanie paczkę, a Ty możesz dopasować komunikat do stylu i języka swojej marki.

Moduł „Odznaki na galerii karty produktu”

Moduł dodaje na zdjęciach produktu czytelne odznaki (np. „Promocja”, „Bestseller”, „Nowość”, „Wysyłka 24h”). Dzięki nim klient od razu widzi, które produkty są najbardziej atrakcyjne lub wyróżnione.

Jakie odznaki możesz włączyć

• Promocja
  Pojawia się na produktach przecenionych.
  Możesz zdecydować:

  • czy odznaka ma pokazywać konkretny procent rabatu (np. -25%),
  • czy odznaka ma się wyświetlać dopiero od minimalnego progu rabatu (np. min. 5%), a drobne zniżki pozostają bez oznaczenia.

• Bestseller
  Oznaczenie produktów, które najlepiej się sprzedają. Pomaga zwrócić uwagę na sprawdzone, popularne propozycje.

• Nowość
  Odznaka dla produktów oznaczonych jako nowe – idealna, by podbić zainteresowanie świeżymi kolekcjami i premierami.

• Wysyłka 24h
  Informacja przy produktach, które możesz wysłać bardzo szybko (np. w 24 godziny). Ułatwia klientom wybór, gdy liczy się czas dostawy.

Wygląd i kolory odznak

Jeśli chcesz, możesz zostawić domyślny styl szablonu.
Możesz też włączyć własne style graficzne i wtedy:

• osobno dobrać kolory tła, tekstu i obramowania dla:
  • odznaki „Promocja”,
  • odznaki „Bestseller”,
  • odznaki „Nowość”,
  • odznaki „Wysyłka 24h”,
• dopasować je do kolorów Twojej marki lub wyróżnić najmocniejsze komunikaty (np. promocje w intensywnym kolorze, nowości w kolorze akcentowym).

Moduł „Produkty powiązane”

Moduł porządkuje sekcję „Produkty powiązane” na karcie produktu, tak aby była czytelna, estetyczna i naprawdę pomocna dla klienta.

Co widzi klient

• nagłówek nad sekcją (np. „Sprawdź także:”),
• rząd kafelków z produktami powiązanymi,
• jeśli produktów jest dużo – po kilku pierwszych kafelkach pojawia się przycisk:
  „Pokaż więcej” / „Pokaż mniej”, który rozwija lub zwija resztę listy,
• specjalne oznaczenia:
  • informacja, który kafelek jest obecnie oglądanym produktem (np. delikatne kółko z „ptaszkiem”),
  • małe kółko „%” na produktach w promocji w tej sekcji.

Najważniejsze możliwości ustawień

• Możesz włączyć mechanizm ukrywania nadmiarowych kafelków:
  • ustawiasz próg (np. 3),
  • klient od razu widzi tylko pierwsze produkty,
  • resztę rozwija jednym kliknięciem „Pokaż więcej”.
• Ustalasz, czy wśród produktów powiązanych ma się pokazywać również kafelek aktualnie oglądanego produktu (oznaczony dyskretnym markerem).
• Możesz zdecydować, czy w ogóle pokazywać nagłówek nad sekcją i jaki ma mieć tekst.

Kolory i wygląd znaczników

W osobnych ustawieniach wybierasz:

• kolor tła oraz ikony dla markera „obecny produkt” (małe kółko z „checkiem”),
• kolor tła i kolor symbolu % dla etykiety promocji przy produktach powiązanych.

Dzięki temu sekcja produktów powiązanych:

• nie przytłacza długą listą pozycji,
• jest estetyczna i spójna z identyfikacją wizualną sklepu,
• subtelnie wyróżnia aktualnie oglądany produkt oraz promocyjne oferty.

Moduł „Produkty w oknie potwierdzenia dodania do koszyka”

Moduł rozbudowuje standardowe okno Shoper z potwierdzeniem dodania produktu do koszyka o dodatkową sekcję z produktami (w formie slidera). Idealny do prezentowania cross‑sell / up‑sell dokładnie w momencie, gdy klient jest w trybie zakupowym.

Co możesz ustawić?

1. Instrukcja i wymagania wstępne

• W konfiguracji modułu znajduje się infobox z linkiem do dokumentacji Shoper.
• Aby moduł działał poprawnie, w ustawieniach sklepu musi być włączone okno pop‑up potwierdzenia dodania produktu do koszyka.

2. Główny włącznik modułu

• Przełącznik „Czy włączyć moduł okienka potwierdzenia”:
  • włącza lub wyłącza cały mechanizm dokładania produktów do pop‑upa,
  • po wyłączeniu okno koszyka działa jak standardowe (bez dodatkowych propozycji).

3. Jaką treść pokazać w okienku

W sekcji „Jaka treść wyświetlić w okienku” decydujesz, co moduł ma dodać poniżej komunikatu o dodaniu produktu do koszyka:

• „Nic nie dodawaj”
  – okno pozostaje bez dodatkowej sekcji produktowej.
• „Powiązane produkty”
  – wyświetlane są produkty powiązane z właśnie dodanym towarem (np. akcesoria, produkty komplementarne).
• „Inne produkty z tej kategorii”
  – klient zobaczy inne produkty z tej samej kategorii (np. podobne modele, alternatywne warianty).

Produkty prezentowane są w responsywnym sliderze, korzystającym z istniejącego wyglądu kafelków produktowych w sklepie.

4. Nagłówek nad sekcją z produktami (opcjonalnie)

• Możesz włączyć główny nagłówek nad sliderem:
  • włącznik „Czy wyświetlać główny nagłówek modułu”,
  • tekst nagłówka, np. „Inni kupili także:”, „Polecane do tego produktu”.
• Jeśli nagłówek jest wyłączony, sekcja z produktami pojawi się bez tytułu.

5. Opis pod nagłówkiem (opcjonalnie)

• Dodatkowy, krótki opis pod nagłówkiem:
  • włącznik „Czy włączyć opis pod nagłówkiem”,
  • treść opisu w edytorze WYSIWYG, np. „Sprawdź, co idealnie komponuje się z tym produktem!”.
• Opis może zawierać podstawowe formatowanie (pogrubienia, linki, akapity).

Moduł nie tworzy osobnej sekcji na stronie – działa w tle jako konfiguracja dla okna potwierdzenia dodania do koszyka. Dzięki temu bez modyfikowania głównego szablonu możesz dodać skuteczną sekcję rekomendacji produktów dokładnie tam, gdzie klient najczęściej dokłada kolejne pozycje do zamówienia.

Moduł „Zostało tylko Y sztuk!”

Moduł dodaje pod informacją o dostępności produktu animowany pasek, który wizualnie pokazuje, ile towaru zostało. Dzięki temu:

• mocno podkreślasz niski stan magazynowy („kończy się – kup teraz!”),
• a przy dużej dostępności uspokajasz klienta, że produktu nie zabraknie.

Co widzi klient na karcie produktu

• standardowy tekst dostępności (np. „duża ilość”, „ostatnie sztuki”, „na wyczerpaniu”),
• pod nim kolorowy pasek, którego:
  • długość sugeruje poziom zapasu (np. 20%, 50%, 90%),
  • kolor możesz dobrać do rodzaju komunikatu (np. zielony – dużo, pomarańczowy – średnio, czerwony – mało).

Jak to działa od strony ustawień

• Włączasz pasek jednym przełącznikiem.
• Dodajesz własne reguły powiązane z tekstem dostępności, np.:
  • dla tekstu „duża ilość” → pasek na 90% w kolorze zielonym,
  • dla „średnia ilość” → pasek na 60% w kolorze żółtym,
  • dla „na wyczerpaniu” → pasek na 20% w czerwieni.
• System czyta reguły od góry do dołu i dla danego produktu:
  • znajduje pierwszą pasującą regułę (po dokładnym tekście dostępności),
  • rysuje pasek zgodnie z jej ustawieniami.

Tekst dostępności musi być wpisany dokładnie tak, jak jest wyświetlany przy produkcie (łącznie z wielkością liter), dzięki czemu masz pełną kontrolę, kiedy i jak pasek się pojawia.

Moduł „Program lojalnościowy”

Moduł informuje klienta bezpośrednio na karcie produktu, ile punktów lojalnościowych może zdobyć za zakup danego produktu. Liczba punktów jest wyliczana automatycznie na podstawie ceny i ustawień programu lojalnościowego w sklepie.

Co widzi klient na karcie produktu

• krótki komunikat w stylu:
  „Zgarniasz 120 punktów za ten zakup.”
• wyróżnioną liczbę punktów (łatwą do wychwycenia wzrokiem),
• opcjonalną ikonę prezentu obok tekstu, która podkreśla „nagrodowy” charakter,
• jeśli klient nie jest zalogowany – dodatkowe zachęcenie w formie linku, np.:
  „Zaloguj się”, który otwiera okno logowania.

Całość wyświetla się w estetycznym boxie o kolorach dopasowanych do Twojej marki.

Co możesz ustawić

• włączanie / wyłączanie całego komunikatu jednym przełącznikiem,
• własny tekst:
  • przed liczbą punktów (np. „Zdobądź”, „Otrzymasz do”),
  • po liczbą punktów (np. „punktów za ten zakup.”),
• treść linku do logowania (np. „Zaloguj się”, „Zarejestruj / zaloguj się, aby zbierać punkty”),
• kolor tła boxa,
• kolor tekstu i ikony.

Kiedy komunikat się pokazuje

Moduł wyświetla się tylko wtedy, gdy:

• program lojalnościowy w sklepie jest aktywny,
• naliczanie punktów działa dla zamówień,
• konkretny produkt faktycznie przyznaje punkty > 0.

Dzięki temu klient od razu widzi dodatkową korzyść z zakupu – zbieranie punktów – co zwiększa motywację do założenia konta, logowania i finalizacji transakcji.

Moduł „Odznaki zaufania – drugi design”

Moduł wyświetla na karcie produktu serię krótkich komunikatów z ikoną – tzw. „odznaki zaufania”. To mogą być np.:

• „30 dni na zwrot”
• „Darmowa dostawa od 199 zł”
• „Bezpieczne płatności online”
• „Produkt oryginalny / autoryzowany sprzedawca”

Każda odznaka to ikona + krótki opis, pokazywane razem w jednym, spójnym bloku (drugi, alternatywny wariant graficzny wobec pierwszego designu).

Co widzi klient

• pod ceną / przy przycisku „Dodaj do koszyka” (w zależności od umieszczenia modułu) listę 1–N elementów:
  • niewielka ikona (np. kłódka, ciężarówka, gwiazdka, tarcza, telefon itd.),
  • obok niej krótki opis (1–2 zdania),
• wizualnie kojarzy to z:
  • bezpieczeństwem zakupów,
  • wygodą dostawy i zwrotów,
  • jakością obsługi i produktu.

Co możesz ustawić

Ustawienia ogólne

• włączanie / wyłączanie całego bloku odznak,
• wysokość ikon (rozmiar graficzny),
• opcjonalnie własne kolory ikon (dla domyślnych SVG):
  • kolor obrysu (stroke),
  • kolor wypełnienia (fill, możliwość ustawienia przezroczystości).

Konfiguracja poszczególnych odznak

Dla każdej odznaki w repeaterze:

• typ ikony:
  • domyślna – wybierasz jedną z wielu gotowych ikon (koszyk, kłódka, ciężarówka, tarcza, serce, gwiazdka itd.),
  • własna – wgrywasz swój plik (np. SVG/PNG),
• opis:
  • dowolny tekst w edytorze WYSIWYG (może zawierać pogrubienia, linki itd.),
  • jeżeli opis jest pusty, można użyć samego tytułu.

Możesz dodać dowolną liczbę takich bloków, układając z nich swój zestaw argumentów, „dlaczego warto kupić właśnie u Ciebie”.

Korzyść dla sklepu

• uspokajasz klienta w kluczowym momencie (przed kliknięciem „Kup”),
• podkreślasz najważniejsze atuty: dostawę, zwroty, bezpieczeństwo płatności, gwarancję itd.,
• budujesz zaufanie do sklepu poprzez prostą, czytelną listę benefitów, dopasowaną wizualnie do identyfikacji Twojej marki.

Moduł „Mini Atrybuty dla karty produktu”

Najważniejsze parametry produktu są widoczne od razu, bez zmuszania klienta do szukania pełnej tabeli danych technicznych.

Najważniejsze możliwości

• Ustawiana liczba prezentowanych parametrów.
• Opcjonalny nagłówek z własnym tekstem.
• Edytowalny tekst przycisku prowadzącego do pełnej specyfikacji.
• Kompaktowy układ dopasowany do strefy produktu i urządzeń mobilnych.

Moduł „Ikonki dostaw i płatności w koszyku”

Własne logotypy metod dostawy i płatności ułatwiają szybkie rozpoznanie dostępnych operatorów bez przeładowywania koszyka tekstem.

Najważniejsze możliwości

• Dowolna liczba mapowań ikony do nazwy metody dostawy lub płatności.
• Wspólna wysokość ikon i opcja ukrycia zduplikowanych logotypów dodawanych przez platformę.
• Opcjonalna karta zachęcająca do założenia konta z edytowalną wstążką i kolorami.
• Gotowa biblioteka ikon i wytyczne projektowe dostępne z poziomu instrukcji modułu.

Moduł „Komunikat po zmianie karty”

Gdy klient przejdzie do innej karty przeglądarki, tytuł strony może na krótko przypomnieć mu o otwartym sklepie lub trwającej ofercie.

Najważniejsze możliwości

• Własny, migający tekst komunikatu.
• Opcjonalne emoji wyświetlane przed tekstem.
• Ustawiany czas automatycznego zatrzymania komunikatu.
• Powrót do zwykłego tytułu po ponownym otwarciu karty.

Moduł „Hop do góry”

Pływający przycisk pozwala szybko wrócić na początek długiej strony kategorii, listingu lub opisu produktu.

Najważniejsze możliwości

• Pozycja, kształt, etykieta oraz kolory przycisku.
• Próg przewinięcia, po którym przycisk staje się widoczny.
• Opcjonalne płynne przewijanie.
• Regulowany odstęp od dolnej i bocznej krawędzi ekranu.

Moduł „Pixel GrowMail”

Integracja łączy sklep z GrowMail, aby przekazywać zdarzenia potrzebne do automatyzacji marketingu i scenariuszy odzyskiwania porzuconych koszyków.

Najważniejsze możliwości

• Prosty przełącznik aktywacji pixela.
• Jedno pole na klucz integracji z konta GrowMail.
• Działanie w tle bez dokładania ręcznych skryptów do treści sklepu.
• Możliwość wykorzystania zdarzeń w automatyzacjach przygotowanych w GrowMail.

Moduł „Zwijane sekcje”

Długie opisy i specyfikacje zajmują mniej miejsca na starcie, a klient rozwija pełną treść wtedy, gdy jej potrzebuje.

Najważniejsze możliwości

• Osobne przełączniki dla opisu produktu, opisu kategorii i danych technicznych.
• Niezależna wysokość zwinięcia na desktopie oraz urządzeniach mobilnych.
• Własne teksty przycisków rozwijania i zwijania.
• Opcjonalny dwukolumnowy układ zebra dla danych technicznych oraz regulowany gradient.

Moduł „GrowChat - czat na żywo”

Opcjonalna integracja pozwala uruchomić widżet rozmowy z klientem bez ręcznego wklejania kodu w szablonie.

Najważniejsze możliwości

• Włączenie lub wyłączenie czatu z poziomu Integracji.
• Wybór rodzaju widżetu.
• Jedno pole na identyfikator widżetu GrowChat.
• Konfiguracja pozostaje oddzielona od wyglądu i treści pozostałych modułów sklepu.