Здравствуйте, дорогие друзья!
В предыдущих статьях я рассказывала о том, как создать на своём сайте всплывающую форму обратной связи без плагина.
Если вы с ними ещё не ознакомились то вот ссылки:
Всплывающая форма обратной связи без плагинов (часть 1)
Всплывающая форма обратной связи без плагинов (Часть 2)
Добавление сложной всплывающей формы без плагина
В данной статье мы рассмотрим, как редактировать текст письма, которое будет отправляться вам на почту.
Навигация по статье:
Редактирование текста письма
Для этого нам нужно будет открыть файл postmaster.php, который находится в корне вашего сайта, или если вы создавали свой обработчик, то вам нужно будет открыть файл с его названием.
Всплывающая форма обратной связи без плагинов (Часть 2)
Если посмотреть код обработчика то мы увидим, что здесь для разных идентификаторов всплывающих форм задаются разные шаблоны писем.
Если в скрипте используется идентификатор service_order, и для него у нас будет отправляться письмо с вот такими значениями:
- 1.Первое, что нам необходимо здесь изменить – это непосредственно наш заголовок. Вместо «Исполнитель на корпоратив» вписываем своё значение.
- 2.Переименовываем подписи полей, на те которые используются в нашей, переделанной форме:
- 2.Если у вас есть поля, которые в форме не используются то из текста письма мы их тоже удаляем.
Например, для удаления поля «Ваша компания» нужно удалить следующий фрагмент кода:
- 2.Если в вашей форме используются поля, которых в тексте письма нет, то их необходимо добавить.
Добавление новых полей
Для этого проще всего посмотреть код формирования текста письма для других форм и скопировать оттуда нужные куски кода для вывода данных из определённых полей формы.
Вот, например, фрагмент кода, которые отвечаю за вывод в тексте письма некоторых полей:
|
1 2 3 |
'<div><b>Имя:</b> '.stripinput($_POST['name']).'</div>'. – вывод имени '<div><b>Телефон:</b> '.stripinput($_POST['tel']).'</div>'. – вывод телефона '<div><b>Почта:</b> '.stripinput($_POST['email']).'</div>'. – вывод e-mail |
Если вы добавляли новое поле со своим названием, то вам нужно использовать такой фрагмент кода:
|
1 |
'<div><b>Новое поле:</b> '.stripinput($_POST['name']).'</div>'. |
Вместо «Новое поле» — указываете своё название поля
Вместо «name» — пишете имя поля, которое вы задавали в скрипте.
После всех указанных выше манипуляций сохраним изменения и протестируем отправку писем.
Обновляем страницу, заполняем все поля формы обратной связи и нажимаем на кнопку заказать.
Если всё настроено верно то вам на почту должно будет прийти письмо примерно следующего вида:
Таким образом, вы можете добавлять на ваш сайт неограниченное количество таких всплывающих форм обратной связи, задавать для них различные поля, и выводить ссылки для вызова этих форм абсолютно в любом месте, будь то файлы шаблона, или области виджетов, или область контента, или, даже, меню.
Так же, обращаю ваше внимание на то, что данная всплывающая форма обратной связи по умолчанию не является адаптивной. Поэтому, при добавлении для нее необходимо прописать несколько строчек с медиазапросами.
|
1 2 3 4 5 6 7 |
@media screen and (max-width:400px) { #jbCallme_service_order{ width:95%!important; margin-left:5px!important; left:0!important; } } |
Видеоинструкция
На этом у меня все. Надеюсь, что данная статья будет для вас полезной. Буду очень рада видеть ваши комментарии. До встречи в следующих статьях!
С уважением Юлия Гусарь
