Jak zainstalować formularz kontaktowy 7 na swojej stronie WordPress?

Contact Form 7 to bezsprzecznie jedna z najpopularniejszych wtyczek w WordPressie. Służy do tworzenia i zarządzania formularzami. Ponad pięć milionów właścicieli witryn WordPress zainstalowało tę wtyczkę, aby pozostać w kontakcie z odwiedzającymi ich witrynę.

Jednym z unikalnych atrybutów Contact Form 7 jest jego prostota i jest to jeden z głównych powodów, dla których wielu właścicieli stron internetowych przylgnęło do niego, nawet po wprowadzeniu bardziej doświadczonych i bardziej wszechstronnych wtyczek do formularzy kontaktowych. Jest łatwy w konfiguracji i dostosowywaniu bez wcześniejszego doświadczenia.

W tym poście przyjrzymy się prostym krokom, które należy wykonać, aby zainstalować Formularz kontaktowy 7 na swojej stronie WordPress.

Dlaczego warto skorzystać z formularza kontaktowego 7

Dlaczego na rynku dostępne są dziesiątki wtyczek formularzy kontaktowych dla WordPressa, dlaczego tak popularny jest Contact form 7? Dlaczego jest najbardziej preferowany przez wielu właścicieli witryn WordPress? Odpowiedź jest dość prosta. Formularz kontaktowy 7 jest prosty w obsłudze i bardzo skuteczny.

Oprócz prostoty i imponującej funkcjonalności posiada również wiele cech, które stawiają go wysoko wśród swoich rówieśników. Przyjrzyjmy się pokrótce niektórym z tych funkcji.

• Łatwy do dostosowania

Nikt nie chce nudnego formularza na swojej stronie internetowej. Każdy chce czegoś atrakcyjnego i elastycznego do dostosowania. Formularz kontaktowy 7 oferuje swobodę dostosowywania formularza tak, jak chcesz.

• Ochrona przed spamem

Wiadomości spamowe to zmora właścicieli witryn. Musisz stale chronić swoją witrynę przed wiadomościami spamowymi, ponieważ mogą Cię frustrować, jeśli na nie pozwolisz. Z Contact Form 7 nie musisz tak wiele robić. Wtyczka zajmuje się spamem i zwalnia Twoją przestrzeń internetową.

• Obsługuje CAPTCHA

Gwarantuje to, że automatyczne wiadomości od botów są trzymane z dala od Twojej witryny. Dzięki tej wtyczce możesz mieć stronę internetową, która może swobodnie oddychać bez ładowania wiadomości spamowych.

• To jest darmowe

Jest to jedna z największych funkcji Formularza Kontaktowego 7. Jest darmowy do zainstalowania i używania, co czyni go natychmiastowym wyborem dla wielu nowych właścicieli witryn.

Proste kroki, aby zainstalować formularz kontaktowy 7

Teraz, gdy przyjrzeliśmy się unikalnym funkcjom formularza kontaktowego 7, pozwól nam zbadać proste kroki instalacji wtyczki i zacząć już z niej korzystać. Wykonaj poniższe czynności, aby zainstalować i aktywować wtyczkę Contact Form 7 na swojej stronie WordPress:

Krok pierwszy: Zainstaluj i aktywuj Formularz kontaktowy 7 w swojej witrynie. Pierwszą rzeczą do zrobienia jest zainstalowanie wtyczki. Przejdź do „Wtyczki” z pulpitu nawigacyjnego i kliknij „Dodaj nowy”.

Krok drugi: Przejrzyj listę, aby znaleźć „Formularz kontaktowy 7”. Możesz użyć funkcji wyszukiwania, aby przyspieszyć. Kliknij przycisk „Zainstaluj teraz”, aby zainstalować go po znalezieniu.

Krok trzeci: Po zakończeniu procesu instalacji pojawi się wyskakujące okno. Kliknij przycisk „Aktywuj” w oknie, aby aktywować wtyczkę. Dzięki tym dwóm prostym krokom Twój formularz kontaktowy 7 jest aktywowany i gotowy do użycia.

Jak stworzyć swój formularz

Teraz, gdy Twój formularz kontaktowy 7 został zainstalowany i aktywowany, nadszedł czas, aby utworzyć swój pierwszy formularz i zacząć łączyć się z odwiedzającymi Twoją witrynę. Wykonaj poniższe czynności, aby utworzyć formularz:

Krok 1: Przejdź do „Kontakt” z pulpitu WordPress i kliknij „Formularze kontaktowe”. Zobaczysz domyślny formularz kontaktowy o nazwie „Formularz kontaktowy 1”. Jeśli nie jesteś gotowy, aby dostosować formularz, możesz użyć opcji domyślnej.

Wykona tę samą pracę, co niestandardowy formularz, ale jedyną różnicą jest to, że może nie wyglądać dokładnie tak, jak byś pokochał. Aby skorzystać z formularza ogólnego, skopiuj wygenerowany krótki kod i wklej go na stronie, na której ma się pojawić formularz. Jeśli jednak chcesz stworzyć niestandardowy formularz, kliknij „Dodaj nowy” z menu „Kontakt”.

Krok 2: Aby stworzyć własny formularz, wprowadź nazwę/tytuł formularza w miejscu przewidzianym w polu tytułu i kliknij „Zapisz”.

Krok 3: Dodaj odpowiedni kod HTML formularza kontaktowego w sekcji „Formularz”. Możesz użyć różnych przycisków ustawień wstępnych, aby wygenerować skrócone kody dla ogólnych tagów formularza.

Wstępnie ustawione znaczniki formularza, które można znaleźć w Formularzu kontaktowym 7, obejmują e-mail, tekst, numer, telefon, adres URL, menu rozwijane, obszar tekstowy, datę, przyciski radiowe, pola wyboru, plik, quiz, akceptację i prześlij. Przyjrzyjmy się, jak wstawić niektóre z nich.

Jak wstawiać tagi

Aby na przykład dodać pole numeru telefonu, umieść kursor w miejscu, w którym ma się pojawić pole. Kliknij „Tel.” przycisk.

Spowoduje to uruchomienie wyskakującego okienka i możesz tutaj dostosować pole. Jeśli chcesz, aby dodanie było polem wymaganym, kliknij pole „Wymagane”.

Oznacza to, że odwiedzający musi wypełnić pole, zanim będzie mógł przesłać formularz. W polu „Nazwa” utwórz nazwę dla nowo utworzonego pola. Użyjesz tej nazwy do identyfikacji pola. Jeśli jesteś doświadczonym użytkownikiem, możesz dołączyć stylizację w polu z kodami CSS.

Możesz ustawić atrybut klasy lub atrybut identyfikatora lub po prostu cokolwiek. Aby to zrobić, odnieś się do pola w arkuszu stylów z atrybutem Class lub ID. Kiedy skończysz, kliknij przycisk „Wstaw tag”.

Jak skonfigurować formularz

Po utworzeniu formularza i dodaniu wszystkich pól następną rzeczą jest sprawienie, aby był funkcjonalny. Aby to zrobić, wykonaj poniższe czynności:

Krok 1: kliknij zakładkę „Poczta”. Sam określisz, gdzie i jak z tego miejsca będą wysyłane wiadomości z Twojego formularza kontaktowego.

Krok 2: Wprowadź adres e-mail, na który mają być wysyłane wszystkie wiadomości z formularza kontaktowego w polu „Do”. Zwróć uwagę, że pole „Od” jest źródłem wiadomości e-mail i tam otrzymasz dane nadawcy wiadomości ze swojej witryny WordPress za pośrednictwem formularza kontaktowego.

Aby pobrać temat wiadomości e-mail, wstaw tag tematu w polu „Temat”. Jeśli chcesz, możesz pozostawić sekcje "Treść wiadomości" i "Dodatkowe nagłówki" bez zmian lub możesz dodać inne tagi lub tekst, jeśli chcesz. To kończy konfigurowanie formularza i jest gotowy do użycia.

Możesz również chcieć, aby formularz wyświetlał komunikat o zakończeniu, gdy użytkownik zakończy działanie na Twojej stronie. Jest to zalecane, jeśli chcesz mieć dobre wrażenia użytkownika. Możesz na przykład podziękować im za skontaktowanie się z Tobą po pomyślnym przesłaniu formularza.

Możesz również zdecydować o dołączeniu komunikatów o błędach, gdy użytkownik popełni błąd. Wszystko to można zrobić w sekcji „Wiadomości”. Zobaczysz tekst domyślny, ale możesz go zmienić w dowolny sposób. Po zakończeniu wprowadzania zmian kliknij przycisk „Zapisz”, a formularz jest gotowy do użycia.

Wniosek

W tym poście przyjrzeliśmy się, jak zainstalować Formularz kontaktowy 7 na swojej stronie WordPress oraz różne podstawowe segmenty formularzy, które są ważne dla początkującego. Dzięki temu możesz zacząć otrzymywać wiadomości od odwiedzających Twoją witrynę.