Редактирование текста письма в форме обратной связи

Форма обратной связи без плагин своими руками

Здравствуйте, дорогие друзья!

В предыдущих статьях я рассказывала о том, как создать на своём сайте всплывающую форму обратной связи без плагина.

Если вы с ними ещё не ознакомились то вот ссылки:
Всплывающая форма обратной связи без плагинов (часть 1)
Всплывающая форма обратной связи без плагинов (Часть 2)
Добавление сложной всплывающей формы без плагина

В данной статье мы рассмотрим, как редактировать текст письма, которое будет отправляться вам на почту.

Редактирование текста письма

Для этого нам нужно будет открыть файл postmaster.php, который находится в корне вашего сайта, или если вы создавали свой обработчик, то вам нужно будет открыть файл с его названием.

О том, как настраивать e-mail для получения заявок, я рассказывала в этой статье:
Всплывающая форма обратной связи без плагинов (Часть 2)

Если посмотреть код обработчика то мы увидим, что здесь для разных идентификаторов всплывающих форм задаются разные шаблоны писем.

Если в скрипте используется идентификатор service_order, и для него у нас будет отправляться письмо с вот такими значениями:

Параметры для идентификатора
  1. 1.Первое, что нам необходимо здесь изменить – это непосредственно наш заголовок. Вместо «Исполнитель на корпоратив» вписываем своё значение.
  2. 2.Переименовываем подписи полей, на те которые используются в нашей, переделанной форме:
    переименовываем подписи полей
  3. 2.Если у вас есть поля, которые в форме не используются то из текста письма мы их тоже удаляем.

    Например, для удаления поля «Ваша компания» нужно удалить следующий фрагмент кода:

    Удаляем не нужный код
  4. 2.Если в вашей форме используются поля, которых в тексте письма нет, то их необходимо добавить.
Обучение фотошоп

Добавление новых полей

Для этого проще всего посмотреть код формирования текста письма для других форм и скопировать оттуда нужные куски кода для вывода данных из определённых полей формы.
Вот, например, фрагмент кода, которые отвечаю за вывод в тексте письма некоторых полей:

Если вы добавляли новое поле со своим названием, то вам нужно использовать такой фрагмент кода:

Вместо «Новое поле» — указываете своё название поля
Вместо «name» — пишете имя поля, которое вы задавали в скрипте.

После всех указанных выше манипуляций сохраним изменения и протестируем отправку писем.

Обновляем страницу, заполняем все поля формы обратной связи и нажимаем на кнопку заказать.

Если всё настроено верно то вам на почту должно будет прийти письмо примерно следующего вида:

Пример письма

Таким образом, вы можете добавлять на ваш сайт неограниченное количество таких всплывающих форм обратной связи, задавать для них различные поля, и выводить ссылки для вызова этих форм абсолютно в любом месте, будь то файлы шаблона, или области виджетов, или область контента, или, даже, меню.

Для того, что бы при клике на ссылку у вас происходило открытие всплывающей формы обратной связи вам достаточно просто прописать для нее определенный класс, который будет совпадать с тем классом, который вы задаете в самом скрипте для этой формы.

Так же, обращаю ваше внимание на то, что данная всплывающая форма обратной связи по умолчанию не является адаптивной. Поэтому, при добавлении для нее необходимо прописать несколько строчек с медиазапросами.

Видеоинструкция

Как научиться продвигать сайты?

На этом у меня все. Надеюсь, что данная статья будет для вас полезной. Буду очень рада видеть ваши комментарии. До встречи в следующих статьях!

С уважением Юлия Гусарь

Подписаться на рассылку

Читайте также:

comments powered by HyperComments

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif