Kontekst i Cel

Naszym celem było stworzenie dla TRIPLÉS OFFICIAL nowego systemu popup’ów na stronie e-commerce, który w prosty sposób umożliwi automatyczne dodanie rabatu do koszyka i zapisanie użytkownika na newsletter w MailerLite. Projekt był częścią zmiany narzędzia do automatyzacji marketingu – klient zakończył współpracę z poprzednią platformą, a naszym zadaniem było zapewnienie bezproblemowego przejścia na nowe rozwiązanie.

Opis Rozwiązania

Struktura popup’ów

Aby skutecznie zachęcić użytkowników do zapisu na newsletter i jednocześnie zapewnić im natychmiastową korzyść w postaci rabatu, zaprojektowaliśmy dwupoziomowy system popupów. Jego działanie zostało przemyślane tak, aby nie przeszkadzał w zakupach, a jednocześnie był widoczny i angażujący. Poniżej opisujemy, jak działa każdy z elementów tego systemu:

  1. Mały popup (Popup nr 1) – Wyświetla się w prawym dolnym rogu na każdej stronie z wyjątkiem strony zamówienia. Zawiera przycisk „Zapisz się”, którego kliknięcie uruchamia większy popup.
  2. Duży popup (Popup nr 2) – Pojawia się po kliknięciu w przycisk z małego popupu lub automatycznie na stronie zamówienia, gdy użytkownik wpisze swój adres e-mail. Zawiera formularz umożliwiający zapis do newslettera.

Funkcjonalności dużego pop-up’u

Po kliknięciu przycisku „Zapisz się” w dużym popupie, system automatycznie wykonuje dwie czynności:

  1. Zapisuje użytkownika do bazy MailerLite – dzięki bezpośredniej integracji z API.
  2. Dodaje kupon rabatowy do koszyka – wykorzystaliśmy własne funkcje, które reagują na zapis i automatycznie aktywują rabat.

Zachowanie na stronie zamówienia

Na etapie finalizacji zakupu popup uruchamia się automatycznie w momencie, gdy użytkownik wpisze swój adres e-mail. Aby uprościć proces zapisu, dane takie jak imię i e-mail są automatycznie przenoszone z formularza zamówienia do formularza popupu – użytkownik nie musi wpisywać ich ponownie.

Implementacja techniczna

Zarządzanie wyświetlaniem popupów

Po zamknięciu popupu zapisujemy znacznik czasu (timestamp) w przeglądarce użytkownika (LocalStorage), co pozwala ukryć popup na 7 dni. Dodatkowo, jeśli użytkownik jest zalogowany, system sprawdza, czy wcześniej zapisał się już do newslettera – w takim przypadku popup się nie pojawi.

Bezpieczeństwo i niezawodność działania

Sprawdziliśmy występowanie ewentualnych błędów poprzez szczegółową diagnostykę połączenia z API MailerLite. Dodatkowo wdrożyliśmy mechanizmy awaryjne (fallback), które gwarantują, że kupon rabatowy zostanie dodany do koszyka nawet w przypadku problemów z integracją.

Dodanie kuponu do koszyka

Po potwierdzeniu zapisu do newslettera, kupon automatycznie trafia do koszyka. Aby poprawnie go zastosować, wdrożyliśmy funkcję odświeżania strony koszyka i zamówienia. Kupon jest też przechowywany jako ukryta zmienna w formularzu zamówienia, co pozwala na jego bezbłędne przekazanie podczas finalizacji zakupu.

Automatyzacja dodawania kuponu WooCommerce

Efekty i wnioski

Wdrożone rozwiązanie przyniosło szereg korzyści zarówno dla biznesu, jak i dla użytkowników sklepu:

  • Mniej porzuconych koszyków – dzięki temu, że kupon rabatowy dodawany jest automatycznie i natychmiast po zapisie do newslettera, klienci chętniej kończą zakupy i nie rezygnują na ostatnim etapie.
  • Bezproblemowe przejście na nowe narzędzie – migracja z poprzedniego systemu do MailerLite przebiegła płynnie, bez żadnych przerw w działaniu strony ani strat w bazie subskrybentów.
  • Lepsze doświadczenie użytkownika (UX) – popupy pojawiają się w odpowiednich momentach, dopasowując się do zachowania użytkownika na stronie. Dzięki temu są skuteczne, ale nieinwazyjne.

Dalsze kroki

Aby jeszcze bardziej zwiększyć skuteczność wdrożonego rozwiązania, zaproponowaliśmy kolejne działania:

  • Testy A/B – będziemy porównywać różne wersje popupów, aby sprawdzić, które najlepiej zachęcają użytkowników do zapisu i wpływają na konwersję.
  • Dostosowanie częstotliwości wyświetlania – zoptymalizujemy mechanizm LocalStorage, tak aby popupy pojawiały się w odpowiednich odstępach czasowych, nie będąc uciążliwymi.
  • Stały monitoring wyników – analizujemy skuteczność kampanii i na bieżąco dopasowujemy treści popupów do zachowań i potrzeb użytkowników.

Dzięki temu rozwiązaniu (zobacz tutaj) klientka zyskała większą kontrolę nad listą mailingową, a użytkownicy szybciej otrzymują korzyści z zapisu, co bezpośrednio wpływa na wzrost konwersji i sprzedaży.