GrowOptions w sklepie Shoper — kafelki wagi i wariantów zamiast listy rozwijanej (krok po kroku)

Adrian Zblewski · Founder GrowCommerce · Platynowy Partner Shoper

Lista rozwijana „Wybierz wagę” albo „Wybierz kolor” to jedno z tych miejsc na karcie produktu, w których klient zatrzymuje się bez potrzeby. Musi kliknąć, przewinąć, wybrać — a cena porcji często nie jest widoczna, dopóki nie zmieni ilości. GrowOptions zamienia pole ilości i listę wariantów w kafelki: 250 g, 500 g, 750 g, 1 kg z gotową ceną albo kolor i zdjęcie zamiast nazwy wariantu. Poniżej plan wdrożenia krok po kroku.

Jak w ogóle ułożyć warianty i atrybuty w Shoperze, opisujemy w poradniku warianty i atrybuty produktu w Shoperze. Pełny obraz tematu znajdziesz w przewodniku „Zakładki na karcie produktu w sklepie Shoper”.

Dwa tryby w jednej aplikacji

• Kafelki wagi — dla produktów sprzedawanych na kilogramy (sery, kawa, herbata, przyprawy, bakalie, karma na wagę). Od 2 do 8 kafelków z napisem i wagą w kg; klik w kafelek „500 g” ustawia w koszyku dokładnie 0,5 kg i pokazuje cenę porcji.
• Kafelki wariantów — dla opcji produktu, np. koloru albo wykończenia. Każda wartość dostaje kolor lub obrazek, a klik wybiera wariant, który sklep już ma — cena, dostępność i zdjęcie zmieniają się jak dotąd. Wyprzedana wartość ma nieaktywny kafelek.

Najważniejsze: aplikacja nie buduje własnego koszyka ani nowych wariantów. Kafelki sterują natywnym polem ilości i wyborem wariantu Shopera. Produkt na wagę zostaje jednym produktem z jednym stanem magazynowym. Jeśli chcesz wejść głębiej, przeczytaj „GrowSpecs w Shoperze — parametry i porównanie produktów na liście”.

Krok 1: przygotuj produkty w Shoperze

1. Produkty na wagę: kafelki wagi dostają produkty, które w Shoperze mają jednostkę dziesiętną (np. kg) i listę wag do wyboru (np. 0,25 / 0,5 kg). Produkt bez takiej listy zostaje ze zwykłym polem ilości, a produkty na sztuki nigdy nie dostają kafelków.
2. Cena za kilogram ma być aktualna — z niej aplikacja liczy cenę porcji, cenę regularną i najniższą cenę z 30 dni dla wybranej porcji.
3. Warianty: uporządkuj wartości opcji (np. „Dąb”, „Orzech”, „Biały”), zanim przypiszesz im kolory lub zdjęcia. Te same nazwy widzi klient i filtr na liście produktów.

Krok 2: instalacja i tryb

1. Zainstaluj GrowOptions z Shoper App Store. Przez 14 dni masz wszystkie funkcje (okres próbny jest jednorazowy).
2. W Storefront kafelki ładuje moduł integracyjny, w RWD loader w stopce motywu — bez zmian w plikach szablonu.
3. Wybierz tryb: kafelki wagi, kafelki wariantów albo oba.

Krok 3: ustaw kafelki wagi

1. Zacznij od gotowego zestawu 250 g, 500 g, 750 g i 1 kg albo ustaw własne gramatury (od 2 do 8 kafelków, waga z dokładnością do 0,001 kg).
2. Wybierz kafelek domyślny — ten, który zobaczy klient na start (zwykle najczęściej kupowana porcja).
3. Zdecyduj o zakresie: wszystkie produkty wagowe albo wybrane z listy.
4. Wybierz jeden z pięciu wyglądów kafelków — panel pokazuje je na prawdziwych kafelkach.

Dlaczego klient nie wpisze 0,33 kg? Przy kafelkach natywne pole ilości jest ukryte, więc klient wybiera jedną z ustawionych porcji. Dzięki temu cena z reklamy albo newslettera zgadza się z koszykiem. Praktyczne wskazówki zebraliśmy w poradniku „Personalizacja produktu w sklepie Shoper”.

Krok 4: ustaw kafelki wariantów

1. Wybierz opcję produktu, np. „Wykończenie” albo „Kolor”.
2. Dla każdej wartości wskaż kolor albo adres obrazka. Przy dużych katalogach kolory i obrazki wczytasz z pliku CSV.
3. Sprawdź produkt z kilkunastoma wariantami — kafelki mają wyszukiwanie, a na telefonie nie trzeba przewijać w bok.

Krok 5: publikacja i test

1. Pracujesz na szkicu. Do kliknięcia „Opublikuj kafelki” klienci widzą poprzednią wersję.
2. Po publikacji zrób zamówienie testowe: klik w 500 g → w koszyku 0,5 kg i właściwa cena.
3. Sprawdź produkt w promocji: cena regularna i najniższa cena z 30 dni mają się przeliczać dla wybranej porcji.
4. Sprawdź listę produktów — może pokazywać cenę za domyślną porcję.
5. Sprawdź obsługę klawiaturą (Tab, strzałki, Home, End) i telefon.

Cennik i co po wyłączeniu

GrowOptions to jeden abonament na oba tryby: 37 zł netto miesięcznie albo 370 zł netto rocznie (rozliczenie przez Shoper App Store). Po zakończeniu planu kafelki znikają ze sklepu, wracają natywne pola Shopera, a konfiguracja zostaje w panelu — bez śladów w szablonie.

Najczęstsze pytania

Czy GrowOptions tworzy nowe warianty albo własny koszyk?

Nie. Kafelki sterują natywnym polem ilości i wyborem wariantu Shopera. Produkt na wagę zostaje jednym produktem z jednym stanem magazynowym.

Które produkty dostaną kafelki wagi?

Produkty, które w Shoperze mają jednostkę dziesiętną (np. kg) i listę wag do wyboru (np. 0,25 / 0,5 kg). Produkt bez takiej listy zostaje ze zwykłym polem ilości, a produkty na sztuki nigdy nie dostają kafelków.

Ile kafelków wagi można ustawić?

Od 2 do 8 kafelków, z wagą z dokładnością do 0,001 kg. Na start jest gotowy zestaw 250 g, 500 g, 750 g i 1 kg.

Czy GrowOptions przelicza cenę porcji i najniższą cenę z 30 dni?

Tak. Z aktualnej ceny za kilogram aplikacja liczy cenę porcji, cenę regularną i najniższą cenę z 30 dni dla wybranej porcji.

Ile kosztuje GrowOptions i co się dzieje po wyłączeniu?

Jeden abonament na oba tryby: 37 zł netto miesięcznie albo 370 zł netto rocznie. Po zakończeniu planu kafelki znikają ze sklepu, wracają natywne pola Shopera, a konfiguracja zostaje w panelu.

Checklista: kafelki wagi i wariantów

• Produkty na wagę mają jednostkę dziesiętną (kg) i listę wag do wyboru.
• Ceny za kilogram aktualne przed włączeniem kafelków.
• Gramatury i kafelek domyślny dobrane do najczęściej kupowanych porcji.
• Wartości opcji wariantów mają spójne nazwy i przypisany kolor lub obrazek.
• Wygląd kafelków sprawdzony w podglądzie przed publikacją.
• Zamówienie testowe: 500 g w koszyku jako 0,5 kg z właściwą ceną.
• Produkt w promocji pokazuje cenę porcji i najniższą cenę z 30 dni.
• Karta sprawdzona na telefonie i klawiaturą.

Adrian ZblewskiFounder GrowCommerce — Platynowy Partner ShoperFounder GrowCommerce — Platynowego Partnera Shoper z 8-letnim doświadczeniem i ponad 1020 wdrożeniami. GrowCommerce tworzy szablony rodziny Modern (Modern 3.0 Storefront), aplikacje GrowX i GrowMail — e-mail marketing dla Shopera.Wszystkie wpisy autora