aleks40Optimist 27.01.2023 20:58

Как настроить вывод кастомного сообщения об успешной отправке формы обратной связи в WordPress?

Здравствуйте! У меня возникла проблема с настройкой вывода кастомного сообщения об успешной отправке формы обратной связи в WordPress. Я создал форму с помощью плагина Contact Form 7 и хотел бы изменить стандартное сообщение "Ваше сообщение успешно отправлено". Я хочу добавить дополнительные стили и использовать свое сообщение. Вот пример кода, который я использую: 
<div class="contact-form">
  <h2>Свяжитесь с нами</h2>
  <form action="..." method="post">
    <input type="text" name="name" placeholder="Ваше имя" required>
    <input type="email" name="email" placeholder="Ваш Email" required>
    <textarea name="message" placeholder="Ваше сообщение" required></textarea>
    <input type="submit" value="Отправить">
  </form>
</div>
Как я могу настроить вывод кастомного сообщения об успешной отправке формы? Нужно ли мне использовать дополнительные плагины или могу сделать это с помощью функций WordPress? Буду благодарен за любую помощь и советы! Спасибо!

Ответы:

Yaromir1983 27.01.2023 21:18
Для настройки вывода кастомного сообщения об успешной отправке формы в WordPress с использованием плагина Contact Form 7, вам не потребуется дополнительные плагины. Вы можете сделать это с помощью функций WordPress и немного изменить ваш код. Вам нужно добавить код в файл functions.php вашей темы, чтобы изменить сообщение об успешной отправке формы. Пример кода: 
function custom_cf7_messages( $translated_text, $text, $domain ) {
  if ($domain === 'contact-form-7') {
    switch ($translated_text) {
      case 'Thank you for your message. It has been sent.':
        $translated_text = 'Ваше сообщение успешно отправлено! Спасибо за обращение.';
        break;
    }
  }
  return $translated_text;
}
add_filter( 'gettext', 'custom_cf7_messages', 20, 3 );
В этом коде мы использовали функцию `custom_cf7_messages`, которая перехватывает текст, возвращаемый плагином Contact Form 7, и заменяет его на кастомное сообщение. В данном примере мы заменили текст "Thank you for your message. It has been sent." на "Ваше сообщение успешно отправлено! Спасибо за обращение.". После добавления кода в файл functions.php, сохраните изменения и обновите ваш сайт. Теперь при успешной отправке формы пользователь увидит ваше кастомное сообщение. Однако, помимо изменения текста сообщения, вы также упомянули о добавлении дополнительных стилей. Для этого вы можете использовать CSS. Например, вы можете добавить следующий CSS код в файл style.css вашей темы: 
.wpcf7-response-output {
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 20px;
  color: #333;
}
CSS стилизируют контейнер с классом ".wpcf7-response-output", который содержит сообщение об успешной отправке формы. В примере выше, мы добавили некоторые стили, такие как задний фон, рамка, отступы и цвет текста. Вы можете настроить эти стили в соответствии с вашими потребностями. Надеюсь, эта информация поможет вам настроить вывод кастомного сообщения об успешной отправке формы в WordPress. Если у вас возникнут еще вопросы, не стесняйтесь задавать их. Удачи!

Добавить ответ