Jak dodać formularz kontaktowy WordPress?

Promocja na hosting WordPres za 1 zł na 6 miesięcy

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ą.

Istnieje wiele rodzajów i mechanizmów formularzy kontaktowych jakie możesz zaimplementować w witrynie WordPress. Możesz dodać formularz kontaktowy WordPress w postaci wtyczki: Contact Form 7, z której korzystaj najwięcej użytkowników.

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).

Contact  Form 7 zapewnia ochronę przed spamem za pośrednictwem rozszerzeń: Akismet lub reCAPTCHA. Możesz dodatkowo rozszerzyć działanie formularza o wtyczkę: Flamingo, aby zapisywać przesyłane za pośrednictwem formularza wiadomości bezpośrednio w bazie danych.

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).
  2. Po lewej stronie ekranu przejdź do sekcji: Wtyczki i wybierz: Dodaj nową.
  3. Zainstaluj i włącz wtyczkę: Contact Form 7.
    Zainstaluj i aktywuj wtyczkę Contact Form 7, aby dodawać formularze kontaktowe do swojej strony WWW
  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.
    Dodaj nowy formularz kontaktowy, skonfiguruj go i wstaw na stronie

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.

W konfiguracji formularza Contact Form 7 możesz określić informacje niezbędne do przyjęcia zgłoszernia

Dodaj w zakładce: Formularz przyciski i pola i następnie określ w zakładce: Email, które wartości pól z formularza mają być przesyłane w wiadomościach wysyłanych przez formularz kontaktowy.

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.
    W zakładce email formularza Contact Form 7 możesz dodać informacje o treści wiadomości przesyłanej do Ciebie

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).

Domenomania.pl już od ponad 15 lat zajmuje się hostingiem stron WWW i rejestracją domen.

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.
    W konfiguracji formularza kontaktowego Contact Form 7 znajdziesz skrót shortcode do wstawienia we wpisie
  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.W bloku Shortcode edytora WordPress możesz wkleić skrót który wprowadzi dynamiczne treści do wpisu
  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).
    Skrót wstawiony na stronie lub wpisie po ich opublikowaniu wyświetli docelowy kod PHP na stronie
  • Czy ten artykuł był pomocny?
  • TakNie