Przejdź do głównej treści
Skorzystaj z Promocji 5% na pierwsze zakupy do 30.09
Bezpieczna wysyłka
Darmowy paczkomat od 100 zł
Przyjazna pomoc
Produkty w koszyku: 0. Zobacz szczegóły

Dofinansowanie z UE

Tytuł projektu:
Opracowanie innowacyjnego narzędzia Wrobud Predictive Intelligence opartego o złożone silniki analityczne i predykcyjne (solver) oraz sztuczną inteligencję.

Opis projektu:
Firma WROBUD Wróbel Spółka Jawna realizuje projekt mający na celu opracowanie zaawansowanego narzędzia biznesowego Wrobud Predictive Intelligence, które wspiera procesy zarządzania danymi i podejmowania decyzji w firmach z różnych branż. Projekt ten ma na celu dostarczenie narzędzi wykorzystujących sztuczną inteligencję oraz zaawansowane silniki analityczne i predykcyjne, które umożliwią lepsze planowanie, optymalizację operacji i przewidywanie przyszłych zdarzeń.

Realizowane zadania i działania:

  • Opracowanie projektu systemu Wrobud Predictive Intelligence w warunkach laboratoryjnych.
  • Opracowanie i wykonanie prototypów modeli predykcyjnych i obliczeniowych
  • Adaptacja prototypu systemu Wrobud Predictive Intelligence, uwzględniająca wnioski i wyniki testów.

Grupy docelowe:

  • Przedsiębiorstwa produkcyjne i usługowe.
  • Firmy z różnych branż, które poszukują narzędzi analitycznych do optymalizacji procesów biznesowych.

Cele projektu:

  • Automatyzacja procesów decyzyjnych w przedsiębiorstwach.
  • Optymalizacja procesów produkcyjnych i operacyjnych.
  • Zwiększenie efektywności zarządzania finansami i zasobami.

Efekty i rezultaty:

  • Opracowanie innowacyjnego narzędzia analitycznego i predykcyjnego Wrobud Predictive Intelligence.
  • Zwiększenie efektywności operacyjnej i konkurencyjności firm poprzez optymalizację procesów biznesowych.
  • Możliwość przewidywania trendów rynkowych i przyszłych zdarzeń biznesowych.

Całkowity koszt projektu: 358 422,00 PLN
Wkład Funduszy Europejskich:
247 690,00 PLN

#FunduszeUE

 

Wykaz wszystkich nowych dodatków w szablonie Modern 3.0 Storefront

GC - Boxy katagorii - układ do 6 boxów

Moduł „Boksy kategorii - układ do 6 boxów”

Moduł służy do wyeksponowania wybranych kategorii lub ofert w formie dużych, atrakcyjnych kafelków ze zdjęciem, tytułem, krótkim opisem i przyciskiem (np. „Zobacz więcej”, „Kup teraz”). Po kliknięciu użytkownik przechodzi na wskazaną przez Ciebie stronę, np. do konkretnej kategorii w sklepie.

Możesz wybrać sposób wyświetlania boksów:

  • jako siatkę (kilka boksów obok siebie),
  • jako slider – przesuwany pasek z boksami, który może automatycznie się przewijać.

Układ został zaprojektowany do 6 boksów – ułożenie kafelków dostosowuje się automatycznie do ich liczby (np. inaczej wygląda przy 2 boksach, inaczej przy 4 czy 6), tak aby całość zawsze prezentowała się estetycznie.

Co możesz ustawić?

1. Nagłówek i opis nad boksami

Nad boksami możesz dodać:

  • nagłówek,
  • opis wprowadzający,
    z opcją automatycznego dopisania aktualnego miesiąca (np. „Popularne kategorie w październiku”).

2. Konfiguracja pojedynczych boksów

Każdy pojedynczy boks możesz:

  • włączyć lub wyłączyć,
  • dodać do niego zdjęcie,
  • ustawić tytuł i krótki opis,
  • ustawić tekst przycisku oraz link, na który ma prowadzić.

3. Kolory i wygląd

Dostępne są także ustawienia kolorów dla nagłówków, opisów i przycisków, dzięki czemu wygląd modułu można łatwo dopasować do identyfikacji wizualnej Twojej marki.

GC - Ikonki social mediów

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.

GC - Pasek Informacyjny

Moduł „Pasek informacyjny”

Pasek informacyjny to moduł, który pozwala wyświetlać ważne komunikaty na górze strony – np. informacje o promocjach, darmowej dostawie, ważnych ogłoszeniach czy wyprzedażach. Komunikaty mogą się przewijać jak slajdy, dzięki czemu w jednym, wąskim pasku możesz przekazać kilka różnych treści.

Co możesz zrobić w tym module?

  • Dodać kilka różnych komunikatów
    Każdy komunikat to osobny slajd z własnym tekstem (np. „Darmowa dostawa od 199 zł”, „Wyprzedaż do -30% do niedzieli” itp.).
    Możesz mieć do 10 aktywnych komunikatów.

  • Włączyć przycisk CTA przy komunikacie
    Dla każdego komunikatu możesz dodać przycisk, np. „Sprawdź”, „Zobacz ofertę”, „Kup teraz”, który prowadzi na wybraną podstronę (np. do kategorii promocji).

  • Pokazać kod rabatowy w pasku

    • Możesz dodać do komunikatu kod typu „SALE10”.
    • Kod jest prezentowany w specjalnym polu, które klient może skopiować jednym kliknięciem.
    • Masz możliwość ustawienia, czy kod ma być widoczny przed tekstem czy po tekście komunikatu.
    • Opcjonalnie możesz sprawić, że kod zniknie automatycznie, gdy skończy się odliczanie promocji (patrz: licznik czasu).
  • Dodać licznik czasu (countdown)

    • Ustaw datę i godzinę zakończenia promocji, a na pasku pojawi się licznik odliczający dni, godziny, minuty i sekundy.
    • Możesz wybrać, czy licznik ma wyświetlać się przed tekstem, czy po tekście komunikatu.
    • Po zakończeniu odliczania licznik zmieni komunikat na np. „Promocja zakończona”, a opcjonalnie może też ukryć kod rabatowy powiązany z daną wiadomością.
  • Sterowanie sposobem wyświetlania slajdów

    • Możesz włączyć automatyczne przewijanie komunikatów i ustawić czas, jak długo każdy ma się wyświetlać.
    • Ustawisz także czas trwania animacji przejścia między slajdami.
    • Możesz pokazać strzałki nawigacji, aby użytkownik sam przełączał slajdy.
    • Możesz włączyć prosty licznik slajdów (np. „1/3”), który pokazuje, który komunikat jest aktualnie widoczny.
  • Dopasowanie kolorów do sklepu
    Jeśli chcesz, możesz włączyć własną kolorystykę paska:

    • kolor tła paska,
    • kolor tekstu,
    • kolor linków i elementów akcentowych,
    • kolory przycisku CTA (tło i tekst),
    • kolory pola z kodem rabatowym (tło, tekst, ikonka kopiowania),
    • kolory licznika czasu (cyfry, tło pod cyframi),
    • kolor strzałek nawigacji i licznika slajdów.

Dzięki temu pasek informacyjny może idealnie wpisać się w identyfikację wizualną Twojego sklepu i czytelnie komunikować najważniejsze akcje i promocje.

GC - Wyszukiwarka

Moduł „Wyszukiwarka”

Moduł rozbudowuje standardową wyszukiwarkę o wygodny panel otwierany w oknie (po kliknięciu ikony lupy). W jednym miejscu użytkownik może wpisać zapytanie, zobaczyć podpowiedzi oraz zapoznać się z bestsellerami i najnowszymi wpisami z bloga.

Co widzi klient?

  • Okno wyszukiwania po kliknięciu lupki
    Po kliknięciu ikony wyszukiwania otwiera się przejrzysty panel z dużym polem do wpisania zapytania.

  • Przyjazny tekst w polu wyszukiwania

    • Możesz ustawić własny, stały tekst w polu (np. „Szukaj produktów…”).
    • Opcjonalnie dostępny jest animowany placeholder – w polu na przemian wyświetlają się różne podpowiedzi typu: „Czego szukasz?”, „Wpisz nazwę produktu”, itp. To zachęca klienta do wyszukiwania.
  • Bestsellery w panelu wyszukiwania (opcjonalnie)
    Możesz włączyć sekcję z bestsellerami, w której:

    • pokazywane są wybrane najlepiej sprzedające się produkty,
    • przy każdym produkcie klient zobaczy:
      • zdjęcie,
      • nazwę,
      • ocenę w formie gwiazdek i liczbę opinii,
      • krótki opis (jeśli jest dostępny),
      • przycisk dodania do koszyka,
    • możesz dodać nagłówek tej sekcji (np. „Sprawdź nasze bestsellery!”),
    • możesz pokazać link „Zobacz wszystkie bestsellery”, który prowadzi do szerszej listy produktów.
  • Najnowsze wpisy na blogu (opcjonalnie)
    W panelu można również wyświetlać:

    • kilka najnowszych artykułów z bloga – z miniaturą i tytułem,
    • opcjonalny nagłówek (np. „Najnowsze wpisy”),
    • link „Zobacz wszystkie artykuły” prowadzący na stronę bloga.
  • Przełączanie między treścią domyślną a wynikami

    • Zanim klient zacznie pisać, w panelu może widzieć sekcje: bestsellery i blog.
    • Po wpisaniu zapytania miejsce to może zostać wykorzystane na wyniki wyszukiwania (produkty, artykuły).
  • Dopasowanie kolorów do sklepu
    Jeśli chcesz, możesz dla samego panelu wyszukiwania:

    • ustawić własny kolor tła,
    • kolor tekstu,
    • oraz kolor elementów wyróżnionych (np. link „Zobacz więcej”).
      Dzięki temu wyszukiwarka będzie spójna z identyfikacją wizualną Twojego sklepu.
GC - Menu Główne

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.

GC - Ikonki w nagłówku

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.
GC - Slider główny otwierający

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.

GC - Odznaki zaufania

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ę.

GC - Animowane Karty Informacyjne

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.

GC - Baner pionowy

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.

GC - Dlaczego My?

Moduł „Dlaczego my?”

Moduł prezentuje w jednym, wyróżnionym bloku najważniejsze argumenty, które pokazują klientom, dlaczego warto kupować właśnie u Ciebie — w formie automatycznie przewijanych slajdów.

Co zawiera moduł?

  • Tytuł sekcji (globalny)

    • Jeden wspólny nagłówek, np. „Dlaczego my?” lub „Dlaczego warto nam zaufać?”.
    • Możliwość ustawienia dowolnego tekstu i koloru tytułu.
  • Wygląd całego bloku

    • kolor tła sekcji,
    • kolor tekstu wewnątrz,
    • kolor ramki wokół modułu.

Slajdy (pojedyncze atuty)

  • Każdy „powód do zaufania” dodawany jest jako osobny slajd.
  • Dla każdego slajdu możesz:
    • włączyć lub wyłączyć jego wyświetlanie,
    • wprowadzić treść w edytorze WYSIWYG (pełna swoboda formatowania).
  • Moduł wyświetli wyłącznie aktywne slajdy.

Zachowanie slidera

  • Slajdy przewijają się automatycznie co kilka sekund.
  • Widoczny jest zawsze jeden atut naraz — maksymalna czytelność.
  • Strzałki i paginacja są domyślnie ukryte, aby zachować minimalistyczny wygląd.

To idealne miejsce, aby w prosty i czytelny sposób podsumować najważniejsze korzyści sklepu, np. „Błyskawiczna wysyłka”, „30 dni na zwrot”, „Ponad 10 000 zadowolonych klientów”.

GC - Kategorie obrazkowe

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.

GC - Potrzebujesz pomocy? Moduł informacyjny

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.

GC - Opinie o sklepie

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ę.

GC - Nawigator po stronie

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.

GC - Kategorie w stylu bento grid

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.

GC - Blok SEO na stronie głównej

Moduł „Blok SEO na stronie głównej”

Moduł pozwala dodać na stronę główną jedną lub kilka sekcji SEO, złożonych z:

  • rozbudowanego bloku tekstowego (content SEO),
  • opcjonalnego bloku FAQ z bogatymi danymi strukturalnymi (schema.org).

Każda sekcja działa niezależnie – możesz mieć np. osobny blok SEO dla kategorii, marki, typu produktu itd.

Co możesz ustawić?

1. Sekcje SEO – wiele niezależnych bloków

  • Dodajesz dowolną liczbę sekcji (do 10).
  • Każda sekcja może zawierać:
    • blok tekstowy SEO,
    • blok FAQ,
    • lub oba naraz.

Dzięki temu możesz logicznie podzielić treść na części i lepiej wykorzystać potencjał SEO strony głównej.


2. Blok tekstowy SEO w sekcji

Dla każdej sekcji możesz włączyć blok głównego tekstu SEO:

  • Treść w edytorze WYSIWYG:
    • akapity,
    • nagłówki,
    • listy,
    • linki wewnętrzne (np. do kategorii, artykułów).
  • Opcjonalny obrazek obok tekstu:
    • możesz go wgrać indywidualnie dla danej sekcji,
    • wybierasz układ:
      • obrazek po lewej, tekst po prawej,
      • lub obrazek po prawej, tekst po lewej (przełącznik „odwróć układ”).

To miejsce na klasyczny, dłuższy content SEO – opis oferty, wartości marki, przewagi konkurencyjne itp.


3. Blok FAQ w sekcji (z danymi strukturalnymi)

Dodatkowo w każdej sekcji możesz włączyć blok FAQ:

  • Opcjonalny tytuł FAQ – np. „Najczęściej zadawane pytania”.
  • Lista pytań i odpowiedzi (repeater):
    • pytanie – zwykły tekst,
    • odpowiedź – edytor WYSIWYG (formatowanie, linki, listy).
  • Opcjonalny obrazek obok FAQ:
    • osobny dla tej sekcji,
    • układ z możliwością odwrócenia (obrazek po lewej lub prawej stronie listy pytań).

Każdy blok FAQ jest oznaczony jako FAQPage / Question / Answer (schema.org) w formie JSON‑LD, co:

  • pomaga w SEO,
  • zwiększa szansę na rich snippets (rozszerzone wyniki z FAQ w Google).

Moduł „Blok SEO na stronie głównej” pozwala więc zbudować silne, rozbudowane sekcje contentowe, które są jednocześnie:

  • przyjazne użytkownikowi (czytelny układ, obrazki, FAQ),
  • zoptymalizowane pod wyszukiwarki (treść + FAQ z danymi strukturalnymi),
  • w pełni konfigurowalne per sekcja.
GC - Generator okienek POPUP

Moduł „Generator okienek POPUP”

Moduł pozwala skonfigurować trzy różne typy okienek na sklepie:

  • pop‑up z formularzem newslettera,
  • dowolny (customowy) pop‑up z własnym komunikatem i przyciskami,
  • pop‑up weryfikacji wieku 18+.

Każdy typ działa niezależnie – możesz włączyć tylko jeden, dwa lub wszystkie równocześnie (z zachowaniem sensownej logiki wyświetlania).


1. Pop‑up newsletterowy – treść i wygląd

Ustawiasz treść klasycznego pop‑upa zapisowego:

  • Obrazek obok formularza (opcjonalnie)
    – jeśli nie dodasz grafiki, okno będzie tylko tekstowe.
  • Tytuł (np. „Zgarnij −10% na pierwsze zakupy”).
  • Opis zachęcający do zapisu (WYSIWYG – możesz używać pogrubień, list, linków).
  • Pełny tekst zgody marketingowej (WYSIWYG – z linkiem do regulaminu / polityki prywatności).
  • Tekst na przycisku CTA – np. „Zapisuję się”, „Odbierz rabat”.

2. Pop‑up newsletterowy – kiedy się wyświetla

Definiujesz jedno konkretne automatyczne zdarzenie, które otwiera okno:

  • Po określonym czasie od wejścia na stronę (np. po 30 s).
  • Po przewinięciu strony do określonego procenta wysokości (np. 60%).
  • Na exit‑intent (próba wyjścia z witryny na desktopie).
  • Albo wcale – tylko na kliknięcie w boczny „bąbelek”.

Dodatkowo:

  • Czas ukrycia po zamknięciu – ile dni po zamknięciu okno ma się już automatycznie nie pojawiać (np. 30 dni).
  • Jeśli użytkownik zapisał się do newslettera, pop‑up już go nie „męczy”.

3. Boczne „bubble” / zakładka do newslettera

Możesz włączyć małą, klikalną zakładkę na krawędzi ekranu, która zawsze otworzy okno newslettera:

  • Krótki tekst na zakładce – np. „Odbierz rabat”.
  • Osobne ustawienia dla:
    • desktopu – czy pokazywać, po której stronie (lewa/prawa/dół) i w jakiej odległości od krawędzi,
    • mobile – to samo, ale z osobnymi pozycjami i offsetem.
  • Wygląd zakładki:
    • kolor tła,
    • kolor tekstu,
    • kolory tła i tekstu po najechaniu (hover).

4. Własny pop‑up (Custom popup) – zbuduj dowolny komunikat

Niezależnie od newslettera możesz uruchomić drugi, własny pop‑up – np. informację o:

  • ważnej promocji,
  • regulaminie akcji,
  • nowej kolekcji,
  • komunikacie RODO / zmianie polityki, itp.

Co konfigurujesz?

Układ i treść:

  • Wybór layoutu:
    • obraz jako tło z tekstem na środku,
    • obraz z lewej, tekst z prawej,
    • obraz z prawej, tekst z lewej,
    • sam tekst wycentrowany (bez zdjęcia).
  • Obraz (opcjonalnie, zależnie od layoutu).
  • Tytuł pop‑upa.
  • Podtytuł / opis w edytorze WYSIWYG.

Przyciski (1–5 sztuk):

  • tekst przycisku (np. „Dowiedz się więcej”, „Zobacz ofertę”),
  • link docelowy (dowolny URL),
  • styl przycisku:
    • pełny (wypełniony),
    • obrys (outline).

Wygląd tła i tekstu:

  • tło:
    • jednolity kolor,
    • gradient z wbudowanego kreatora,
    • albo zaawansowane tło CSS (wklejasz własny background),
  • kolor tytułu,
  • kolor treści,
  • zestawy kolorów dla:
    • przycisków Primary (full),
    • przycisków Secondary (outline).

Kiedy ma się wyświetlać:

  • po określonym czasie od wejścia,
  • po przewinięciu do określonego % strony,
  • na exit‑intent (desktop),
  • lub tylko manualnie (bez automatycznego pokazywania).

Dodatkowo ustawiasz, na ile dni po zamknięciu ukrywać ten konkretny pop‑up.


5. Weryfikacja wieku 18+ (Age gate)

Osobny tryb pop‑upa, który pojawia się zanim użytkownik skorzysta ze sklepu – np. dla branży alkoholowej, tytoniowej, erotycznej:

Treść i układ:

  • Tytuł, np. „Czy masz ukończone 18 lat?”.
  • Krótki opis/ostrzeżenie (WYSIWYG).
  • Layout:
    • obraz jako tło z tekstem,
    • obraz z lewej / prawej,
    • sam tekst, bez obrazu.
  • Opcjonalny obraz (zależnie od wybranego layoutu).

Zachowanie przycisków:

  • Przycisk „Tak” (potwierdzenie wieku):
    • po kliknięciu zapisuje się cookie na określoną liczbę dni – w tym czasie pop‑up już się nie pojawi.
  • Przycisk „Nie” (odmowa):
    • po kliknięciu następuje przekierowanie pod wskazany URL (np. strona informacyjna, portal ogólny).

Wygląd:

  • tło:
    • jednolity kolor,
    • gradient (z kreatora),
    • zaawansowane tło CSS (własny background),
  • kolory:
    • tytułu,
    • opisu,
    • przycisku „Tak” (tło, obrys, tekst),
    • przycisku „Nie” (tło, obrys, tekst).

Moduł „Generator okienek POPUP” daje Ci pełną kontrolę nad:

  • treścią (newsletter, komunikaty marketingowe, weryfikacja wieku),
  • momentem wyświetlania (czas, scroll, exit‑intent, tylko klik),
  • wyglądem (obrazy, tła, gradienty, kolory, przyciski),
  • oraz częstotliwością pokazywania (przez cookies),

dzięki czemu możesz zwiększać zapisy do newslettera, skutecznie komunikować promocje i jednocześnie spełniać wymogi prawne dotyczące dostępu do treści 18+.

GC - Produkty w Oknie potwierdzenia dodania do koszyka

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.

GC - Sticky Menu na komputerze

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.

GC - Moduł darmowej dostawy

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

GC - SIEMA - nowoczesny silnik slidera

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.

GC - Silnik karuzel produktowych

Moduł „Silnik karuzel produktowych”

Moduł dostarcza gotowy, spójny silnik do budowania karuzel produktowych w różnych miejscach sklepu – na stronie głównej, w kategoriach, na stronach kampanii czy landing page’ach. Wszystkie karuzele korzystają z jednego, wspólnego „szkieletu” kafelka produktu, dzięki czemu wyglądają jednolicie i profesjonalnie.

Co daje w sklepie?

  • Powtarzalny, estetyczny kafelek produktu
    Każdy produkt w karuzeli wyświetlany jest w tej samej, dopracowanej formie:

    • zdjęcia produktu (z możliwością podglądu kilku ujęć),
    • miejsce na wyróżnienia typu „Nowość” / „Promocja” (wstążki),
    • nazwa produktu,
    • przycisk „Zobacz produkt”, prowadzący do karty produktu.
  • Nowoczesna karuzela (slider) produktów
    Produkty w karuzeli można wygodnie przewijać:

    • strzałkami nawigacyjnymi,
    • klikając w kolejne slajdy,
    • z płynną animacją przejść.
  • Sekcja z nagłówkiem i opisem (opcjonalnie)
    Nad karuzelą można umieścić:

    • tytuł sekcji, np. „Polecane dla Ciebie”, „Nowości”, „Bestsellery”,
    • krótki opis / wprowadzenie, wyjaśniający, jakie produkty są prezentowane.
  • Elastyczne wykorzystanie w szablonie
    Ten sam silnik możesz wykorzystać do różnych typów karuzel, np.:

    • „Bestsellery” na stronie głównej,
    • „Produkty powiązane” na karcie produktu,
    • „Ostatnio oglądane”,
    • kolekcje sezonowe lub promocyjne.

Moduł „Silnik karuzel produktowych” pozwala w prosty sposób budować wiele efektownych, spójnych wizualnie list produktów w formie karuzeli – bez każdorazowego projektowania kafelka od zera. Dzięki temu prezentacja oferty jest czytelna, nowoczesna i konsekwentna w całym sklepie.

GC - Ustawienia dla stopki sklepu

Moduł „Ustawienia dla stopki sklepu”

Moduł pozwala w prosty sposób dopasować wygląd stopki do stylu Twojej marki – bez grzebania w kodzie. Ustawiasz kolory raz, a cała stopka (łącznie z newsletterem i ikonami społecznościowymi) automatycznie się do nich dostosowuje.

Co możesz ustawić?

1. Tło stopki

  • Wybór rodzaju tła:
    • jednolity kolor,
    • płynny gradient (przejście kilku kolorów).
  • Przy jednolitym tle – wskazujesz po prostu kolor tła.
  • Przy gradiencie – wybierasz kolory i sposób, w jaki mają się ze sobą łączyć (np. ciemniej u góry, jaśniej na dole).

2. Stopka jasna czy ciemna

  • Zaznaczasz, czy Twoja stopka jest raczej „ciemna”.
  • Jeśli tak:
    • możesz jednym wyborem zmienić ikony social media na jasne/białe,
    • albo dopasować je dokładnie do koloru Twojej marki (np. pod kolor linków) za pomocą prostego generatora online – w panelu dostajesz link i instrukcję.

3. Kolory tekstów i ikon

Ustawiasz osobno:

  • kolor nagłówków w stopce
    (np. „Informacje”, „Moje konto”),
  • kolor ikon
    (np. przy danych kontaktowych, odznakach zaufania),
  • kolor zwykłego tekstu
    (opisy, godziny otwarcia, krótkie komunikaty).

4. Kolory linków i ikonek przy linkach zewnętrznych

  • kolor wszystkich linków w stopce
    (w tym także ikon social media – tak, by spójnie pasowały do reszty),
  • kolor małej ikonki obok linków, które otwierają się w nowej karcie
    (dzięki temu możesz ją delikatnie wyróżnić lub „schować” w tło).

5. Sekcja newslettera w stopce

Wygląd newslettera automatycznie dopasowuje się do wybranej kolorystyki:

  • obramowanie i tekst w polu na e‑mail spójne z nagłówkami,
  • subtelny efekt podświetlenia przy aktywnym polu,
  • przycisk zapisu w kolorze linków ze stopki, z delikatnym rozjaśnieniem po najechaniu.

Dzięki temu modułowi cała stopka – tło, teksty, linki, ikony i newsletter – tworzy jednolitą, dopracowaną całość, idealnie dopasowaną do identyfikacji wizualnej Twojego sklepu.

GC - Wygląd kafelka produktu na liście produktów

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ę.

GC - Produkty komplementarne

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.
GC - Paczka u Ciebie w ciągu X

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.

GC - Odznaki na galerii karty produktu

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).
GC - Produkty powiązane

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.
GC - Zostało tylko Y sztuk!

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.

GC - Program lojalnościowy

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.

GC - Kup Teraz

Moduł „Kup Teraz”

Moduł dodaje na karcie produktu dodatkowy przycisk „Kup teraz”, który prowadzi klienta możliwie najszybciej do złożenia zamówienia – bez zbędnych kroków.

Co widzi klient

  • dodatkowy, wyraźny przycisk pod produktem, np.
    „Kup teraz”, „Szybki zakup” itp.,
  • na przycisku:
    • sam tekst lub
    • tekst z ikoną (np. koszyk, ciężarówka, gwiazdka lub własna grafika),
  • po kliknięciu:
    • produkt od razu trafia do koszyka,
    • jeśli sklep ma komplet danych (adres, dostawa, płatność) – otwiera się okno szybkiego podsumowania zamówienia, z:
      • listą produktów (opcjonalnie),
      • polem na kod rabatowy (opcjonalnie),
      • danymi adresowymi,
      • wybraną dostawą i płatnością,
      • przyciskiem do finalizacji zakupu.
    • jeśli szybki tryb nie jest dostępny – klient jest przekierowany do standardowej strony koszyka / zamówienia.

Co możesz ustawić

  • Treść przycisku
    • dowolny tekst (z tłumaczeniami), np. „Kup teraz”, „Zamów od razu”.
  • Ikona na przycisku
    • włączyć/wyłączyć ikonę,
    • wybrać ikonę z bardzo szerokiej listy gotowych symboli (koszyk, ciężarówka, prezent, gwiazdka itd.),
    • albo wgrać własną ikonę (SVG/PNG/JPG),
    • ustawić pozycję ikony (po lewej lub prawej stronie tekstu),
    • dobrać rozmiar ikony.
  • Wygląd przycisku
    • kolor tekstu, tła i obramowania w stanie normalnym,
    • osobny zestaw kolorów dla stanu hover (po najechaniu myszką).

Efekt dla sklepu

  • klient ma jasny, „mocny” sygnał: „kliknij tutaj, jeśli chcesz kupić od razu”,
  • skracasz drogę od obejrzenia produktu do finalizacji zamówienia,
  • możesz wizualnie wyróżnić szybki zakup (kolorami i ikoną), bez ingerencji w standardowy przycisk „Dodaj do koszyka”.
GC - Inteligentne Alternatywy Produktu

Moduł „Inteligentne Alternatywy Produktów”

Moduł pozwala powiązać osobne produkty w „zestawy alternatyw” – np. wszystkie kolory tej samej koszulki, różne pojemności kremu albo różne wersje wagowe tego samego produktu. Klient widzi je bezpośrednio na karcie produktu i może jednym kliknięciem przejść do innej wersji.

Co widzi klient na karcie produktu

W zależności od trybu wyświetlania:

1. Tryb prosty

  • pod sekcją produktu wyświetla się pasek z kafelkami, np.:
    • „Czerwony”, „Niebieski”, „Zielony”
    • „250 ml”, „500 ml”, „1 l”
  • kafelki mogą:
    • zawierać sam tekst (wartość atrybutu, np. kolor),
    • dodatkowo pokazywać miniaturę zdjęcia produktu (jeśli włączysz miniatury),
  • aktualnie oglądany produkt jest wyraźnie zaznaczony (np. jako przycisk „primary”).

2. Tryb rozbudowany –

  • obok nazwy cechy (np. „Kolor:”) pojawia się rozwijane pole z listą wszystkich alternatyw,
  • w każdej pozycji listy klient widzi:
    • miniaturę zdjęcia,
    • nazwę wariantu (np. „Czarny”, „XL”, „1000 ml”),
    • odznaki typu:
      • „Promocja” (opcjonalnie z procentem rabatu),
      • „Bestseller”,
      • „Nowość”,
    • ocenę i liczbę opinii,
  • jeśli produkt jest niedostępny:
    • jest oznaczony jako „Wyprzedane”,
    • klient może kliknąć ikonę „powiadom mnie” i zapisać się na powiadomienie o dostępności,
  • dodatkowo może otworzyć modal z pełną listą wszystkich opcji z zestawu.

Jak to działa od strony ustawień

  • Tworzysz zestawy alternatyw produktów:
    • dodajesz nowy zestaw w repeaterze,
    • wpisujesz dokładną nazwę atrybutu, który ma być użyty jako etykieta (np. Color, Size, Capacity – nazwa musi być identyczna jak w panelu, z uwzględnieniem wielkości liter),
    • dodajesz co najmniej dwa produkty do zestawu (np. wszystkie kolory jednej koszulki).
  • Moduł sam:
    • dla każdego produktu w zestawie pobiera wartość wskazanego atrybutu,
    • używa jej jako nazwy kafelka / elementu listy,
    • jeśli nie znajdzie atrybutu – wyświetli po prostu nazwę produktu.

Możesz też zdecydować:

  • jaki tryb wyświetlania ma być użyty:
    • prosty (kafelki),
    • rozbudowany (dropdown + modal),
  • czy wyświetlać nagłówek sekcji (np. „Sprawdź inne opcje”) i jaka ma być jego treść,
  • czy przy kafelkach w trybie prostym mają pokazywać się miniatury produktów.

Odznaki (badges) na alternatywach

Dla wszystkich produktów w zestawach alternatyw możesz włączyć:

  • odznakę Promocja:
    • z opcją wyliczania i pokazywania procentu rabatu (np. -25%),
    • z opcją minimalnego progu rabatu (np. pokazuj od 5% w górę),
  • odznakę Bestseller,
  • odznakę Nowość.

Dzięki temu klient już na poziomie alternatyw widzi, który wariant jest przeceniony, nowy lub najpopularniejszy.

Korzyści dla sklepu

  • Klient łatwo znajduje dokładnie tę wersję produktu, której potrzebuje (kolor, rozmiar, pojemność itd.).
  • Nie musi szukać po kategoriach i filtrach – wszystkie alternatywy ma pod ręką, tuż przy produkcie.
  • Ty:
    • lepiej „spinasz” produkty, które są de facto tym samym towarem w różnych konfiguracjach,
    • zwiększasz szansę, że klient nie porzuci karty produktu, tylko przejdzie do innej, lepiej dopasowanej wersji,
    • dodatkowo wyróżniasz atrakcyjne warianty (promocje, bestsellery, nowości).
GC - Odznaki zaufania – drugi design

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.