26 komentarzy Blogowanie, Wordpress, Wordpress Poradniki

Niezależnie od tego czy nasza strona zarabia czy też nie, to jedno jest pewne, przetwarza dane osobowe chociażby poprzez formularza kontaktowy, znajdujący się najczęściej w zakładce kontakt czy też w komentarzach pod artykułem. W tym wpisie zajmiemy się przetwarzaniem danych w formularzu kontaktowym zbudowanym za pomocą wtyczki wordPress – Contact Form 7.

Przed nami Rodo, a więc właściciel strony internetowej musi wprowadzić checkboxy, które pozwolą użytkownikowi na dobrowolne zaakceptowanie/wyrażenie zgody na przetwarzanie jego danych. Na grupach i w internecie przewijają się informacje, że należy takie checboxy dodać do formularzy zapisu na listę mailingową, ale nasza strona internetowa również przetwarza dane użytkowników i musimy w odpowiednich miejscach dodać wspomniane checkboxy.

Contact form 7 jest jedną z najpopularniejszych wtyczek do osadzenia formularza kontaktowego na naszym blogu WordPress.

Aktywnych instalacji ponad 5 milionów. Jeśli również masz zainstalowaną wtyczkę u siebie na blogu, to wystarczy dosłownie parę kliknięć myszką, aby przystosować formularza kontaktowy do Rodo.

Jak działają checkboxy ?

Checkbox spowoduje wykonanie akcji, w naszym przypadku pozwoli wysłać wiadomość w momencie kiedy zostanie zaakceptowany, zaznaczony. W przeciwnym razie wiadomość nie zostanie wysłana.

Konfiguracja wtyczki Contact form 7 do Rodo – jak to zrobić krok po kroku

 

Krok 1) To co musisz zrobić to przejść do formularza kontaktowego czyli przejdź do zakładki Formularze, a następnie edytuj wybrany formularza.

Krok 2) Teraz musimy stworzyć checkbox w tym celu przejdź do zakładki Formularze i kliknij w przycisk wyrażanie zgody

Krok 3) W nowym oknie uzupełniamy dane czyli konfigurujemy checkboxa

  • Pole 1) tutaj mamy domyślną nazwę ( u ciebie może być inna) – możesz ją zmienić na swoją przykładowo rodo
  • Pole 2 ) w tym miejscu piszemy formułkę, która informuję użytkownika, że wyraża zgodę na przetwarzanie jego danych
  • Pole 3) tutaj mamy możliwość dodania klasy CSS, aby spersonalizować wygląd – w naszym przypadku nie będzie nic wpisywać
  • Pole 4) wygenerowany shortcode pola wyrażenia zgody
  • Pole 5) po kliknięciu zostanie wstawiony shortcode checkboxa do naszego formularza

Po wstawieniu znacznika zgody, nasz formularz wygląda następująco. Jak widzisz został dodany shortcode.

Sprawdzamy jak wygląda teraz nasz formularza i czy faktycznie nie przepuszcza i nie wysyła wiadomości bez zaakceptowania checkboxa.

Wszystko działa jak należy. Ale czy to koniec? Nie koniecznie, możemy nanieść dodatkowe rzeczy.

Wiele osób pisze, że w takiej formułce dobrze jest podać link do polityki prywatności, ponieważ gdybyś musiał napisać długą formułkę, albo będziesz musiał wstawić kilka checboxków to nie będzie to wyglądało zbyt estetycznie, prawda ?. W tym wypadku cześć informacji podasz przecież właśnie w polityce prywatności.

Jak dodać link, odnośnik do polityki ? Bardzo prosto.

Edytuj ponownie formularz. Nie możemy edytować checboxa, ale możemy dopisać kod html już w tym formularzu. To co musisz zrobić to dodać <a href=”link-do-polityki-prywatości”> Polityka Prywatności </a>. Na zdjęciu widzisz, w którym miejscu należy dodać kod html. Dokładnie między znacznik [acceptance Rodo]  [/acceptance]

Jeśli ktoś kliknie w link Polityka Prywatności, zostanie wyświetlona właśnie ta strona, do której kierujemy. Ale w tym momencie zniknie strona kontakt i jeśli osoba napisała już emaila, będzie musiała cofnąć się i ponownie go napisać, trochę bez sensu, ponieważ może nie zechce kolejny raz pisać emaila i tym samym możemy stracić potencjalnego klienta.

Dlatego dobrym rozwiązanie jest tutaj jeszcze dodanie atrybut target=”_blank do <a href>, ponieważ spowoduje to otwarcie nowej karty w przeglądarce, a nie zastąpienie obecnej strony.

Zmodyfikuj kod <a href=”link-do-polityki-prywatości” target=”_blank“> Polityka Prywatności </a>.

Teraz nasz checkbox nie dość, że działa prawidłowo to jeszcze w odpowiedni sposób wyświetla link do Polityki Prywatności i jesteś pewien, że nie stracisz potencjalnego klienta.

Wydawałoby się, że wszystko jest już ok, ponieważ wszystko działa, ale jeszcze nie do końca zadowala mnie ten efekt. Nasz potencjalny klient będzie klikał przycisk wysłania, a formularz będzie wyglądał jakby nie działał, nic nie będzie się działo. Czegoś tutaj brakuje, prawda? Oczywiście brakuje wyświetlonego komunikatu, że checkbox nie został zaakceptowany i dlatego formularz nie wyśle wiadomości.

Efekt, który chcemy osiągnąć to pokazać domyślny komunikat, który wygląda następująco:

To co teraz musisz zrobić to wrócić do edycji formularza, a następnie wybrać zakładkę Ustawienia dodatkowe.

Następnie wpisz komendę acceptance_as_validation: on i zapisz zmiany. Ta komenda właśnie odpowiada za pokazanie błędu/komunikatu w przypadku nie zaznaczenia pola wyrażam zgodę.

Teraz to już wszystko co musiałeś zrobić, aby dodać prawidłowo checkobox do swojego formularza kontaktowego i przesyłać wiadomości zgodnie z wytycznymi Rodo.

Mam nadzieję, że artykuł jest przydatny. Jeśli tak proszę, udostępnij go znajomym, aby i oni mieli dodane checkboxy na swoim wordPressie, jeśli korzystają z wtyczki wordpress Contact Form 7.

W kolejnych artykułach pokażę Ci inne wtyczki, które pomogą przystosować Twojego WordPressa do Rodo.


Kamila Nitschka on Facebook
Kamila Nitschka
Specjalizuję się w Wordpressie od kilku lat. Tworzę strony internetowe w oparciu o WP dla swoich klientów. WordPress wykorzystuje nie tylko do budowy stron internetowych, ale także to budowania platform dla kursów online, sprzedaży kursów mailowych i innych.
Tagi
26 Komentarzy
  1. Jakub Jaworowicz

    Przypomnę tylko, że checkbox w formularzu kontaktowym jest potrzebny TYLKO jeżeli dane z formularza chcemy wykorzystać w celu innym niż odpowiedź na wiadomość – osobny chexkbo dla telefonu, maila, systemów automatycznych jeżeli chcemy wykorzystywać te dane do np. Działań marketingowych. Wystarczy tylko ogólną informacją, że przetwarzasz dane na cele odpowiedzi na wiadomość oraz formułka o tym kto co z linkiem.
    Jakub Jaworowicz ostatnio opublikował…Marketing Automation dla restauracji – Dlaczego warto?My Profile

    Reply
    1. Kamila Nitschka

      Dzięki za komentarz, słuszna uwaga. Wiele osób korzysta z tych maili do innych celów, więc warto taki checkbox dodać do formularza.

      Reply
  2. Katarzyna

    Czyli wystarczy, jeśli na blogu anglojęzycznym dodam tylko disclaimer “I will use your data only to respond to your message”?

    Reply
    1. Kamila Nitschka

      To jest tylko zgoda. Musisz mieć wszystko przygotowane pod Rodo/ GDPR, dokumenty itp.

      Reply
  3. Jakub Jaworowicz

    Disclaimer + link do polityki 🙂
    Ja wykorzystałem okazję do tego, że te checkboxy się pojawiają w formularzu bez potrzeby i dodałem zgodę marketingową na jednym z projektów – ludzie zaznaczają już z przyzwyczajenia.
    Jakub Jaworowicz ostatnio opublikował…Jak RODO wpływa na Cold Mailing? Czy będzie legalny po 25 maja?My Profile

    Reply
  4. Datahouse

    Bardzo przydatne wskazówki. Muszę wdrożyć to u siebie. Pozdrawiam

    Reply
    1. Kamila Nitschka

      Bardzo się cieszę, że wskazówki są przydatne.

      Reply
  5. Tomasz

    Ja mam natomiast takie pytanko. Bo gdzieś wyczytałem iż jednym z wymogów narzuconych przez RODO jest umieszczenie informacji kto jest administratorem danych udostępnianych poprzez formularz. Tak więc gdzie tę informację należy umieścić i jak do takiego efektu skonfigurować wtyczkę Contact Form 7?

    Reply
    1. Kamila Nitschka

      Takie informacje umieść w Polityce Prywatności najlepiej.

      Reply
  6. Jakub Jaworowicz

    Której link powinien być pod formularzem 🙂
    Jakub Jaworowicz ostatnio opublikował…Gadżety reklamowe – Dlaczego warto? Jakie wybrać? Gdzie kupić?My Profile

    Reply
  7. Iwona

    Bardzo przydatny artykuł. Nasuwa mi się jednak jeszcze jedno pytanie: co zrobić w sytuacji, gdy mamy dwa checkboxy, a chcemy, żeby tylko jeden z nich był obowiązkowy?

    Reply
  8. Iwona

    I skąd będziemy wiedzieli otrzymując maila z wiadomością, która ze zgód została zaakceptowana, a która nie?

    Reply
    1. Kamila Nitschka

      Możesz zamiast pola “wyrażenie zgody” czyli to pole, które jest omawiane w tym artykule, wstawić pole np. “pole wyboru” wtedy pojawi się checkbox, który można zaznaczyć albo nie. Musisz to skonfigurować.

      Reply
  9. Piotr

    Podpowiedzcie jak zrobić by zamiast klikać w link i wyświetlać politykę na osobnej stronie po najechaniu na tekst otwierała się chmurka z tym tekstem do akceptacji. Będzie to tylko jedno lub dwa zdania ale będzie estetyczniej jak u mnie.

    Reply
  10. Asia

    Bardzo przydatny wpis, natomiast mi osobiscie wskazówki nie zadziałały.
    Pod formularzem faktycznie pokazuje się odnośnik do polityki prywatnosci, po kliknięciu otwiera się prawidłowo nowa karta, jednak pojawia się na niej błąd. Jak skierować odnośnik do odpowiedniego linka gdzie znajduje się polityka prywatności? Bo mimo licznych prób modyfikacji bład moim zdaniem tkwi w tym mmiejscu: (link powinien być zakończony /polityka-prywatnosci, natomiast w nowej karcie pojawia się /kontakt/… dalej to co wpisujemy po href) Będę wdzieczna za pomoc 🙂

    Reply
  11. Eska

    Hej, możesz mi powiedzieć jak mam wstawić link do polityki prywatności? Dodałam już Polityka Prywatności , ale niestety przy próbie wpisania strony z polityką prywatności, pokazuje mi błąd, strona się nie otwiera, a utworzyłam ją już i udostępniłam. Jak to powinnam wpisać: http://mojastrona.pl/polityka prywatności ???

    Reply
  12. Radek

    Dzięki za rady, o wiele szybciej człowiek wstawił odpowiedni formularz.
    Mam pytanie. Gdyż w moim przypadku link nie wyświetla do polityki prywatności ale z jakiś powodów wstawia adres stron wraz z linkiem polityki prywatności. Czy ktoś wie dlaczego tak się dzieje?

    Reply
  13. Bogusław

    Dziękuję za intuicyjny formularz jak wstawić znacznik danych osobowych i znacznik obowiązkowego zaznaczenia pola. Wszystko idealnie zadziałało. Mam tylko pytanie czy istnieje taka możliwość – jeśli tak czy można w tej instrukcji dopisać jak w emailu rezerwacyjnym mogła by przyjść informacja, że pytający zaznaczył zgodne na dane?
    Wiadomo nie wyśle bez zaznaczenia ale przydałoby się takie info 🙂

    Reply
    1. Kamila Nitschka

      Musi zaznaczyć zgodę jeśli chce wysłać maila, bez zaznaczenia email nie zostanie wysłany. Sprawdzę czy można dodać taką informację w mailu.

      Reply
  14. Van

    Mam ten sam problem. Po kliknieciu odnosnika do polityki prywatnosci, ten nie przekierowuje na wpisany w a href adres, lecz dokleja to co tam wpiszemy do sciezki do strony kontak. Dla przykladu:
    Jesli mam formularz z linkiem do polityki prywatnosci mam wpod adresem http://www.przyklad.pl/kontakt a polityke prywatnoscipod adresem http://www.przyklad.pl/politykaprywatnosci , to klikajac link z chekboxa odnosi mnie na adres:
    http://www.przyklad.pl/kontakt/www.przyklad.pl/politykaprywatnosci co oczywiscie generuje blad, poniewaz nie znajduje strony.
    Mam nadzieje, ze w miare zrozumiale opisalem problem,ktory jak widze maja tez inni Twoi czytelnicy 🙂

    Bede wdzieczny za podpowiedz 🙂

    Reply
  15. Van

    Witam ponownie:)

    Powyzszy problem nie dawal mi spokoju, wiec postanowilem, ze nie poloze sie spac dopoki go nie rozwiaze:)
    Na szczescie sie udalo i bede mogl spac spokojnie.
    Otoz rozwiazanie jest iscie banale, choc zorientowanie sie, w czym lezy blad, juz bardziej drobiagowe:) Otoz jestem przekonany, ze osoby, ktore mialy ten sam problem, czyli nieotwierajacego sie poprawnie linka, kopiowaly skladnie odnosnika wprost z tresci tego badz co badz przydatnego wpisu:) Wyglada to tak Polityka Prywatności
    A teraz zobaczcie jak powinno byc:
    Polityka Prywatności

    Widzicie ten drobiazg :)? Cudzyslowy moich drodzy. ” vs ” :P:P:P:P:P
    Po prostu cudzyslow skopiowany wprost ze strony jest innym znakiem niz ten poprawny skladniowo w jezyku HTML Trzeba te znaki napsiac z klawiatury i po klopocie 🙂

    Pozdrawiam serdecznie. Mam nadzieje, ze komus pomoglem, lece spac 🙂

    Reply
    1. Kamila Nitschka

      Dziękuję Van za znalezienie błędu, faktycznie podczas kopiowania kodu wkradł się cudzysłów. Dziękuję za rozwiązanie problemu i znalezienie tego szczegółu:)
      Siedzę teraz nad drugą stroną, platformą o kursach WordPress (którą przygotowuję) i tutaj jestem trochę mniej dostępna.

      Reply
  16. Van

    Przyjemność po mojej stronie 🙂

    Reply
  17. Adrian Gonet

    Dzięki, bardzo mi pomógł Twój artykuł. Właśnie krok po kroku to zrobiłem 🙂

    Reply
  18. Krzysztof

    Witam, dzięki za super wpis. Był bardzo pomocny.
    Niestety nie wszystko działa jak bym chciał i jak jest u Ciebie w przykładzie.
    Nie mogę ustawić w jednej linii z checkbox-em tekstu z wyrażenie zgody. U mnie ten tekst zaczyna się pod checkbox-em. Nie wiem dlaczego. Przepiałem format jaki mi dała wtyczka, przepisałem też Twój format wpisu oraz zrobiłem chyba wszystkie inne możliwości formatu i nic.
    Bardzo proszę o pomoc, bo formularz strasznie robi się wysoki, a potrzebuję dodać jeszcze jednego checkbox-a.
    Format [acceptance Rodo] “Wyrażam zgodę itd” [/acceptance] nie działa.
    U mnie nie działają też inne wariacje kodu (tzn tekst nie jest w tej samej linii co checkbox):
    [acceptance][/acceptance]”Przykładowy tekst”
    [acceptance /acceptance]”Przykładowy tekst”
    [acceptance acceptance-571]”Przykładowy tekst”
    [acceptance] [acceptance-571]”Przykładowy tekst”
    [acceptance “Przykładowy tekst” /acceptance]
    [acceptance] “Przykładowy tekst” [/acceptance]
    [acceptance] “Przykładowy tekst” [acceptance-571]
    [acceptance “Przykładowy tekst” acceptance-571]
    oraz bez cudzysłowów i odstępów pomiędzy słowami kodu oraz ze słowem Rodo przy pierwszym acceptance.
    Kod zaproponowany przez mój contact form 7 był np:
    [acceptance acceptance-571] tak jak u Ciebie na zdjęciu.

    Pozdrawiam i czekam z niecierpliwością na odpowiedź.

    Reply
    1. Kamila Nitschka

      Wydaje mi się, że problem leży po stronie Twojego motywu. Może nie do końca jest on przystosowany, też spotkałam się z takimi rzeczami w innych motywach. Najlepszym rozwiązaniem będzie dodanie własnego oscylowania CSS dla tych checkboxów. Napisz do mnie przez formularz kontaktowy z linkiem do strony gdzie masz te checkboxy, zobaczę co tam jest ze stylami motywu.

      Reply

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

CommentLuv badge