Instrukcja krok po kroku

Od instalacji do pierwszej etykiety na sklepie

GrowLabels ma jeden ekran roboczy. Ustawiasz widoczność, wstążkę rabatu i własne metki, porównując rezultat na liście oraz karcie produktu z Twojego sklepu.

Krok 1

Pierwsze uruchomienie

  1. Zainstaluj GrowLabels z Shoper App Store i zaakceptuj wymagane uprawnienia do odczytu produktów oraz kategorii.
  2. Otwórz aplikację z panelu Shoper. Na pulpicie zobaczysz stan widoczności, miejsca wyświetlania i datę ostatniego pobrania danych produktów.
  3. Wybierz Zarządzaj etykietami. Pierwszy produkt ze sklepu pojawi się w podglądzie po prawej stronie.
Pierwsze pobranie danych produktów może chwilę potrwać. Nie musisz zostawiać aplikacji otwartej: kolejne próby wykonują się automatycznie.
Pulpit GrowLabels z przyciskiem Zarządzaj etykietami i podglądem produktu
Pulpit pokazuje aktualny stan aplikacji bez technicznych ustawień.
Krok 2

Wybierz, gdzie etykiety są widoczne

Na początku ekranu znajdują się trzy przełączniki:

  • Włącz etykiety produktów - główny przełącznik całego widgetu. Wyłączenie nie usuwa konfiguracji.
  • Pokaż na liście produktów - etykiety na kafelkach kategorii, wyników wyszukiwania i innych list.
  • Pokaż na karcie produktu - wstążka na głównym zdjęciu i metki przy nazwie produktu.

Każda własna metka ma dodatkowo osobny wybór tych dwóch miejsc. Główny przełącznik ma zawsze pierwszeństwo.

Jeśli szablon pokazuje własne oznaczenie o tej samej treści, np. drugą plakietkę „Promocja”, wyłącz nakładającą się opcję w szablonie. GrowLabels nie usuwa automatycznie natywnych elementów wyglądu sklepu.
Krok 3

Skonfiguruj automatyczną wstążkę rabatu

Wstążka korzysta z rzeczywistej ceny regularnej i promocyjnej produktu. Nie wpisujesz wartości rabatu ręcznie.

  1. Włącz sekcję Wstążka rabatu.
  2. Wybierz format: procent, np. -20%, albo kwota, np. -20 zł.
  3. Wskaż róg zdjęcia oraz kolory tekstu i tła.
  4. Opcjonalnie ustaw pola Od i Do. Puste pola oznaczają brak ograniczenia czasowego.

Wstążka nie pojawi się na produkcie bez aktywnej obniżki, nawet gdy jej główny przełącznik jest włączony.

Ustawienia wstążki rabatu GrowLabels
Format, położenie, kolory i termin mieszczą się w jednej sekcji.
Krok 4

Dodaj metkę i wybierz warunki

Nad edytorem zobaczysz doradcę opartego na ostatnio zsynchronizowanych danych produktów oraz dwie najbliższe okazje z dokładną datą. Wybór okazji pokazuje pasujące projekty i proponuje termin, ale niczego nie zapisuje bez Twojej decyzji. Dopiero Użyj metki z terminem tworzy lokalny szkic, który nadal wymaga Zapisz i pokaż w sklepie.

Wybierz Dodaj metkę, a następnie pustą metkę albo jeden z 51 edytowalnych punktów startowych dla 21 okazji. Nadaj metce zrozumiały tekst, kolory, położenie i jeden z czterech kształtów: klasyczny, kapsułkę, zakładkę albo pieczęć. Możesz dodać od 1 do 5 warunków i zdecydować, czy produkt ma spełniać wszystkie (ORAZ), czy dowolny z nich (LUB):

RegułaKiedy metka się pojawia
PromocjaProdukt ma aktywną obniżkę ceny.
NowośćProdukt dodano w ciągu wskazanej liczby dni.
Ostatnie sztukiStan magazynowy jest równy lub niższy od ustawionego progu.
KategoriaProdukt należy do jednej z zaznaczonych kategorii.
ProducentProdukt ma jednego z zaznaczonych producentów.
Rabat co najmniejProcent obniżki osiąga wskazaną wartość.
Zakres cenyCena produktu mieści się między wartością od i do.
RęcznieProdukt został wskazany w wyszukiwarce tej metki.
ZawszeKażdy produkt w wybranych miejscach spełnia regułę.

Termin i odwrócenie warunku

Każda metka ma własny termin wyświetlania. Przy jednym warunku opcja Odwróć działanie reguły ukrywa metkę na pasujących produktach i pokazuje ją na pozostałych. Przykład: „Kategoria: Outlet” z odwróceniem wyklucza outlet z kampanii obejmującej resztę oferty. Po dodaniu kolejnego warunku tryb odwrócony zostaje wyłączony, aby wynik ORAZ/LUB pozostał jednoznaczny. Przełączniki Komputer / Telefon zmieniają wyłącznie szerokość podglądu i nie zapisują ustawień.

Krok 5

Przypisz metkę do konkretnych produktów

  1. Ustaw regułę Ręcznie.
  2. W polu Produkty z tą metką wpisz nazwę, kod lub ID produktu.
  3. Wybierz wynik. Produkt pojawi się poniżej jako przypisanie gotowe do zapisu.
  4. Aby go usunąć, użyj przycisku z krzyżykiem przy nazwie.

Wyniki pochodzą z ostatniego pełnego pobrania danych produktów. Jeśli świeżo dodanego produktu nie ma na liście, odśwież dane produktów w dolnej części ekranu.

Ręczne przypisanie produktu Koszula lniana do metki Bestseller
Wyszukiwarka zapisuje ID produktu, ale w panelu pokazuje jego czytelną nazwę.
Krok 6

Zamień metkę w przycisk kopiujący kod

W sekcji Kod rabatowy wpisz kod i tekst potwierdzenia, np. „Skopiowano!”. Pojawią się dodatkowe opcje wyglądu:

  • ikona z biblioteki lub emoji,
  • pozycja ikony, styl i rozmiar,
  • kolor ramki i tekst przed kodem,
  • wielkie litery oraz ukrycie kodu do pierwszego kliknięcia.
GrowLabels nie tworzy rabatu w Shoperze. Kod musi wcześniej istnieć i być aktywny w panelu sklepu. Aplikacja tylko pokazuje go na właściwych produktach i kopiuje do schowka klienta.

Reguła, miejsca i termin ustawione dla metki nadal decydują, gdzie przycisk kodu jest widoczny.

Krok 7

Sprawdź rezultat, zapisz i odśwież dane

Sekcja Styl etykiet ustawia symbol waluty, rozmiar i grubość tekstu oraz zaokrąglenie wszystkich etykiet. Podgląd zmienia się od razu i nie wpływa na sklep, dopóki nie zapiszesz zmian.

  1. Przełącz podgląd między Listą produktów i Kartą produktu. Każdy widok uwzględnia własne przełączniki widoczności.
  2. Sprawdź komunikat pod podglądem. „Masz niezapisane zmiany” oznacza, że klienci nadal widzą poprzednią wersję.
  3. Wybierz Zapisz i pokaż w sklepie. Przycisk ze znakiem zapytania wyjaśnia dokładny zakres działania.
Zapis nie zmienia produktów, cen ani promocji w Shoperze. Udostępnia widgetowi wyłącznie konfigurację GrowLabels. Etykiety mogą odświeżyć się w sklepie w ciągu 30 sekund.
Podgląd listy produktów i panel zapisu zmian GrowLabels
Podgląd jest natychmiastowy, a wyraźny stan zapisu oddziela eksperyment od zmiany widocznej dla klientów.

Automatyczna i ręczna aktualizacja danych

Dane produktów odświeżają się automatycznie co 15 minut dla aktywnych sklepów. Po większym imporcie produktów, zmianie cen, stanów lub kategorii możesz użyć przycisku Odśwież dane produktów. Znak zapytania obok przycisku potwierdza, że ta akcja tylko pobiera dane i niczego nie zapisuje w Shoperze.

Sekcja odświeżania danych produktów GrowLabels
Ręczne odświeżenie jest dodatkiem do cyklu automatycznego.
Krok 8

Jak GrowLabels trafia na RWD i Storefront

Instalacja App Store ma dwa niezależne tory techniczne, ale klient zarządza nimi jako jedną aplikacją:

  • RWD / Modern 3.0 - globalny loader uruchamia widget na listach i kartach produktu.
  • Storefront / Modern 3.1 - zawsze aktywny moduł integracyjny ładuje ten sam renderer i reaguje na nawigację Storefront.

Nie wklejaj samodzielnie drugiego skryptu. Podwójny loader może powodować niepotrzebne żądania, nawet jeśli renderer chroni się przed zduplikowaniem etykiet.

Etykiety GrowLabels na karcie produktu Storefront
Storefront: wstążka jest montowana na głównym zdjęciu, a metki przy tytule produktu.

Gdy etykiet nie widać

  1. Sprawdź główny przełącznik oraz miejsce „lista” lub „karta produktu”.
  2. Sprawdź, czy produkt spełnia regułę i termin wyświetlania.
  3. Użyj ręcznego odświeżenia danych, a potem zapisz ustawienia.
  4. Po zapisie odczekaj do 30 sekund i odśwież stronę sklepu.
  5. Jeśli problem pozostaje, prześlij adres produktu na adres wsparcia.
Krok 9

Plan, wyłączenie i wsparcie

Pełny trial trwa 14 dni od pierwszej instalacji. Później GrowLabels kosztuje 69 zł netto miesięcznie albo 690 zł netto rocznie. Planem i rezygnacją zarządzasz w Shoper App Store.

Po zakończeniu okresu próbnego

Panel wyjaśni, dlaczego edycja jest niedostępna, i pokaże przycisk Wybierz plan. Zapisane ustawienia pozostają bez zmian. Po aktywacji planu Pro możesz wrócić do ich edycji.

Komunikat GrowLabels po zakończeniu okresu próbnego z przyciskiem Wybierz plan
Stan wygasłego planu nie udaje aktywnego edytora i prowadzi bezpośrednio do wyboru planu.

Gdy aplikacja nie otwiera się

Najpierw użyj przycisku Odśwież stronę. Taki błąd nie zmienia zapisanych etykiet ani produktów. Jeśli ekran pojawi się ponownie, wybierz Napisz do wsparcia i podaj domenę sklepu.

Ekran chwilowego błędu GrowLabels z akcjami odświeżenia i kontaktu ze wsparciem
Ekran błędu nie pokazuje danych technicznych i zawsze pozostawia jasną drogę wyjścia.

Wyłączenie głównego przełącznika zachowuje konfigurację. Odinstalowanie aplikacji odcina widget, oznacza sklep jako nieaktywny oraz usuwa zapisane ustawienia, ręczne przypisania i lokalnie pobrane dane produktów.

Wsparcie po polsku: support@app.growcommerce.pl. W zgłoszeniu podaj domenę sklepu, adres strony produktu i krótki opis oczekiwanego rezultatu.