Jak naprawić formularz kontaktowy Divi, który nie wysyła wiadomości e-mail?

Opublikowany: 2022-07-04

Zaprojektowany i opracowany przez Elegant Themes, Divi udowadnia, że ​​jest prostym, ale potężnym narzędziem do tworzenia stron typu „przeciągnij i upuść” do tworzenia witryny WordPress. Zawiera wiele wbudowanych przydatnych funkcji umożliwiających dostosowanie strony internetowej.

Po wyjęciu z pudełka Divi zapewnia domyślny moduł umożliwiający umieszczanie formularzy kontaktowych w dowolnym miejscu w witrynie WordPress. Możesz dodać dostosowany formularz z wieloma polami formularza, takimi jak tekst, pole wyboru, listy rozwijane i przyciski radiowe. Użytkownicy preferują również Divi ze względu na jego zdolność do ochrony przed spamem i przekierowania po przesłaniu.

Może się jednak zdarzyć, że formularz kontaktowy Divi nie wysyła wiadomości e-mail z kilku powodów. W tym artykule przedstawimy Ci rozwiązanie tego problemu.

Zanim zaczniemy, sprawdźmy, jak wygenerować formularz kontaktowy Divi w Twojej witrynie.

Jak utworzyć formularz kontaktowy Divi

Formularze kontaktowe bez wątpienia okazują się jednym z najważniejszych elementów każdej biznesowej strony internetowej. Nie tylko pomagają klientom połączyć się z Twoją witryną w celu uzyskania wsparcia, ale także pomagają w weryfikacji nowych potencjalnych klientów i utrzymaniu klientów w Twojej witrynie.

Nie potrzebujesz żadnej wtyczki, aby wyświetlić formularz kontaktowy na swojej stronie WordPress. Aby to osiągnąć, najpierw musisz mieć zainstalowany i gotowy Divi Builder na swojej stronie.

Następnie dodaj nową stronę lub otwórz istniejącą stronę. Kliknij przycisk Użyj Divi Builder w edytorze postów i naciśnij Użyj Visual Builder .

Następnym krokiem jest naciśnięcie przycisku plus (+) i wybranie modułu Formularz kontaktowy do wstawienia na swoją stronę.

ppwp-divi-contact-form-module

Nadszedł czas, aby wystylizować swój formularz kontaktowy. Atrakcyjna forma zawsze przyciąga uwagę użytkowników i zwiększa konwersje lepiej niż standardowe. Możesz zmienić czcionkę tekstu w formularzu, jego kolor, kolor przycisku, a nawet odstępy na karcie Projekt .

ppwp-divi-kontakt-formularz-projekt

Za wygląd formularza odpowiada zakładka Treść . Daje pełną kontrolę nad elementami formularza, w tym tekstem, obrazami i ikonami. Możesz dodać nowe pola do formularza lub usunąć domyślne.

ppwp-zawartość-formularza-kontaktowego

Jest kilka innych rzeczy, na które powinieneś zwrócić uwagę podczas tworzenia formularza kontaktowego.

  • Tytuł – nadaj swojemu formularzowi tytuł, taki jak formularz Napisz dla nas, formularz biuletynów, formularz wsparcia itp.
  • Wiadomość o powodzeniu — co użytkownicy otrzymują po pomyślnym przesłaniu formularza, na przykład „Dziękujemy za skontaktowanie się z nami”.
  • Captcha — włącz tę opcję, aby uniemożliwić botom automatyczne przesyłanie formularzy.

Karta Zaawansowane umożliwia zastosowanie niestandardowych atrybutów CSS i HTML.

ppwp-divi-form-zaawansowane-ustawienia

Formularz kontaktowy Divi nie wysyła e-maili

Wszyscy rozumiemy znaczenie formularzy kontaktowych na każdej stronie internetowej. Mimo to formularze kontaktowe Divi nie zawsze działają poprawnie. Jednym z typowych problemów, które możesz napotkać, jest to, że dane użytkowników nie są dostarczane do Twojej skrzynki odbiorczej.

Zanim przejdziesz do rozwiązania tego problemu, możesz przejrzeć możliwe przyczyny problemu.

Dlaczego formularz kontaktowy Divi nie działa

Poniżej znajduje się kilka przyczyn, które uniemożliwiają formularzom kontaktowym Divi wysyłanie wiadomości e-mail, związanych zarówno z ograniczeniami serwera, jak i funkcją PHP mail().

  • Funkcja wp_mail() – WordPress używa PHP do wysyłania wiadomości e-mail z Twojej witryny, ale funkcja PHP mail() nie może wysyłać masowych wiadomości e-mail. Ponadto te e-maile nie są uwierzytelniane, więc mogą zostać oznaczone jako spam.
  • Problemy po stronie serwera – Niektóre serwery hostingowe nie są skonfigurowane do poprawnej konfiguracji funkcji PHP mail(). Mogą nagle zrezygnować z wysyłania e-maili ze względów bezpieczeństwa.
  • Nieprawidłowy docelowy adres e-mail — użytkownicy czasami wprowadzają nieprawidłowe adresy e-mail. W związku z tym Twój system nie wysyła im e-maili. Aby tego uniknąć, upewnij się, że docelowy adres e-mail jest prawidłowy.
  • Konflikty wtyczek — jeśli korzystasz z wtyczki formularza WordPress innej firmy, prawdopodobnie powoduje ona konflikt z domyślną funkcją formularza kontaktowego.

Jak pokonać problem z formularzem kontaktowym Divi, który nie wysyła wiadomości e-mail

Aby rozwiązać ten problem, potrzebujesz pomocy wtyczki SMTP. Postępuj zgodnie z 4 krokowym przewodnikiem poniżej, aby rozpocząć korzystanie z tej wtyczki.

Krok 1: Sprawdź ustawienia formularza kontaktowego Divi

Zanim odkryjesz proces naprawy, upewnij się, że formularz kontaktowy Divi jest prawidłowo skonfigurowany.

  1. Otwórz stronę zawierającą formularz kontaktowy
    ppwp-edycja-forma-divi
  2. Kliknij ikonę koła zębatego, aby wyświetlić stronę ustawień formularza kontaktowego
  3. Przejdź do opcji E-mail w zakładce Treść i wpisz adres e-mail administratora
  4. Przewiń w dół do sekcji Ochrona przed spamem i włącz opcję Użyj usługi ochrony przed spamem , na przykład Google reCAPTCHA

Krok 2: Zainstaluj wtyczkę SMTP

Uzyskując ponad 2 miliony użytkowników od bieguna do bieguna, WP Mail SMTP pojawia się jako najpopularniejsza wtyczka SMTP (Simple Mail Transfer Protocol) dla witryn WordPress. Pomaga w połączeniu witryny z zewnętrzną usługą poczty e-mail w celu zwiększenia dostarczalności wiadomości e-mail.

Ponadto WP Mail SMTP umożliwia śledzenie wiadomości e-mail wysyłanych przez witrynę WordPress wraz ze wskaźnikami otwarcia / kliknięć. Odpowiada również za zapisywanie załączników do wiadomości e-mail i eksportowanie dzienników.

Wtyczka udostępnia darmową wersję, dzięki czemu możesz ją pobrać z repozytorium WordPress.

  1. Zaloguj się do panelu administracyjnego WordPressa i otwórz WtyczkiDodaj nowy
  2. Wpisz „WP Mail SMTP” w polu słów kluczowych
  3. Zainstaluj i aktywuj wtyczkę
  4. Znajdź ustawienia wtyczki w sekcji WP Mail SMTP w menu administratora
    ppwp-wp-mail-smtp
  5. Sprawdź adres Od e -mail. WordPress używa adresu e-mail administratora jako domyślnego adresu Od e-mail, ale możesz to łatwo zmienić.
    ppwp-wp-mail-smtp-z-e-mail
  6. Wprowadź nazwę nadawcy

Krok 3: Wybierz usługę wysyłkową

Gdy korzystasz z usługi pocztowej do wysyłania wiadomości e-mail ze swojej witryny, Divi nie musi sama wysyłać wiadomości e-mail, co uniemożliwia Divi wysyłanie wiadomości e-mail.

  1. Wybierz pocztę z listy
    ppwp-mailer
  2. Wpisz klucz API
  3. Zapisz swoje ustawienia

Krok 4: Przetestuj e-mail

Po wszystkich tych ustawieniach należy dokładnie sprawdzić, czy poczta e-mail działa poprawnie.

  1. Przejdź do zakładki Test e-mail
  2. Podaj przykładowy adres e-mail w polu Wyślij do
  3. Naciśnij Wyślij e-mail

WP Mail SMTP zaczyna teraz uruchamiać sprawdzanie domeny i możesz otrzymać 2 różne wiadomości pokazujące stan testowego e-maila. Jeśli komunikat pojawia się z zieloną etykietą, formularz Divi działa poprawnie.

Jeśli zobaczysz wiadomość z czerwoną etykietą, z pewnością istnieje problem z ustawieniami poczty e-mail.

Formularz kontaktowy Divi Wyślij e-mail Problem rozwiązany!

Divi ułatwia również tworzenie i dostosowywanie formularzy kontaktowych za pomocą modułu Formularz kontaktowy.

Czasami Twoja witryna nie wysyła e-maili z powodu problemów z serwerem lub funkcjami PHP. Aby to wyjaśnić, możesz skorzystać z WP Mail SMTP. Przeprowadziliśmy Cię przez zastosowanie WP Mail SMTP w celu rozwiązania problemu z formularzem kontaktowym Divi.

Daj nam znać, jeśli masz jakiekolwiek wątpliwości dotyczące formularza kontaktowego Divi.

Możesz być także zainteresowany dostosowaniem stron chronionych hasłem w Divi. Kliknij tutaj, aby to sprawdzić.