Captcha (Cloudflare Turnstile) to mechanizm zabezpieczający formularze w sklepie przed spamem i działaniami botów. Wykorzystuje darmową technologię Cloudflare Turnstile, która weryfikuje użytkowników automatycznie — bez konieczności rozwiązywania zagadek graficznych. Captcha chroni formularze finalizacji zamówienia, zapytania o produkt, strony kontaktowej oraz zgłoszenia w sekcji „Twoje konto”.
Funkcja dostępna jest wyłącznie na skórkach Flex.
Wejdź na stronę logowania Cloudflare (tutaj) i Załóż konto (1).
Ważne — po zarejestrowaniu się musisz potwierdzić swój adres e-mail. Link aktywacyjny otrzymasz na swoją skrzynkę pocztową, którą podałeś podczas rejestracji.
Po zalogowaniu przejdź do sekcji Application security (1) -> Turnstile (2) -> Add wiget manually (3).
Aktualnie znajdujemy się w oknie dodawania widgetu. Na początek uzupełnij nazwę (1), jest ona dowolna, zalecamy uzupełnienie jej nazwą sklepu. Następnie naciśnij Add Hostnames (2), proces dodawania Hostnames w kolejnym kroku.
W polu (1) wprowadź nazwę swojej domeny i naciśnij Add (2) -> Zaznacz wszystkie domeny (3), które dodałeś (oficjalne domeny oraz adresy techniczne) -> Zapisz ustawienia przez Save (4).
WAŻNE — jeżeli posiadasz do sklepu podpięte kilka domen, to w tym miejscu zalecane jest, aby dodać wszystkie te domeny (np. sky-shop.pl, twojsklep.pl). Warto również dodać w tym miejscu adres techniczny (np. flex.mysky-shop.pl) swojego sklepu.
Teraz wyświetlą Ci się dwa klucze Site key (1) oraz Secret key (2).
WAŻNE — wygenerowane klucze będzie trzeba wkleić w panelu administracyjnym sklepu, więc:
1. Skopiuj widoczne klucze.
2. Zapisz je w aplikacji Notatnik.
3. Podpisz klucze zgodnie z podpisem na stronie Cloudflare, tj. Site key: oraz Secret key:
Następnie naciśnij ikonkę Moje konto (1) i wybierz Profile (2).
Teraz przechodzimy do tworzenia klucza API w API Tokens (1), a następnie Create Token (2).
Wybierz opcję Get started (1) dla funkcji „Create Custom Token”.
Uzupełnij dowolną nazwę klucza API (1), najlepiej nazwą sklepu. Dodaj uprawnienia w sekcji Permissions (2) i naciśnij Continue to summary (3).
Uprawnienia, jakie należy ustawić to:
1. Acoount > Turnstile > Read.
2. Account > Turnstile > Edit.
Potwierdź utworzenie klucza API poprzez naciśnięcie Create token (1).
Teraz zobaczysz swój klucz API, skopiuj go (1) i zapisz go w bezpiecznym miejscu.
WAŻNE — w kroku 4 instrukcji zapisywaliśmy Site key oraz Secret Key w notatniku, teraz skopiuj Klucz API i również zapisz go we wcześniejszych notatkach.
Wróć do głównego panelu Cloudflare poprzez naciśnięcie strzałki obok My profile (1).
Z poziomu głównego panelu Cloudflare naciśnij trzy kropki (1) i skopiuj Account ID (2).
WAŻNE — w poprzednich krokach zapisaliśmy Site key, Secret Key i klucz API w notatniku, teraz skopiowany Account ID również go do niego dopisz, wszystkie te ciągi znaków będą wymagane w panelu administracyjnym.
Przejdź w panelu administracyjnym swojego sklepu do Konfiguracja (1) -> Bezpieczeństwo (2) -> Captcha (CloudFlare Turnstille) (3). Poniżej znajdziesz informacje o tym, jak uzupełnić pola formularza. Po uzupełnieniu formularza Zapisz ustawienia.
Aktywna (4) – ustaw na Tak, aby uruchomić integrację.
Klucz strony (5) – wklej utworzone w kroku 4 instrukcji Site Key.
Klucz prywatny (6) – wklej utworzony w kroku 4 instrukcji Secret Key.
Token API (7) – wklej utworzony w kroku 9 instrukcji API Key.
ID konta Cloudflare (8) – wklej skopiowany w kroku 10 instrukcji Account ID.
Rezultat
Po poprawnym skonfigurowaniu integracji na formularzach w sklepie pojawi się widget Cloudflare Turnstile. Weryfikacja odbywa się automatycznie — klient nie musi rozwiązywać żadnych zagadek ani klikać w checkbox.
Jeśli weryfikacja się nie powiedzie (np. wykryty zostanie bot), formularz nie zostanie wysłany. W przypadku problemów technicznych po stronie Cloudflare (timeout, błąd połączenia) formularz zostanie przepuszczony normalnie — dzięki temu klienci nigdy nie zostaną zablokowani przed dokończeniem zakupów.
Captcha chroni następujące formularze:
- finalizacja zamówienia,
- zapytanie o produkt,
- strona kontaktowa,
- zgłoszenie w sekcji „Twoje konto”.
