Jak dodać formularz kontaktowy do strony WordPress

Jeżeli nie chcesz podawać na swojej stronie czy blogu bezpośredniego adresu e-mail bądź też zależy Ci na szybkiej i wygodnej formie komunikacji z klientem - warto skorzystać z formularza kontaktowego. Z tego poradnika dowiesz się, jak zainstalować i jak spersonalizować ustawienia dla takiej formy kontaktu z odbiorcą.

Formularze kontaktowe przydadzą się, jeżeli zależy nam na bardziej profesjonalnej, a zarazem łatwiejszej formie kontaktu z odbiorcami naszej strony czy też bloga. W ten sposób umożliwimy wysyłanie wiadomości na nasz adres e-mail z poziomu naszej witryny, a jednocześnie nie pokazujemy swojego adresu e-mail. Możemy też ustawić, aby tego typu wiadomości miały specjalny tytuł, który ułatwi ich rozpoznanie z poziomu skrzynki odbiorczej.

Domyślnie WordPress nie posiada wbudowanego narzędzia do tworzenia i zarządzania formularzami kontaktowymi. Dlatego też należy skorzystać z odpowiedniej wtyczki, która umożliwi nam dodanie formularza, a później zmianę jego ustawień. Omówimy na potrzeby tego poradnika jedną wtyczkę przeznaczoną do obsługi formularzy kontaktowych. Na koniec podamy też kilka innych przykładów, które mogą służyć za alternatywne rozwiązania.

Contact Form 7 - najlepsza wtyczka

Jednym z najlepszych rozwiązań na Wordpressa jest darmowa wtyczka Contact Form 7, w dodatku dostępna po polsku. Po jej pobraniu i aktywowaniu dostępna jest z poziomu zakładki "Formularze" w lewym pasku menu panelu zarządzania Wordpressem.

Wtyczka działa na zasadzie tagów czy skrótów, które wklejamy w widoku tekstowym wpisu lub pod-strony, gdzie chcemy umieścić formularz kontaktowy. A zatem, jeżeli zależy nam na dodaniu nowego formularza przechodzimy do zakładki "Formularze" i na liście dostępnych rozwiązań otwieramy pierwszy, preinstalowany Formularz 1.

W edycji formularza możemy mu zmienić oczywiście nazwę na taką, która nas będzie satysfakcjonować. U góry edycji mamy też tag ujęty w nawiasach kwadratowych, który należy wkleić w widoku tekstowym strony, gdzie ma być formularz (np. [contact-form-7 id="15" title="Formularz 1"]).

W treści tekstu możemy zmienić ustawienia formularza - czyli co ma on zawierać. Domyślnie są to takie pozycje jak:

Każdy z elementów, ujęty w znaczniki

 

możemy usunąć bądź przenieść. U góry edytora mamy przycisk z dodatkowymi opcjami, które możemy wkleić do naszego formularza - np. "text" (pole tekstowe), "file" (jeżeli użytkownik ma dostać opcję przesłania nam pliku) czy "reCatpcha" (pole obrazkowe zabezpieczające przed spamem).

Po ustawieniu takiego wyglądu formularza, jaki chcemy, klikamy przycisk "Zapisz" i kopiujemy tag formularza. Potem wklejamy go w odpowiednim miejscu. Nie należy jednak zapominać o podaniu własnego adresu e-mail do odbioru. W tym celu z edycji formularza przechodzimy do zakładki "Email". Tutaj w polu "To" wklejamy adres e-mail, na który mają być wysyłane formularze kontaktowe. W polu "Temat" możemy wpisać tekst, który może wyróżniać formularz.

Wtyczka Contact Form 7 oferuje jeszcze dwie zakładki w ramach edycji formularza - "Komunikaty" oraz "Ustawienia dodatkowe". W pierwszej możemy wpisać, jaki komunikat ma wyświetlać się po poprawnym wysłaniu wiadomości przez użytkownika (np. "Dziękujemy za wiadomość.") lub w chwili gdy wystąpi jakiś błąd.

Z kolei z poziomu zakładki "Ustawienia dodatkowe" możemy wprowadzić ustawienia zaawansowane.

Inne wtyczki do obsługi formularzy

Omówmy teraz pokrótce alternatywne rozwiązania dla Contact Form 7.

Fast Secure Contact Form. Szybka i skuteczna alternatywa oferująca dodatkowe zabezpieczenia dla formularzy kontaktowych takie jak chociażby ochrona wiadomości za pomocą specjalnego kodu obrazkowego. Prosty wygląd, umieszczanie na stronie na zasadzie tagu.

Contact Form. Bardzo prosty formularz kontaktowy. Wyróżnia się graficznym kreatorem. W edycji formularza przeciągamy i umieszczamy bloki czy klocki z poszczególnymi elementami w odpowiednie miejsca. Po zapisaniu formularza wklejamy jego kod w odpowiednim miejscu na swojej stronie.

ContactBuddy. Niewielki, maksymalnie uproszczony formularz kontaktowy. Wtyczka nie pozwala na edycję ustawień. Do dyspozycji mamy tylko - imię, e-mail, temat i treść wiadomości. Rozwiązanie przeznaczone dla mało wymagających.

Komentarze