Przyjaciele Korabek
landing donacji
1000 stałych darczyńców po ~50 zł miesięcznie domyka roczną dziurę budżetową schroniska. Landing zaprojektowany pod jeden wynik - pierwszą wpłatę.
› podgląd
Live-licznik darczyńców · odliczanie do końca roku · selektor kwoty z domyślnym 50 zł
› więcej sekcji
› problem
Schronisko w Korabiewicach od lat utrzymuje pod opieką setki zwierząt. Inflacja i rosnące koszty weterynaryjne sprawiły, że roczna dziura budżetowa sięga ~500 tys. zł - łatana opóźnianiem płatności i ratunkowymi zbiórkami. Cel: skończyć z łataniem i zbudować bazę 1000 stałych darczyńców wpłacających średnio 50 zł miesięcznie. To pokrywa lukę i daje przewidywalny cashflow zamiast szarpaniny co dwa tygodnie.
Wyzwania były trzy. Pierwsze - landing musi tłumaczyć po co i przekonywać w 5 sekund, bo całość ruchu idzie z FB Ads i organiku, gdzie uwaga jest ulotna. Drugie - Polacy płacą BLIK-iem, nie kartą; jednorazowy BLIK to standard, ale BLIK cykliczny (z tokenem do automatycznego pobierania co miesiąc) nie ma żadnego gotowego modułu w ekosystemie WooCommerce. Trzecie - wszystko musi działać mobile-first, bo 80% ruchu z reklam to telefony.
› co zbudowałem
Mobile-first landing oparty o WordPress + WooCommerce z customowym motywem (od zera, nie szablon) i własnymi modułami płatności. Cała narracja w jednym scrollu, konwersja sprowadzona do jednego kroku - modal „Chcę dołączyć" z minimalnym formularzem.
BLIK cykliczny - własny moduł WooCommerce
Standardowo BLIK to płatność jednorazowa. BLIK cykliczny z tokenem (gdzie raz wpisujesz kod, a kolejne miesiące pobierają się automatycznie) jest dostępny w API Tpay, ale żaden gotowy plugin tego nie wystawia w WooCommerce. Dorobiłem własny moduł, który:
- spina Tpay BLIK Płatności Powtarzalne z silnikiem subskrypcji WooCommerce
- obsługuje tokenizację po pierwszej autoryzacji - kolejne pobrania bez interakcji użytkownika
- fallback i retry przy nieudanym pobraniu, z powiadomieniem darczyńcy
- obok BLIK-a działa też karta cykliczna (klasyczne tokeny Tpay) - darczyńca wybiera
Konwersja w jednym ekranie
- wybór kwoty 25 / 50 / 100 zł lub własna kwota - input pojawia się dynamicznie z dropdownu, bez przeładowania, z natychmiastową walidacją
- domyślnie zaznaczone 50 zł (mediana wpłat z poprzednich kampanii)
- tylko niezbędne pola: imię, e-mail, opcjonalnie telefon - bez adresu pocztowego, bo donacja nie wymaga wysyłki
- checkout w brandingu schroniska, nie w domyślnym Woo - jeden ekran, jeden CTA
Element urgency i social proof
- Live-licznik darczyńców - odlicza od 1000 w dół (ile jeszcze brakuje), aktualizowany na bieżąco wraz z nowymi subskrypcjami
- Progress bar w hero - wizualny postęp w stronę celu finansowego
- Odliczanie dni do końca roku - dodaje urgency bez krzyku, klamra czasowa kampanii
Pod kampanię FB Ads
- Meta Pixel z conversion API + GA4 podpięte pod każdy mierzalny etap (scroll, klik CTA, otwarcie formularza, sukces wpłaty)
- UTM tracking - marketing wie, która kreacja przynosi najwięcej stałych darczyńców, nie tylko kliknięć
- OG meta zoptymalizowane pod udostępnienia (FB, Messenger, WhatsApp, X) - właściwy obrazek i krótki, mocny tytuł
- Complianz GDPR - banner cookie z conditional loading skryptów (Pixel/GA4 startują dopiero po zgodzie)
Branding i UX
- narracja w jednym scrollu z naprzemiennymi sekcjami jasna/ciemna - rytm i czytelność na mobilce
- ciepła paleta (kremowy + ciemny brąz + akcent pomarańczowy) - emocjonalny ton, ale nie nachalny
- SVG ikony zamiast emoji (łapy, checkmarki) - spójność i HiDPI-friendly
- copy zatwierdzone z fundacją Viva - landing mówi językiem schroniska, nie marketingu
Każdy element landinga jest mierzalny - od scroll-depth po conversion event z pierwszej cyklicznej wpłaty. Marketing wie, co zwraca, a fundacja wie, ilu nowych darczyńców domyka cel finansowy w danym tygodniu.
› stack
- WordPress
- WooCommerce
- WooSubscriptions
- Tpay
- BLIK cykliczny (custom)
- PHP 8.3
- Meta Pixel
- GA4
Masz sklep albo landing, który ma sprzedawać konkretnie?
Pogadajmy. 15 minut, bez zobowiązań - powiesz, co ma się wydarzyć po kliknięciu „Wpłacam".
Umów rozmowę