Przejdź do głównej treści

Jak dodać formularz kontaktowy z WordPress Formularz kontaktowy 7

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Formularz kontaktowy 7 z pewnością jest wtyczka najczęściej używany w WordPressie podczas tworzenia formularza kontaktowego. Jego główną zaletą jest prostota, jaką oferuje, gdy konieczne jest stworzenie formularza i integracja z różnymi stronami, artykułami lub widżetami, slat zapominając o tym, że jest dostępny w języku francuskim.

kontaktowo kształtowe 7

Jeśli chcesz się tego nauczyć wtyczka, to trafiłeś we właściwe miejsce, ponieważ w tym samouczku pokażę Ci, skąd pobrać Formularz kontaktowy 7 i jak go użyć, aby dodać formularz kontaktowy do swojej witryny WordPress.

Jeśli nie rozumiesz punktu dotyczącego tego artykułu, daj nam znać, korzystając z formularza komentarzy. Jeśli artykuł Ci pomoże, udostępnij go znajomym w mediach społecznościowych.

Jak zainstalować wtyczka Formularz kontaktowy 7

Kontakt Forma 7 jest dostępny na WordPress.org, co oznacza, że ​​możesz go zainstalować bezpośrednio z pulpitu WordPress, wprowadzając warunki „ Kontakt Forma 7„, Wystąpienie o tej samej nazwie będzie poprawne. Jeśli jednak chcesz to mieć wtyczkamożna pobierz go bezpośrednio plik .ZAMEK BŁYSKAWICZNY.

Po zainstalowaniu zauważysz, że na pulpicie nawigacyjnym dostępny jest nowy link, jest to menu: « KONTAKT ». Ma dwa podmenu : « formularze kontaktowe«  (który gromadzi wszystkie utworzone przez Ciebie formularze, możesz zarządzać różnymi formularzami na tej stronie) et « utwórz formularz« .

Jak utworzyć nowy formularz

Mała znajomość języka HTML będzie dodatkowym atutem w zrozumieniu tego wtyczkaAby utworzyć nowy formularz, przejdź do następującej lokalizacji: « Kontakt >> utwórz formularz ". Na tej stronie zobaczysz sekcje 6:

  • Pierwszy (na szczycie) zawiera nazwę formularza
  • forma: to przestrzeń robocza, w której będziemy tworzyć nasze formularze
  • e-mail: umożliwia modyfikację kształtu plikuz opisem który zostanie wysłany do administratora
  • Adres email 2: umożliwia przesłanie nadawcy kopii wysłanej przez niego wiadomości (możesz wyłączyć tę opcję)
  • wiadomości: daje możliwość modyfikacji wiadomości, które mogą pojawić się podczas wysyłania formularza kontaktowego. Nie będziemy modyfikować tych pól, ponieważ są już przetłumaczone na język francuski
  • ustawienia uzupełniające: jest to pole tekstowe, do którego można dodawać kody, aby uzyskać precyzyjne zachowanie.

Zaczniemy zatem od dodania nazwy do naszego formularza, którą nazwiemy w następujący sposób: « nowa forma ".

Uwaga : aby dodać nazwę do tego formularza, musisz dwukrotnie kliknąć tekst „Bez tytułu”Pojawi się pole tekstowe.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

w jaki sposób utworzyć-a-new-formularz

W sekcji „Formularz”, pole tekstowe po lewej stronie zawiera już niektóre pola domyślne. Każde pole zaczyna się od otwierającego tagu „ <p>», i kończy się tagiem zamykającym ".

Dalej na odcinku formazauważysz, że po lewej stronie znajduje się wstępnie wypełnione pole tekstowe, a po prawej rozwijane menu zawierające różne pola, które możemy dodać.

Załóżmy, że chcemy dodać pole na numer telefonu, wybierzemy opcję „ numer telefonu »W menu rozwijanym, które wyświetli meta-box z opcjami pola, które chcemy dodać.

Niezbędnym polem jest z pewnością nazwa pola. Możesz to zmienić, ale sugeruję, aby rozszerzenie obsługiwało te nazwy, chyba że wiesz, co robisz. Może być konieczne dodanie tekstu znaku wodnego do nowego pola. Aby to zrobić, zaznacz pole « Użyj tej tekstowy znak wodny? » i dodać tekst do pola „Wartość domyślna”.

Uwaga : Możesz określić, że pole jest obowiązkowe, zaznaczając to pole « Obowiązkowe pola? ».

Po zakończeniu pole « Skopiuj poniższy kod i wklej go w lewo formie »Będzie zawierać kod dla naszej nowej dziedzinie. Skopiuj tę wartość i dodać go szczególnie przed wiersza kodu:

[prześlij „Wyślij”]

 który jest przyciskiem wysyłania.

Moja nowa dziedzina to:

[tel tel-711 symbol zastępczy „Twój numer telefonu”]

Owinąłem to w metkę " " (jak wspomniano powyżej), z tekstem orientacyjnym, aby mieć końcowy kod identyczny z tym:

Twój numer telefonu : [tel tel-711 symbol zastępczy „Twój numer telefonu”]

Oczywiście możesz zmodyfikować otrzymaną wiadomość e-mail oraz wiadomość e-mail z powiadomieniem o wysłaniu, którą otrzyma autor wiadomości, ale do tego potrzebna jest dobra znajomość HTML, aby osiągnąć zadowalające wyniki. .

Po zakończeniu modyfikacji formularza nie zapomnij zapisać formularza. Dopiero po wykonaniu tej czynności będziesz mógł odzyskać jego krótki kod (Skrót) i dodaj go na stronie, artykule lub nawet w widgecie tekstowym.

jak kopiowaniem shortcode-of-a-Form

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

wypróbowałem to i działa całkiem nieźle. Możesz także przetestować w domu różne e-maile wysyłane do użytkowników oraz te, które otrzymujesz.

Forma nowo dodanej pola

To wszystko w tym samouczku, mam nadzieję, że pomoże ci on stworzyć stronę kontaktową za pomocą bezpłatnej wtyczki Contact Form 7. WordPress XNUMX. Zapraszam do komentowania.

Ten artykuł zawiera komentarze 10

  1. Wielokrotnie przeprowadzałem instalację na przestrzeni miesięcy, wydaje mi się, że wygląda dobrze, ale kiedy próbuję, pojawia się następujący komunikat: „Wystąpił błąd podczas wysyłania wiadomości. Spróbuj ponownie później "…
    Nie wiem, co się stało ...
    Zauważyłem, że mój formularz na stronie nie ma nazwy, chociaż nadałem mu trochę ...

    Dzięki,

    szczerze

  2. Witam,
    Powyższy kod zintegrowałem z formularzem kontaktowym (dostęp poprzez przycisk „skontaktuj się z nami” w nagłówku strony głównej). Wszystko jest wyświetlane na stronie "wiadomości" Wypełniam wszystkie pola, ale otrzymany e-mail zawiera tylko imię i nazwisko, temat i adres e-mail, a nie numer telefonu 🙁
    Gdzie popełniłem błąd ??? Z góry dziękuję, jeśli możesz mi pomóc

  3. kiedy pobieram ten plik nr .ZIP, więc nie ma "Instaluj"… ..
    ubogich neofita, że ​​jestem, dziękuję za wyrozumiałość

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry