Jak dodać formularz kontaktowy WordPress?

Formularz kontaktowy na stronie internetowej stanowi jeden z podstawowych elementów komunikacji z użytkownikami. Dodaj formularz kontaktowy i pozwól użytkownikom komunikować się z Tobą.

• Co to jest Contact Form 7?
• Instalacja i uruchomienie wtyczki Contact Form 7
• Jak utworzyć nowy formularz kontaktowy w WordPress?
• Jak wstawić formularz kontaktowy na stronie WordPress?

Co to jest Contact Form 7?

Contact Form 7 to bezpłatna wtyczka WordPress umożliwiająca łatwe tworzenie i dodawanie formularzy kontaktowych na stronie. Wtyczka opiera się na mechanizmie prostego narzędzia do edycji formularzy kontaktowych.

Contact Form 7 to jedna z najpopularniejszych wtyczek w oficjalnym katalogu WordPress, która używana jest do wdrażania formularzy kontaktowych. Contact Form 7 to prosty i popularny formularz kontaktowy implementowany na stronie lub poście WordPress (m.in. za pomocą shortcode).

Instalacja i uruchomienie wtyczki Contact Form 7

Contact Form 7 to bezpłatna wtyczka dostępna w katalogu dodatków WordPress:

1. Zaloguj się do WordPress (wp-admin).
   • Jak zalogować się do WordPress (wp-admin)?
2. Po lewej stronie ekranu przejdź do sekcji: Wtyczki i wybierz: Dodaj nową.
3. Zainstaluj i włącz wtyczkę: Contact Form 7.
   
4. Przeczytaj i dowiedz się więcej na temat: instalacji nowej wtyczki w WordPress.

Jak utworzyć nowy formularz kontaktowy w WordPress?

1. Po zainstalowaniu i uruchomieniu wtyczki, przejdź do sekcji: Formularze.
2. Kliknij: dodaj nowy lub edytuj istniejący formularz.
   

Zakładka formularz

W tym miejscu edytujesz wygląd formularza na stronie internetowej, tj. pola widoczne dla użytkowników witryny. Skorzystaj z gotowych elementów, aby rozszerzyć formularz o dodatkowe pola.

Dla większości użytkowników może okazać się wystarczające dodanie pól takich jak: temat, adres e-mail, treść. Przyciski nad formularzem umożliwiają szybkie dodawanie najbardziej popularnych pól, które stosowane są w ramach formularzy kontaktowych na stronach WWW.

Zakładka email

W tym miejscu edytujesz ustawienia formularza kontaktowego, które dotyczą poczty e-mail (np. adres e-mail oraz inne ustawienia wysyłki i odbioru wiadomości z formularza). Przykładowo, to w tym miejscu wybierasz adres e-mail, na który chcesz otrzymywać wiadomości e-mail wysyłane przez formularz.

• Odbiorca: podaj adres e-mail, na który chcesz otrzymać wiadomość wysłaną przez formularz,
• Nadawca: podaj adres e-mail, z którego będą wysyłane wiadomości przez formularz,
• Temat: określa jaka będzie struktura tematu wiadomości wysyłanych z formularza. Możesz skorzystać ze zmiennej: [your-subject], np. w celu użycia tematu wiadomości wpisanego w formularzu kontaktowym,
• Dodatkowe nagłówki: pozwala określić dodatkowe nagłówki, które zostaną dodane do wiadomości wysyłanych przez formularz kontaktowy,
• Treść wiadomości: w tym miejscu formatujesz treść wiadomości jaką otrzymasz po wysłaniu jej przez użytkownika używającego formularza kontaktowego.
  

Zakładka komunikaty

W tym miejscu możesz edytować komunikaty używane przy obsłudze formularza kontaktowego (zarówno od strony administratora oraz użytkownika). Możesz w tym miejscu spersonalizować treść komunikatów lub pozostawić ich zawartość bez zmian.

Zakładka ustawienia dodatkowe

W tym miejscu możesz dodawać kody rozszerzające funkcjonalność formularza (opcjonalne).

Jak wstawić formularz kontaktowy na stronę WordPress?

Po skonfigurowaniu i zapisaniu formularza, na ekranie zostanie wyświetlony shortcode (tzw. kod skrótowy), który możesz umieścić na stronie lub wpisie, aby rozpocząć wyświetlanie formularza kontaktowego.

1. Utwórz formularz kontaktowy w opcjach wtyczki: Contact Form 7 i skopiuj wygenerowany kod.
   
2. Utwórz nowy lub edytuj istniejący post lub stronę.
3. Dodaj nowy blok: Contact Form 7 > wybierz formularz do wstawienia.
4. Opcjonalnie umieść kod w poście lub stronie WordPress za pomocą bloku Shortcode.
5. Zaktualizuj i opublikuj stronę lub post. Wybrany formularz kontaktowy zacznie być wyświetlany w miejscu, w którym został wklejony shortcode (tzw. kod skrótowy).