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:
- 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.
- 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:
- Zapisuje użytkownika do bazy MailerLite – dzięki bezpośredniej integracji z API.
- 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.
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.
