Formularze kontaktowe 7 personalizacja wyglądu. Przykład dodania formularza opinii

Cześć wszystkim. Skoro wtedy mam za dużo energii i postanowiłem dziś napisać kolejny artykuł, który będzie poświęcony jednej z wtyczek WordPress. Całkiem ciekawa i funkcjonalna wtyczka, radzi sobie w 100% ze swoimi obowiązkami i jeszcze nie znalazłem lepszej formy wystawiania opinii.

Nie chcę cię dręczyć przez długi czas, myślę, że już zrozumiałeś, co zostanie omówione w artykule. I tak dzisiaj zrozumiemy i skonfigurujemy wtyczka Contact Form 7 dla WordPress, a mianowicie utwórz formularz opinii.

Długo siedziałem i zastanawiałem się, jakie są wady wtyczki i nic nie przyszło mi do głowy, ale ta kreacja ma wiele zalet.

Zalety wtyczki Contact Form 7.

1. Przejrzystość i łatwość dostosowania. Osoba, która po raz pierwszy zetknie się z tą wtyczką, będzie mogła bez problemu to rozgryźć.
2. Stworzenie dużej liczby różnych formularzy i ich integracja z witryną.
3. Formularz jest wstawiany za pomocą skrótu na stronie i w dowolnym miejscu w witrynie. Jest to bardzo wygodne.
4. Wsparcie dla języka rosyjskiego i innych języków.
5. Wsparcie dla żądań Ajax.
6. Ochrona przed spamem za pomocą pytania tekstowego lub captcha. W przypadku captcha musisz dodatkowo zainstalować program Really Simple CAPTCHA.
7. Konfigurowanie wygląd formularze z za pomocą css style.
8. Integracja z usługą Akismet w celu ochrony przed spamem.

Na naszej stronie internetowej możesz zobaczyć i skorzystać z takiego formularza, po kliknięciu w menu „Skontaktuj się z nami” pojawi się okno, w którym możesz zobaczyć przykładowy przykład.

Zacznijmy!

Najpierw musimy pobrać tę wtyczkę. Jest to możliwe z naszego serwera tutaj jest link -\u003e lub z oficjalnej strony tutaj jest link -\u003e Pobierz z oficjalnej strony .

Po pobraniu musisz go zainstalować. Nie będę opisywał jak zainstalować, myślę, że powinieneś znać ten proces od A do Z. Pobrany, zainstalowany, teraz bezpośrednio idziemy do siebie, aby go zrozumieć i skonfigurować.

Konfiguracja wtyczki Contact Form 7 i utworzenie formularza zwrotnego.

Po pobraniu i zainstalowaniu wszystkiego w razie potrzeby przejdź do panelu administracyjnego WordPress i znajdź element Formularz kontaktowy 7kliknij na nią, a zostaniemy przeniesieni na stronę umożliwiającą dodanie nowego formularza.

Tworzenie formularzy.

Aby utworzyć nowy formularz, musisz kliknąć „ Dodaj nowe”, Następnie wybierz język (domyślnie rosyjski) i kliknij„ Dodaj nowy ”. Po wykonaniu wszystkich czynności powinieneś otrzymać następujący obraz:

Formularz został utworzony, teraz dostosujemy go do Twoich potrzeb i najpierw nadamy mu nazwę. W moim przypadku zadzwonię „ Formularz testowy”, Nadaj mu dowolną nazwę, a następnie kliknij„ Zapisz ”. Teraz możesz zobaczyć krótki kod, który należy wstawić do kodu witryny, w której zostanie wyświetlony ten formularz.

Kod będziemy potrzebować trochę później, ponieważ najpierw musimy skonfigurować formularz. Przejdź do szablonu formularza i dostosuj go.

Po prawej stronie znajduje się lista rozwijana „ Wygeneruj tag”, Jeśli go rozwiniesz, zobaczysz wiele pól, które zostaną dodane do formularza.

Generuj pole tagu

Po lewej stronie widać pola, które zostały już dodane do formularza.

Na przykład stwórzmy prosty formularz z imieniem i nazwiskiem, adresem e-mail, numerem telefonu, pytaniem tekstowym chroniącym przed spamem, wiadomością i przyciskiem wysyłania.

Rozpoczyna się.

Tworzymy pole tekstowe dla nazwy. Z rozwijanej listy „Generuj tag” wybierz „ Pole tekstowe”. W wymagane pole stawiamy ptaszek, nadajemy mu nazwę w moim przypadku „NAZWA” i przypisujemy identyfikator, aby pole można było stylizować za pomocą stylów css. Mam id \u003d "imię". Poniżej możesz zobaczyć tekst „ Skopiuj ten kod i wklej go do szablonu formularza po lewej stronie”. Bierzemy ten kod i kopiujemy go do szablonu formularza, jak na obrazku:

W przypadku poczty (e-mail) robimy to samo, dla telefonu wybieramy z listy „Generuj tag” pole „ Numer telefonu„I robimy to samo przez analogię.

Aby skonfigurować wiadomość, wybierz „ Pole tekstowe„I zrób to samo przez analogię ze wszystkim, co opisano powyżej.

Teraz dodaj pole „ Pytanie”. Aby to zrobić, z rozwijanej listy wybierz pozycję „ Pytanie", Daj temu imię. W polu Pytanie | Odpowiedź możesz zadawać różne pytania i odpowiedzi, poniżej pola znajduje się przykład logicznego pytania, możesz zadać pytanie tekstowe, na przykład „Czy to trzeci miesiąc w roku? Marzec ”itp. Wklej kod jak poprzednio.

pole „Pytanie”

Ostatnią rzeczą, której potrzebujemy, jest przycisk „ Wyślij wiadomość”, Możesz zostawić ten, który w szablonie lub na liście„ Generuj tag ”wybierz„ Przycisk Prześlij ”. Szablon jest gotowy, naciśnij przycisk „ Zapisać”.

Sprawdźmy, co mamy, skopiuj krótki kod i wklej go na stronie lub w dowolnej części kodu, jeśli to konieczne. Wkleję na stronie testowej.

To jest to co zrobiłem:

Powinieneś mieć coś podobnego.

Konfiguracja odbiorcy formularza i wiadomości

Schodzimy nieco poniżej szablonu formularza i widzimy ustawienia adresata.

1. Pole docelowe. Podaj pocztę, z której listy będą wysyłane do odwiedzających, którzy wypełnią formularz.
2. Pole nadawcy. Zamiast<>, podstawiamy nasze skróty (nazwy nadane polom). Możesz je zobaczyć powyżej. W moim przypadku tak będzie<>.
3. Pole tematu. Zawsze piszę Formularz opinii i wskazuję witrynę.
4. Pudełko na szablon listu. Tutaj możesz wywnioskować, czego pragnie twoje serce. W naszym przykładzie pole Od:<> i dane Telefon :, Wiadomość ...
5. Pozostałe pola są puste.

W końcu nie zapomnij zapisać.

Jeśli zejdziesz jeszcze niżej, zobaczysz ustawienia wiadomości. Wszystko jest tutaj w języku rosyjskim, więc możesz je edytować według własnych potrzeb. Tutaj myślę, że to zrozumiesz

Formularz jest gotowy, możesz przejść do testu i sprawdzić, czy wiadomość dotrze do określonej przez Ciebie poczty.

U mnie wszystko działa dobrze, po naciśnięciu przycisku „Prześlij” pojawia się komunikat „ Wiadomość została wysłana pomyślnie. podziękować. „Możesz przetestować i zobaczyć, jakie błędy poda formularz, jeśli dane nie zostaną wprowadzone poprawnie.

Jeśli chodzi o style css, można je dodać do głównego pliku css style.css. Dzięki firebagowi możesz spojrzeć na identyfikatory pól i klasy oraz odpowiednio je stylizować.

Contact Form 7 Plugin do WordPress bardzo funkcjonalne, możesz wykonać formę o dowolnej złożoności, jestem pewien, że jesteś o tym przekonany. Na tym zakończę, jeśli niektóre punkty nie są do końca jasne, napisz w komentarzach, postaram się to rozgryźć. Podziękować.

Korzystanie z wtyczki Formularz kontaktowy. Ale z czasem stało się jasne, że możliwości tej wtyczki są wyraźnie niewystarczające, a największą wadą jest to, że pozwala ona na utworzenie tylko jednego formularza opinii.

Wydaje się, że w rzeczywistości nie ma problemu. Jednak niektórzy właściciele witryn potrzebują więcej niż jednego formularza opinii, który można znaleźć nie tylko na stronie „Opinie” lub „Kontakty”, ale także na innych stronach lub we wpisach.

W tym samouczku chcę pokazać, jak utworzyć formularz opinii za pomocą innej wtyczki, bardziej funkcjonalnej i nieco bardziej złożonej niż ta omówiona w poprzednim poście. Zacznijmy?

Opis wtyczki

Wtyczka Contact Form 7 umożliwia tworzenie wielu różnych formularzy do wysyłania wyników do skrzynki odbiorczej. Możesz dostosować absolutnie wszystko - wygląd formularza, kolejność pól, nazwy etykiet, format e-maili, wybór odbiorców odpowiedzi. Podsumowując, wtyczka jest naprawdę bardzo funkcjonalna i fajna.

Ponadto możesz podłączyć do niego wtyczkę Akismet, aby chronić przed spamem, wdrażać, a także korzystać z wielojęzyczności. To moim zdaniem fajne! :-)

Instalowanie wtyczki Contact Form 7

Wtyczka jest zainstalowana w standardowy sposób w WordPressie. Przejdź do sekcji „Wtyczki” - „Dodaj nowy”, wprowadź nazwę Formularz kontaktowy 7 i zainstaluj go z repozytorium. Nie zapomnij aktywować natychmiast po instalacji.

Konfiguracja formularza kontaktowego 7

Po aktywacji wtyczki w pliku main menu WordPress pojawi się nowa pozycja "Kontakty (CF7)", jest to główne miejsce do konfigurowania formularzy opinii. Liczba formularzy nie jest niczym ograniczona.

Lista istniejących formularzy jest dostępna w sekcji „Formularze kontaktowe”:

Możesz także skopiować wymagany krótki kod w celu wklejenia na stronę lub post:

Dodanie nowego formularza opinii

Jak widać, w menu nie ma specjalnych dodatkowych pozycji, przejdźmy więc do tworzenia samego formularza opinii. W tym celu w menu głównym wybierz opcję „Dodaj nowy”.

Przede wszystkim jesteśmy proszeni o wybranie języka interfejsu formularza, który zostanie utworzony. WordPress definiuje zainstalowana wersja w Twojej witrynie i oferuje domyślny wybór:

Ale możesz wybrać dowolny dostępny język z listy:

Po kliknięciu przycisku „Dodaj nowy” pojawi się konstruktor formularza.

Zmień nazwę formularza

Pierwszym krokiem jest wpisanie nazwy naszego formularza, aby nie zgubić się na liście formularzy, gdy jest ich za dużo. Aby to zrobić, kliknij słowo „Tytuł” \u200b\u200bw górnej części ekranu:

Następnie pojawi się pole tekstowe, w którym wpisujemy nazwę wraz z opisem:

Jak tylko strona odświeży się, zobaczysz następujący komunikat:

Możesz skopiować proponowany krótki kod i wkleić go na potrzebnej stronie.
Możesz to jednak zrobić później, gdy tylko skonfigurujesz formularz. Wybór nalezy do ciebie.

Zmiana szablonu formularza

Szablon formularza to zwykły kod HTML, który kształtuje wygląd formularza. Domyślnie zawiera 4 pola (imię i nazwisko, adres e-mail, temat i treść) oraz przycisk do przesłania formularza. To wygląda tak:

Możesz zamieniać bloki, po prostu wycinając i wklejając ich kod w dowolnym miejscu.
Na przykład możemy zamienić pole e-mail i nazwę klienta:

Lub możemy usunąć pole „Temat”, aby nie pojawiało się w naszym formularzu. Aby to zrobić, po prostu usuń odpowiedni blok tekstu w naszym szablonie:

Gwiazdka obok kodu elementu oznacza, że \u200b\u200bto pole jest wymagane i dopóki klient nie wpisze jakiejś wartości, formularz nie zostanie przesłany:

Jak dodać nowe pole do formularza

Wyobraź sobie, że musisz dodać pole z adresem witryny do standardowego formularza. Konstruktor formularzy tej wtyczki umożliwia bezproblemową realizację planów. Wystarczy użyć przycisku „Generuj tag”:

Po naciśnięciu wypadnie ogromna lista możliwych dodatkowych pól:

Wystarczy wybrać typ wymaganego pola i wykonać kilka prostych czynności.

Nie przejmuj się. Ustawienia, choć wyglądają onieśmielająco, są w rzeczywistości bardzo proste :-)

Flaga „Wymagane pole” umożliwia ustawienie dodatkowa kontrola i dopóki to pole jest puste lub nieprawidłowe, formularz nie zostanie przesłany. Prawie wszystkie typy pól mają to ustawienie:

Ponadto wiele pól naszego formularza ma te same ustawienia nazwy, określające identyfikator elementu oraz klasę CSS, dzięki której można zmienić wygląd tych pól. Są obecni w prawie wszystkich dziedzinach:

Najważniejsze jest pole „Imię i nazwisko”, wykorzystywane zarówno w szablonie formularza, jak i szablonie listu.

Ale podczas korzystania z tej wtyczki nigdy nie musiałem zmieniać ani ustawiać wartości tych atrybutów. Najprawdopodobniej też go nie potrzebujesz. Ale mam obowiązek ich opowiedzieć i przedstawić :-)

Wszystkie pola tekstowe w naszym konstruktorze formularzy mają dodatkowe pola z wielkością samego pola i maksymalną długością wartości, oto one:

Ponadto określone pola, takie jak adresy URL lub niektóre pola inne niż zwykłe pola tekstowe, mają własne specjalne ustawienia. Na przykład nasze pole adresu URL można dodatkowo dostosować:

Nie będę rozważał absolutnie wszystkich ustawień, ponieważ jest ich zbyt wiele i są one specyficzne dla każdego typu pola. Cóż, jeśli nagle nadal potrzebujesz tych informacji, napisz o tym w komentarzach do tej notatki, a ja przygotuję dodatkowy przegląd ustawień.

Teraz musimy dodać kod dla tego pola do formularza w szablonie formularza.
Aby to zrobić, musisz skopiować proponowany kod i wkleić go do formularza po lewej stronie:

Na przykład chcę umieścić pole z adresem witryny po nazwie klienta. Będę musiał wpisać kod analogicznie do innych pól, czyli dodać akapit, podział wiersza i wstawić krótki kod tego nowego pola:

Otóż, aby wartość tego pola trafiła na nasz adres e-mail należy skopiować tę wartość:

I wklej w polu tekstowym poniżej w polu „Szablon listu”:

Inne pola są dodawane przez analogię. Wszystko jest proste i przejrzyste :-)

Adresat i szablon listu

Przyjrzyjmy się teraz ustawieniom, które są brane pod uwagę podczas wysyłania wiadomości. W naszym przypadku jest to odbiorca (prawie zawsze Ty) i wzór listu, który po wysłaniu wiadomości zostanie wysłany na podany adres e-mail.

Przede wszystkim należy określić adresata, do którego będą przychodzić wiadomości e-mail z naszego formularza. Domyślnie adres e-mail z ustawień WordPress jest tutaj zastępowany.

Myślę, że już zauważyłeś, że te formularze używają niezrozumiałych kodów, takich jak. To jest to samo pole „Nazwa” z generatora pól, które rozważałem powyżej:

Cóż, wystarczy uporządkować szablon samego listu:

Możesz użyć wszystkich tych pól, które zostały utworzone automatycznie poprzez przycisk „Generuj tag” lub możesz opuścić standardowy formularz, jeśli nie zmieniłeś niczego w ustawieniach.

P.S. W ustawieniach tej wtyczki jest dość ciekawa opcja - wskazanie drugiego adresata wiadomości. Szczerze mówiąc, nie mogę od razu pomyśleć, dlaczego może to być potrzebne, ale skoro jest taka możliwość, ktoś i tak z niej skorzysta.

Konfigurowanie wiadomości

No cóż, jaki rodzaj wtyczki do wysyłania wiadomości, jeśli nie pozwala na zmianę treści powiadomień lub etykiet? Wtyczka Contact Form 7 nie jest wyjątkiem. Pozwala przetłumaczyć dowolny napis lub komunikat o błędzie:

Znane problemy

Zdarza się, że przy korzystaniu z niestandardowych kontrolek, takich jak email czy url, wygląd poszczególnych elementów na stronie będzie się różnił. Na przykład zwróć uwagę na pole „Adres Twojej witryny” w samym formularzu:

Nie widziałeś? I pokażę ci bliżej:

Ogólnie problem polega na tym, że wygląd takich pól różni się wizualnie od standardowych pól tekstowych. Porównaj z polem „Twoje imię”, wszystko od razu zrozumiesz.

Istnieją dwie opcje. Pierwszym z nich jest dodanie odpowiednich stylów do pliku style.css motywu lub zmiana typu adresu URL na tekst w szablonie formularza, wtedy wszystko będzie dobrze:

Wniosek

Myślę, że przegląd sposobów tworzenia formularzy opinii można uznać za całkowicie zamknięty, a sam temat jest rozpatrywany w górę iw dół.

Oczywiście na pewno pojawi się ktoś, komu albo się to nie uda, albo będzie chciał zasugerować inną, podobną wtyczkę do rozważenia. Zawsze cieszę się, że mam pytania i sugestie! Zapraszam do pytania w komentarzach :-)

Jeśli chcesz mi podziękować za materiał - możesz to zrobić tutaj :-)

Jeśli znajdziesz błąd, wybierz fragment tekstu i naciśnij Ctrl + Enter.

Contact Form 7 może zarządzać wieloma formularzami kontaktowymi, w których można elastycznie dostosowywać zawartość formularzy i poczty za pomocą dość prostych znaczników. Formularze mają wbudowaną obsługę zgłoszeń Ajax, CAPTCHA, filtr spamu Akismet i nie tylko.

Dokumentacja i wsparcie

Zrzuty ekranu

Instalacja

1. Prześlij cały folder contact-form-7 do katalogu / wp-content / plugins /.
2. Aktywuj wtyczkę na stronie Wtyczki na pulpicie nawigacyjnym WordPress.

W menu pulpitu WordPress znajdziesz kartę „Opinia”.

Aby dowiedzieć się, jak prawidłowo korzystać z wtyczki, możesz odwiedzić jej stronę główną.

Współtwórcy i programiści

Formularz kontaktowy 7 jest projektem otwartym kod źródłowy... Następujący współtwórcy przyczynili się do rozwoju wtyczki:

Uczestnicy

Dziennik zmian

Otrzymać dodatkowe informacje zobacz Wersje.

5.1.3

• Naprawiono błąd, który uniemożliwiał odznaczenie opcji na karcie Poczta.

5.1.2

• Stały kontakt: wprowadzono selektor listy kontaktów.
• Stały kontakt: przesłano dodatkowe ustawienie stały kontakt.
• reCAPTCHA: wprowadzono filtry przechwytujące wpcf7_recaptcha_actions i wpcf7_recaptcha_threshold.

5.1.1

• reCAPTCHA: Zmienia reakcję na puste tokeny odpowiedzi.

5.1

• Wprowadzono moduł integracji Permanent Contact.
• Zaktualizowano moduł reCAPTCHA, aby obsługiwał reCAPTCHA v3.
• Dodaje zasady stylu trybu ciemnego.

5.0.5

• Naprawiono niezgodność między get_data_option () i get_default_option () w klasie WPCF7_FormTag.
• Tłumi błędy PHPwynikające z wywołań rozłączenia ().
• Wprowadzono wpcf7_is_file_path_in_content_dir () w celu obsługi stałej UPLOADS.

5.0.4

• Jawnie ustawia argument power_type w wywołaniu register_post_type (), aby naprawić problem nieautoryzowanej eskalacji uprawnień.
• Lokalny załącznik do pliku - zabronione jest określanie bezwzględnych ścieżek do plików znajdujących się poza katalogiem wp-content.
• Configuration Validator - dodaje element testowy do wykrywania nieprawidłowych ustawień plików załączników.
• Naprawiono błąd w kompatybilności wstecznej JavaScript dla starszych przeglądarek, które nie obsługują atrybutu zastępczego HTML5.
• Consent checkbox - wyłącza funkcję „Do-not-store” w tagu formularza.

5.0.3

• CSS: stosuje styl kursora „niedozwolony” do przesyłania przycisków w stanie „wyłączony”.
• Pole wyboru akceptacji: Poprawia interfejs generatora tagów, aby zachęcić do korzystania z lepszych opcji w zakresie ochrony danych osobowych.
• Wprowadza funkcję wpcf7_anonymize_ip_addr ().
• Wprowadzono zgodę_for: opcję przechowywania wszystkich typów tagów formularzy.

5.0.2

• Dodano sekcję Informacje o prywatności do pliku readme.txt.
• Zaktualizowano zawartość meta-boxu informacji.
• Użyj get_user_locale () zamiast get_locale () tam, gdzie jest to bardziej odpowiednie.
• Pole wyboru akceptacji: zresetuj stan wyłączenia przycisków przesyłania po pomyślnym przesłaniu.

5.0.1

• Naprawiono nieprawidłowe użycie _n ().
• Weryfikacja konfiguracji: Naprawiono nieprawidłową liczbę alertów w panelu karty Ustawienia dodatkowe.
• Sprawdzanie poprawności konfiguracji: Naprawiono niewłaściwe traktowanie specjalnego tagu poczty [_site_admin_email] w nagłówku wiadomości From.
• Pole wyboru akceptacji: określone atrybuty class i id zostały zastosowane do niewłaściwego elementu HTML.
• Weryfikacja konfiguracji: jeśli istnieje dodatkowy nagłówek poczty dla skrzynek pocztowych, takich jak DW lub Odpowiedź do, ale może on zawierać pustą wartość, zostanie zwrócony błąd „Używana jest nieprawidłowa składnia skrzynki pocztowej”.
• Jawnie określ czwarty parametr add_action (), aby uniknąć przekazywania niezamierzonych wartości parametrów.
• Przed usunięciem katalogu sprawdź, czy katalog docelowy jest pusty.

5.0

• Dodatkowe ustawienia: on_sent_ok i on_submit zostały usunięte.
• Nowe dodatkowe ustawienie: skip_mail
• Flamingo: tytuł kanału przychodzącego zmienia się wraz ze zmianą tytułu odpowiedniego formularza kontaktowego.
• Zdarzenia DOM: udostępnij cały obiekt odpowiedzi interfejsu API za pośrednictwem właściwości event.detail.apiResponse.
• Poczta HTML: dodaje atrybuty związane z językiem do nagłówka HTML.
• Przesyłanie pliku: ustawia atrybut akceptacji na pole przesyłania.
• Przedstawia klasę WPCF7_MailTag.
• Przerwij próbę wysłania poczty przy użyciu przechwytywacza akcji wpcf7_before_send_mail. Alternatywnie możesz ustawić niestandardowy status i komunikat za pomocą przechwytywacza akcji.
• Pole wyboru akceptacji: umożliwia określenie warunków w części treści tagu formularza.
• Pole wyboru akceptacji: Obsługuje opcjonalną opcję.
• Nowe specjalne tagi poczty: [_site_title], [_site_description], [_site_url], [_site_admin_email], [_invalid_fields], [_user_login], [_user_email], [_user_url], [_user_firstser_name_email], [_user_login], [_user_email], [_user_url], [_user_firstser_name_name], [_user_name_name] [_user_display_name]
• Nowe filtry przechwytujące: wpcf7_upload_file_name, wpcf7_autop_or_not, wpcf7_posted_data _ ($ type) i wpcf7_mail_tag_replaced _ ($ type)
• Nowe funkcje tagów formularzy: kontener zero-controls i nieprzeznaczony do poczty

W związku z tym, że wtyczka Contact Form 7 jest bardzo szeroko stosowana przez użytkowników WordPressa, konieczne stało się pisanie szczegółowa instrukcja na tym. Ten artykuł dotyczy dostosowywania formularza kontaktowego 7, metod implementacji i odpowiedzi na często zadawane pytania dotyczące korzystania z wtyczki.

Aby dodać formularz kontaktowy 7 do wybranej lokalizacji, należy skopiować kod osadzenia na stronie lub w sekcji postów. Robi się to bardzo prosto:


Każdy formularz kontaktowy ma swój własny krótki tag, taki jak [contact-form-7 id \u003d "71" title \u003d "(! LANG: Contact form 1"] . Чтобы вставить контактную форму в свой пост, скопируйте шорткод и вставьте его в содержание поста.!}

Jeśli twój formularz nie jest wyświetlany i wyświetla błąd contact-form-7 404 "Not Found"

Kod jest znakiem, że nie można znaleźć formularza kontaktowego określonego przez krótki kod. Upewnij się, że używasz prawidłowego kodu osadzania. Spróbuj powtórzyć wklejanie, kopiując wymagany kod jeszcze raz.

Jak dodać lub edytować pole, aby zmienić wygląd Formularza Kontaktowego 7?

Aby dodać pole, dodaj znacznik do formularz pole tekstowe, całkowicie zmień lub edytuj formularz, musisz przejść do ustawień i ustawić potrzebne parametry.

Każdy tag ma ścisłą składnię, obsługującą wiele odmian. Nauka składni może być trudna, ale zamiast tego możesz łatwo utworzyć niestandardowy tag za pomocą generatora tagów. Kliknij przycisk znacznika, a po sformatowaniu kliknij Utwórz tag ”. Możesz również zapoznać się z tematem w osobnym artykule.

Ustawienia wewnętrzne formularza kontaktowego 7.

W każdym formularzu dostępne są następujące ustawienia:

• Konfigurowanie szablonu formularza;
• List;
• Powiadomienia o przesłaniu formularzy.

W tych ustawieniach możesz wykonać niezbędne manipulacje za pomocą tagów formularza wejściowego, dostosować formę listu, który otrzyma użytkownik, ustawienia powiadamiania podczas wysyłania listów.

Po wyprodukowaniu wszystkich ustawienia wewnętrzne formularza kontaktowego 7otrzymasz wyedytowany kod do osadzenia, który zostanie przez Ciebie osadzony w wymaganym obszarze na stronie.

Jak określić lub zmienić temat wiadomości?

Po prostu zmień pole „Temat” w sekcji „List”. Aby to zrobić, przejdź do żądanego menu ustawień i zmień standardowy tag na swoje imię.

Jak skonfigurować autoresponder dla formularza kontaktowego 7?

Aby zainstalować autoresponder, który zostanie uruchomiony po pomyślnym wysłaniu pierwszej litery, musisz przejść do sekcji „List”, przejść do ustawień i zaznaczyć pole „Haczyk” obok pozycji „Litera 2”. Po pojawieniu się formularza skonfiguruj go według potrzebnych kryteriów, analogicznie do „Litera 1”.

Poczta przychodząca przez formularz kontaktowy wtyczki Contact Form 7 pokazuje „WordPress” jako nazwę nadawcy. Jak to zmienić?

Adres nadawcy składa się z adresu e-mail nadawca i alternatywna nazwa nadawcy. WordPress przypisuje „WordPress” jako nazwę nadawcy, jeśli parametr nie jest sformatowany. Jeśli chcesz użyć innej nazwy, aby „WordPress” nie pojawiał się już jako nazwa nadawcy, musisz jawnie określić nazwę nadawcy w polu „Od:” w sekcji „Poczta”:

Czy mogę zamieścić formularz kontaktowy poza postem?

Tak. Możesz umieścić swój formularz kontaktowy w widgecie tekstowym. już rozważaliśmy. Wystarczy, że utworzysz widżet i umieścisz w nim skrócony kod potrzebnego formularza.

Jak osadzić formularz kontaktowy w pliku szablonu?

Możesz wstawić krótki kod bezpośrednio do motywu szablonu za pomocą funkcji do_shortcode (). Można to zrobić za pomocą takiej linii:

Komunikat o błędzie „Nie udało się wysłać wiadomości”. Formularz kontaktowy nie wysyła e-maili. Co jest nie tak?

Powodów takiej wiadomości jest zwykle kilka:

• Pierwszym faktycznym powodem może być serwer pocztowy, z zakazem wysyłania formularza pocztowego. W takim przypadku komunikat o błędzie zostanie otoczony czerwoną linią. Skontaktuj się z administratorem serwera, aby uzyskać rozwiązanie.
• druga możliwa przyczyna polega na tym, że formularz zgłoszeniowy jest podejrzewany o spam. W takim przypadku komunikat o błędzie zostanie otoczony pomarańczową linią.

Wiadomość zwrotna „Twoja wiadomość została wysłana pomyślnie”, ale list nie dotarł.

Jeśli komunikat jest wyświetlany z zieloną ramką, oznacza to, że funkcja PHP wysłanie poczty zakończyło się pomyślnie. Jeśli więc nie możesz odebrać poczty, bardzo możliwe, że została ona skradziona lub usunięta.

Jeśli możesz sprawdzić dziennik swojego serwer poczty elektronicznej, to może dać ci kilka wskazówek.Filtr spamu często powoduje tego rodzaju problemy.

Formularz kontaktowy przekierowuje na stronę błędu 404 po przesłaniu.

Ten problem jest spowodowany połączeniem dwóch błędów konfiguracji. Po pierwsze, JavaScript AJAX nie działa w Twoim formularzu kontaktowym. Z powodu tego problemu Twój formularz kontaktowy jest zmuszony do przekierowania po przesłaniu. Po drugie, twój formularz kontaktowy używa niedostępnych słów w nazwach pól wejściowych. To pytanie wprowadza w błąd WordPress i powoduje błędy 404 („Nie znaleziono”).

Formularz kontaktowy zachowuje się dziwnie w niektórych przeglądarkach.

Może to być spowodowane nieprawidłowym kodem HTML, CSS, Javascript. Sprawdź stronę formularza za pomocą walidatorów lub narzędzi do debugowania.

Użyteczne narzędzia:

• Firebug - rozszerzenie Firefox... Dobra do debugowania JavaScript.
• W3C Markup Validation Service - usługa walidacji HTML.
• W3C CSS Validation Service - usługa walidacji CSS.

Jak korzystać z formularza kontaktowego w wybranym języku, a nie w języku angielskim.

Formularz kontaktowy 7 został przetłumaczony na wiele języków. Sprawdź, czy istnieje plik konfiguracyjny języka dla Twojej witryny, a następnie i wtyczka Contact Form 7 będzie używać tego języka.

Formularz kontaktowy 7 określa ustawienia języka WordPress. Po zmianie języka ustawienia WordPressFormularz kontaktowy 7 również się zmienia.

CAPTCHA nie działa, nie pojawia się żaden obraz.

Aby korzystać z CAPTCHA, musisz zainstalować na serwerze biblioteki GD i FreeType. Upewnij się również, że folder tymczasowy dla CAPTCHA ma ustawione uprawnienia do zapisu.

Pole wprowadzania tekstu CAPTCHA działa w przeglądarce Internet Explorer, ale nie w przeglądarce Firefox. Nie można wprowadzić kodu.

To dobrze znany problem spowodowany nadużyciem tagów. ... Upewnij się, że używasz go poprawnie.
Prawidłowe użycie:

Wpisz kod:

[captchac your - captcha] < strong > & lt; etykieta & gt;< / strong > Wpisz kod: [captchar your - captcha]< strong > & lt; / etykieta & gt;< / strong >

To nie zadziała poprawnie:
Wpisz kod:

Witajcie drodzy czytelnicy bloga. Kontynuacja tematu formularzy opinii WordPress. A skoro już o nich mówiłem, dziś proponuję porozmawiać o wtyczce WP Contact Form 7. Następnie pokażę Ci krok po kroku konfigurację wtyczki, a także krótko opiszę dodatki do tej wtyczki.

Nawigacja po stronie:

Opis formularza kontaktowego WordPress 7

2) Aktywuj wtyczkę Contact Form 7 w obszarze administracyjnym WordPress.

3) Przejdź do nowo utworzonej zakładki, jak pokazano na obrazku:

4) Kliknij zakładkę „Dodaj nowy” i określ domyślny język formularzy lub wybierz żądany

5) Podaj nazwę formularza kontaktowego i kliknij Zapisz.

6) Teraz mamy krótki kod, który można skopiować i wkleić do posta lub paska bocznego w celu wyświetlenia formularza - contact-form-7 id \u003d "1252" title \u003d "(! LANG: Form number 1" (надо взять в !} nawiasy kwadratowe jak na zdjęciu).

7) Tak wygląda nasz formularz:

Oczywiście niezbyt piękne, ale nikt nie zadaje sobie trudu, aby tworzyć własne style lub tworzyć własny kształt i wkładać tam wstawki.

Jak wyświetlić formularz kontaktowy 7 w dowolnym miejscu szablonu

W kroku 6 konfiguracji krok po kroku pokazałem ci, jak możesz wziąć krótki kod CF7, a następnie opisałem, że ten kod może być wyświetlany w widżecie, poście lub na stronie. Ponadto chcę powiedzieć, że możesz wyświetlić formularz kontaktowy 7 w dowolnym miejscu szablonu. Aby to zrobić, wstaw następujący prosty kod:

To wszystko, jeśli wszystko zrobiłeś poprawnie, otrzymasz dane wyjściowe Formularza kontaktowego 7 w dowolne miejsce w szablonie WordPress.

Dostosowywanie pól wejściowych formularza kontaktowego 7

Dzięki niemu dodatkowo będziesz miał takie skrzynki jak:

Konfiguracja odpowiedzi na odpowiedź dla formularza kontaktowego 7

W nowa wersja wtyczka CF7 4.4 i wyższa, programista zaleca wpisanie w polu from (tutaj jest na skórze poniżej)

poprawny adres pasujący do Twojej domeny. Widać to na skórze, a to zalecenie stwarza problem:

Jak odpowiedzieć użytkownikowi z mailera?

Jeśli po prostu naciśniesz odpowiedź, odpowiemy na naszą własną pocztę, w rzeczywistości odpowiemy sobie. Jest to bardzo niewygodne, ponieważ musimy ręcznie skopiować adres użytkownika, wkleić go do mailera i dopiero wtedy odpowiedzieć.

Jest rozwiązanie tego problemu i jak zwykle proste. Potrzebujesz w terenie Dodatkowe nagłówki dodaj kod:

Odpowiedź do:

Oczywiście twój-e-mail-sh należy zastąpić własnym krótkim kodem poczty. Zobacz skórkę poniżej:

Teraz, gdy otrzymasz list z opinii WordPress, możesz kliknąć, aby odpowiedzieć w przesyłce, a Twoja odpowiedź zostanie wysłana na właściwy adres e-mail.

Jeśli po tych krokach napotkasz problem - przeczytaj wpis, klikając link. We wtyczce Contact Form 7 opisane są główne problemy i przyczyny kłopotów.

To wszystko. Mam nadzieję, że rozumiesz, jak skonfigurowano wtyczkę i jej układy.