GrowReveal: suwak przed i po dla Shopera

Zobacz w sklepie

Każdy kadr to prawdziwy suwak w makiecie sklepu. Opcje ustawiasz w panelu.

Trzy wzory wyglądu

W panelu: Wygląd, Wzór. Zmiana wzoru nie usuwa par ani zdjęć.

Żel do fug w sklepie z chemią domową: suwak we wzorze A z podpisem i zastrzeżeniem pod zdjęciem. — **A Clean**Cienka linia, okrągły uchwyt, etykiety w rogach zdjęcia.

Żel do felg w sklepie z chemią: suwak we wzorze B w kolorze sklepu. — **B Bold**Gruba linia i kwadratowy uchwyt w kolorze akcentu, etykiety nad zdjęciem.

Olej do tarasów w sklepie z drewnem: suwak we wzorze C. — **C Minimal hover**Bez uchwytu, etykiety pod zdjęciem, linia podąża za kursorem.

Trzy style uchwytu

W panelu: Wygląd, Uchwyt. Dotyczy wzorów A i B.

Pasta polerska w ciemnym sklepie z detailingiem: uchwyt ze strzałkami. — **Strzałki ‹ ›**Domyślny uchwyt z dwiema strzałkami.

Ten sam suwak z uchwytem w postaci strzałki w obie strony. — **Strzałka ↔**Jedna strzałka w obie strony, czytelna także na telefonie.

Ten sam suwak bez uchwytu, widoczna tylko linia podziału. — **Bez uchwytu**Sama linia podziału, najspokojniejszy wariant.

Podpis, zastrzeżenie i przycisk

W panelu: Pary, edytor pary (Podpis, Zastrzeżenie, Przycisk pod suwakiem, Kadr zdjęć).

Żel do fug z podpisem, zastrzeżeniem o stopniu zabrudzenia i przyciskiem „Zobacz instrukcję użycia”. — **Podpis, zastrzeżenie, przycisk**Pod suwakiem stoi podpis, zastrzeżenie i przycisk z własnym linkiem.

Suwak z felgą bez etykiet, w kwadratowej ramce, z całym zdjęciem w kadrze. — **Bez etykiet, całe zdjęcie**Etykiety „przed” i „po” można ukryć, a zdjęcie pokazać w całości.

Powiększenie na pełny ekran

Przycisk powiększenia jest na każdym suwaku. Przy kilku parach działają strzałki między parami.

Powiększony suwak z lakierem samochodu na pełnym ekranie, ze strzałkami do kolejnych par. — **Pełny ekran**Klient powiększa porównanie i przegląda kolejne pary strzałkami, a Escape zamyka widok.

Kilka par na jednym produkcie

W panelu: Wygląd, Kilka par na produkcie.

Karuzela dwóch suwaków z kropkami i strzałkami pod spodem. — **Karuzela z kropkami**Pary przesuwają się w bok, kropki pokazują, ile ich jest.

Dwa suwaki ułożone jeden pod drugim w układzie listy. — **Lista**Pary leżą jedna pod drugą, bez przesuwania.

Miejsce na karcie produktu

W panelu: Wygląd, Miejsce na karcie produktu. „Po opisie” nie przesuwa treści strony podczas ładowania.

Karta produktu z suwakiem nad przyciskiem koszyka. — **Nad koszykiem**Suwak stoi tuż nad przyciskiem „Dodaj do koszyka”.

Karta produktu z suwakiem pod przyciskiem koszyka. — **Pod koszykiem**Suwak stoi pod przyciskiem koszyka.

Karta produktu z suwakiem pod opisem produktu. — **Po opisie**Suwak stoi pod opisem produktu.

Na telefonie

Panoramy na wąskim ekranie układają się same w pionie. Linię przesuwa się palcem.

Karta produktu na telefonie z karuzelą dwóch suwaków. — **Karuzela na telefonie**Kilka par przesuwa się palcem w bok albo strzałkami.

Siedem proporcji ramki

W panelu: Pary, edytor pary, Proporcje ramki (4:3, 1:1, 3:4, 16:9, 3:2, 2:3, 21:9 albo jak zdjęcie).

Siedem suwaków w różnych proporcjach w siatce na stronie informacyjnej. — **Wszystkie proporcje**Ta sama para zdjęć w każdej z siedmiu proporcji, na stronie CMS.

Na stronach informacyjnych

Kod pary widać na liście par w panelu: [growreveal id=12] albo [growreveal ids="12,13,14" cols=2].

Strona „Realizacje” z siatką czterech suwaków przed i po. — **Siatka na stronie „Realizacje”**Kilka par w siatce na stronie CMS, bez przypisywania ich do produktów.

Jak to wygląda w różnych sklepach

Strona produktu żelu do fug w sklepie z chemią domową w szablonie Storefront: suwak z fugami przed i po czyszczeniu pod ceną.

Chemia domowa

Czyste fugi widać od razu, bez szorowania w wyobraźni

Żel do fug w sklepie Czysty Dom pokazuje ciemne, zabrudzone fugi i te same płytki po czyszczeniu. Pod zdjęciem stoi zastrzeżenie o stopniu zabrudzenia.

Ustawienia: Wzór A, podpis i zastrzeżenie w edytorze pary, miejsce nad koszykiem.

Strona produktu żelu do felg w szablonie RWD: suwak z felgą przed i po myciu oraz przycisk do instrukcji.

Środki czystości

Czysta felga na tym samym zdjęciu co brudna

Żel do felg w sklepie Blask Serwis pokazuje osad po klockach hamulcowych i felgę po jednym myciu. Przycisk pod suwakiem prowadzi do instrukcji użycia.

Ustawienia: Wzór B, przycisk pod suwakiem z własnym linkiem.

Strona produktu oleju do tarasów w szablonie Storefront: suwak z deskami przed i po renowacji pod koszykiem.

Renowacja drewna

Stary taras kontra taras po dwóch warstwach oleju

Olej do tarasów w sklepie Dom z Drewna pokazuje deski przed i po renowacji. Linia podąża za kursorem, więc klient nie musi niczego klikać.

Ustawienia: Wzór C, sterowanie za kursorem, miejsce pod koszykiem.

Strona produktu pasty polerskiej w ciemnym sklepie RWD: karuzela dwóch suwaków z lakierem i felgą.

Detailing aut

Dwa efekty w jednej karuzeli, z powiększeniem

Pasta polerska w sklepie Garaż Połysk pokazuje lakier i felgę w jednej karuzeli. Klient powiększa zdjęcie na pełny ekran i przegląda obie pary.

Ustawienia: Wzór A, uchwyt ze strzałką, kilka par w karuzeli.

Nazwy sklepów i zdjęcia w makietach są poglądowe. Zdjęcia pochodzą z domeny publicznej i CC0, a jeden ze stanów jest zasymulowany na potrzeby prezentacji.

Panel robi część pracy za Ciebie

Zrzuty prawdziwego panelu GrowReveal.

Panel GrowReveal, zakładka Start: kafelki ze stanem sklepu i cztery karty „Najbezpieczniejszy start”. — Start
Pulpit liczy stan sklepu i podpowiada następny krok: pierwsza para, przypisania, wygląd, statystyki.

Panel, zakładka Wygląd: trzy wzory, ustawienia i podgląd na żywo. — Wygląd z podglądem na żywo
Wzór, kolor akcentu, narożniki, uchwyt i miejsce. Podgląd to ten sam kod, który działa w sklepie.

Panel, zakładka Pary: lista par i edytor z podpisem, przyciskiem i przypisaniami. — Pary i przypisania
Wgraj dwa zdjęcia, dopisz podpis i wskaż produkty, kategorie albo producentów, na których ma się pokazać.

Panel, zakładka Statystyki: interakcje z każdą parą w ostatnich 30 dniach. — Statystyki
Widzisz, które pary klienci przesuwają najczęściej. Dane z 30 dni pobierzesz jako CSV.

Cennik

Suwaki na kartach produktów, w opisach i na stronach CMS
Trzy wzory, trzy tryby sterowania, siedem proporcji
Powiększenie, podpis, zastrzeżenie i przycisk pod suwakiem
Import par z pliku CSV
Statystyki interakcji z eksportem CSV

Pytania

Gdzie pojawia się suwak?

Na karcie produktu (nad koszykiem, pod koszykiem albo po opisie) przy produktach, kategoriach i producentach, które przypiszesz do pary. Na stronach CMS wstawiasz go kodem [growreveal id=12].

Jakie zdjęcia mogę wgrać?

JPG, PNG albo WebP do 8 MB, albo wkleić adresy https. Pary możesz też zaimportować z pliku CSV.

Czy działa w moim szablonie?

Tak, w szablonach RWD (Modern) i w Storefront. Krój pisma bierze z szablonu sklepu, a kolor akcentu ustawiasz w panelu.

Czy zbieracie dane klientów?

Statystyki liczą pierwszy ruch klienta przy danej parze podczas jednej wizyty: przeciągnięcie, ruch kursorem albo kliknięcie. Bez plików cookie.

Co po zakończeniu okresu próbnego?

Suwaki znikają ze sklepu, a pary, zdjęcia i statystyki zostają zapisane. Wracają po odnowieniu aplikacji.

Co z kosmetykami i suplementami?

Przy takich zdjęciach dodaj zastrzeżenie, na przykład „Efekty indywidualne”. W edytorze pary jest na to osobne pole.

Pytania przed instalacją

Napisz na [email protected]. Odpowiemy na ten sam adres.

Klient widzi efekt, zanim kupi