13 stycznia, 2022

Jak dodać formularz kontaktowy w WordPress

grudzień 20, 2021

Alberto W.

5min Czytaj

Jak dodać formularz kontaktowy na WordPress

Czy wiesz, że formularz kontaktowy może zapewnić lepsze zaangażowanie klientów? Będzie to wygodne miejsce dla użytkowników, aby komunikować się z Tobą online i prosić o pomoc.

formularz kontaktowy to dedykowana przestrzeń na twojej stronie, która pozwala odwiedzającym łatwo dotrzeć do Ciebie w dowolnym momencie.

w tym artykule dowiesz się, jak dodać formularz kontaktowy w WordPress za pomocą formularzy WP i formularza kontaktowego 7.Zobacz Post

Video Tutorial

jeśli wolisz czytać, sprawdź pisemne instrukcje poniżej.

po co Ci Formularz kontaktowy?

posiadanie formularza kontaktowego na stronie internetowej jest korzystne zarówno dla właściciela, jak i użytkowników. Oto kilka zalet:

  • Skuteczna komunikacja – formularz kontaktowy ułatwia użytkownikom dotarcie do ciebie. Formularz jest dostępny przez cały czas, a klienci muszą tylko wypełnić podane pola.
  • źródło informacji-możesz wymagać od użytkowników wprowadzania informacji, które mogą być cenne dla przyszłych celów, takich jak adres e-mail, nazwa użytkownika w mediach społecznościowych itp. Mimo to, niektóre dziedziny, takie jak wiek czy płeć, powinny być opcjonalne, jeśli naprawdę ich potrzebujesz.
  • zapobieganie spamowi ‒ jeśli masz formularz kontaktowy, nie musisz ujawniać swojego adresu e-mail na stronie. W ten sposób spamerzy nie mogą go łatwo zlokalizować, a otrzymasz znacznie mniej śmieci.
  • profesjonalnie wyglądająca strona ‒ Twoja strona może wyglądać bardziej profesjonalnie i atrakcyjnie, posiadając formularz kontaktowy w środku. Czytelnicy wiedzą, że będziesz ich słuchać, a z kolei będą Ci bardziej ufać.

brzmi bardzo obiecująco, prawda? Bez zbędnych ceregieli, dowiedzmy się jak dodać formularz kontaktowy w WordPress!

Jak dodać formularz kontaktowy w WordPress?

możemy dodać formularz kontaktowy w WordPress za pomocą wtyczki, która jest bardzo łatwa w instalacji.

aby rozpocząć, musisz uzyskać dostęp do pulpitu WordPress, otworzyć menu Wtyczki i kliknąć Dodaj nowy. Wyszukaj nazwę wtyczki, a następnie wybierz opcję Zainstaluj. Po zakończeniu wybierz Aktywuj.

w tym samouczku będziemy pracować z dwoma najpopularniejszymi wtyczkami formularzy kontaktowych WordPress — WPForms i Contact Form 7. Są niezawodne, wydajne i konfigurowalne.

WP

wpforms

WPForms to bardzo przyjazna dla użytkownika wtyczka formularza kontaktowego WordPress. Nie martw się, jeśli jest to twój pierwszy raz przy użyciu takiego narzędzia, ponieważ można go łatwo opanować w krótkim czasie. Posiada edytor przeciągania i upuszczania i zapewnia wiele wstępnie zaprojektowanych szablonów formularzy.

co jest świetne, ta wtyczka pozwala również utworzyć subskrypcję, rejestrację i formularz płatności. Możesz je zbudować w kilka minut i zintegrować z popularnymi platformami, takimi jak PayPal, Stripe, MailChimp i tak dalej.

WPForms oferuje cztery opcje planu premium, Basic ($79.00), Plus ($199.00), Pro ($399.00) i Elite ($599.00) rocznie. Istnieje również bezpłatna wersja, która nie zawiera kilku podstawowych funkcji, takich jak dodatki innych firm i formularze rejestracji użytkowników.

Krok 1-Utwórz formularz kontaktowy za pomocą WPFoms

  1. po aktywowaniu wtyczki przejdź do menu WPForms. Istnieje przydatna instrukcja, która pomoże Ci wypełnić formularz w ciągu 5 minut. Jeśli nie chcesz go śledzić, po prostu kliknij Dodaj nowy.
  2. wprowadź nazwę formularza i wybierz jeden z kilku szablonów, aby przyspieszyć proces. Możesz też wybrać pusty formularz,aby uzyskać większą swobodę twórczą.
  3. teraz możesz dodawać pola w zależności od potrzeb. Wystarczy przeciągnąć żądaną opcję z lewej kolumny do edytora aktywnego.
    dodawanie pól w formularzu kontaktowym
  4. po zakończeniu kliknij Zapisz na górze.

Krok 2 ‒ Skonfiguruj ustawienia powiadomień i potwierdzeń WPForms

aby powiadamiać Ciebie i Twoich użytkowników za każdym razem, gdy formularz jest przesyłany, musisz skonfigurować ustawienia powiadomień i potwierdzeń.

  1. w tym samym menu WPForms wybierz Ustawienia i przejdź do powiadomień. Tam musisz skonfigurować swój adres e-mail, Temat i inne informacje. Jeśli wszystko jest gotowe, wybierz Dodaj nowe powiadomienia.
  2. jeśli chodzi o potwierdzenie, możesz dodać notatkę z podziękowaniem dla użytkowników, a także przekierować ich do określonego adresu URL. Jest to również świetna okazja, aby poinformować klientów, jak długo powinni oczekiwać odpowiedzi od Ciebie.
     konfiguracja-potwierdzenie
  1. na stronie lub poście za pomocą przycisku WPForm-w edytorze stron lub postów dotknij ikony plusa. Rozwiń obszar widżetów i wybierz blok WPForms.
  2. na stronie lub poście za pomocą shortcode — skopiuj shortcode z menu WPForms i wklej go do bloku Shortcode w edytorze postów.
    skopiuj skrócony kod z WPForms
przykładowy formularz kontaktowy post page

oto przykład, gdy formularz kontaktowy jest wyświetlany na stronie lub poście.

wybierz pasek boczny, aby wyświetlić WPForms na pasku bocznym

na pasku bocznym — przejdź do Wygląd -> widżety. Znajdź i kliknij widżet WPforms. Następnie wybierz pasek boczny.

tak to będzie wyglądało na pasku bocznym.

przykładowy formularz kontaktowy sidebar

formularz kontaktowy 7

formularz kontaktowy 7 ma głębszą krzywą uczenia się, ponieważ musisz najpierw poznać tagi i składnię. Na szczęście deweloper przygotował obszerny przewodnik, w jaki sposób to zrobić. Gdy przyzwyczaisz się do interfejsu, może okazać się bardzo potężnym narzędziem.

co jest świetne, oferuje garść funkcji, które zwykle są dostarczane tylko z płatną wtyczką, taką jak rozszerzenia innych firm, wiele formularzy i tak dalej. Inne godne uwagi funkcje obejmują re, quiz i przesyłanie plików i załącznik.

co najważniejsze, nie musisz nic płacić za tę wtyczkę. Pokażemy Ci, jak dodać formularz kontaktowy na WordPress za pomocą formularza kontaktowego 7.

Metoda 1-wyświetl domyślny formularz kontaktowy 7

jeśli chcesz wyświetlić formularz kontaktowy w prosty sposób, istnieje gotowy formularz, który powinien być gotowy do użycia. Zawiera wszystkie niezbędne pola, takie jak imię i nazwisko, adres e-mail, Temat i wiadomość.

  1. przede wszystkim musisz uzyskać dostęp do menu kontaktowego ze strony administratora WordPress. Następnie skopiuj dostępny Skrót obok nazwy formularza kontaktowego.
     musisz skopiować shortcode z formularza kontaktowego 7 menu ustawień
  2. wklej go do bloku Shortcode do edytora postów lub stron.

Metoda 2 ‒ Utwórz nowy formularz kontaktowy korzystając z formularza kontaktowego 7

możesz również utworzyć formularz kontaktowy od podstaw. W ten sposób Masz moc personalizacji go do własnych upodobań. Oto jak to robisz.

  1. Hit Dodaj nowy w menu Kontakt. Pole edytora dostarczy Ci wiele znaczników pól.
  2. powiedzmy, że chcemy dodać pole numeru telefonu. Aby to zrobić, wybierz tel i wypełnij wszystkie wymagane informacje.
  3. napisz szablon w tej składni, aby nadać pole etykietę po wstawieniu znacznika.
    <label> Phone Number </label>
    pole numer telefonu zostało dodane

    Gratulacje, pomyślnie dodałeś nowe pole!

  4. teraz, gdy skończysz z polami kontaktu, możesz nadal dostosowywać powiadomienie w ustawieniach poczty. Możesz zmienić swój adres e-mail i nagłówki, między innymi informacje.
  5. na koniec, jeśli chcesz edytować automatyczną odpowiedź, przejdź do karty wiadomości. Formularz kontaktowy 7 pozwala zmienić notatkę z podziękowaniami, komunikaty o błędach i wiele innych odpowiedzi.możesz edytować swoje odpowiedzi z karty wiadomości. nie zapomnij nacisnąć Zapisz za każdym razem, gdy modyfikujesz ustawienia.

podobnie jak domyślny, musisz również skopiować i wkleić krótki kod do żądanego postu / strony, aby wyświetlić nowy formularz kontaktowy.

podsumowanie

jeśli chcesz zaangażować odwiedzających Twoją witrynę i zebrać ich cenne opinie, powinieneś dodać formularz kontaktowy na swojej stronie WordPress. Dzięki niemu możesz również zbudować zaufanie i uniknąć spamowania.

co jest świetne, tworzenie formularza kontaktowego nie jest tak trudne, jak się wydaje, dzięki tym dwóm wspaniałym wtyczkom-WPForms i Contact Form 7. Oto podsumowanie, aby to zrobić.

  1. najpierw poszukaj WPForms lub formularza kontaktowego 7 w katalogu wtyczek WordPress.
  2. po zainstalowaniu i aktywacji przejdź do strony ustawień.
  3. Spersonalizuj formularz kontaktowy, zmieniając pola, powiadomienia i odpowiedzi w zależności od potrzeb.
  4. Wstaw formularz kontaktowy na stronie / poście/pasku bocznym za pomocą dedykowanego przycisku lub krótkiego kodu.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.