Wczytywanie strony...

Freshdesk & Contact Form 7 – Szybka integracja WordPress

Jakub Jadczak

Jakub Jadczak

Założyciel i Chief Executive Officer w Esumo. Web Designer i WordPress Developer z 7-letnim doświadczeniem w branży. Skontaktuj się z nim pisząc na ten adres.

Freshdesk jest jednym z najpopularniejszych systemów umożliwiających uproszczenie procesu świadczenia pomocy technicznej i zwiększenie poziomu zadowolenia klientów. Firma pozwala na tworzenie dynamicznych formularzy umożliwiających dodawanie zgłoszeń z dowolnego miejsca. W sytuacji kiedy potrzebujemy jednak czegoś bardziej spersonalizowanego może okazać się że nie dostarcza wszystkich wymaganych funkcjonalności.

Tak było właśnie przypadku jednego z naszych nowych klientów – firmy AskHenry świadczącej najwyższej jakości serwis asystencki i concierge. Podczas wdrażania projektu ich nowej strony internetowej musieliśmy zintegrować Freshdesk, z którego korzystają na codzień z dwu etapowym formularzem znajdującym się na podstronie zlecenia.

Formularz kontaktowy

Do stworzenia dwuetapowego formularza kontaktowego wykorzystaliśmy wtyczkę Contact Form 7 z dodatkiem Multi-Steps. Do integracji wykorzystujemy Freshdesk API v2. Zgłoszenie do systemu powinno być wysłane w momencie poprawnego wypełnienia wszystkich pól formularza i kliknięcia przycisku submit.

Musimy więc skorzystać z akcji wpcf7_mail_sent odpalającej się jedynie podczas wysyłki formularza i do niej dodać kod wysyłający ticket. Do wszystkich danych przesyłanych w formularzu możemy dostać się za pomocą poniższej funkcji.

Dane będą przechowywane w zmiennej posted_data. Dane przekazywane przez użytkownika znajdują się w odpowiednich polach tablicy, do adresu email przekazywanego do pola o nazwie adres-email dostaniemy się na przykład w ten sposób:

Wysyłanie zgłoszenia

W kolejnym kroku musimy stworzyć tablicę JSON wysyłaną później na serwer Freshdesk’a:

Do połączenia z serwerem Freshdesk’a wykorzystamy cURL – upewnij się więc w pierwszej kolejności że jest on dostępny na Twoim serwerze.

Testowanie działania kodu

Podczas testowania poprawnego działania kodu, warto dodać część odpowiedzialną za wypisywania odpowiedzi zwracanych przez serwer Freshdesk’a.

Testując kod lokalnie, bez certyfikatu SSL należy pamiętać o odpowiednim ustawieniu CURLOPT_SSL_VERIFYPEER.

Pytanie lub ewentualne problemy związane z wdrożeniem zadawajcie śmiało w komentarzach, na wszystkie postaramy się odpowiedzieć jak najszybciej.