Форма обратной связи на «старте»
Хочу сделать форму отправки сообщения на email (или попросту «обратная связь»
. Я буду использовать компонент добавления элемента инфоблока: минимум программирования, а все записи остаются в базе данных сайта, в любой момент можно к ним вернуться.
Сначала надо создать инфоблок, куда будут попадать отзывы, создам свойства «Город» и «email», в действительности их может быть больше.
Для всех пользователей даю права на изменения.
Получилась такая аккуратная форма:
Она уже будет работать и записи можно просмотреть из админки:
Теперь осталось сделать так, чтобы при добавлении записи отправлялось письмо ответственному человеку.
| Форма обратной связи на сайте |
Ссылку надо вставить свою.
В поле «кому» ставлю свой email.
Для отправки использую системный метод CEvent::Send
Взял за основу код из документации, получилось вот что:
Дополнено 19.06.2009 г. Чтобы включить защиту от автоматического заполнения включите в настройках компонента параметр
Ajax форма обратной связи на bitrix
Всем привет. В данном посту мы рассмотрим простой пример создания формы обратной связи, форму обратного звонка на сайте. Реализовать форму вы сможете у себя на сайте, это может быть отдельная страница, либо модальное окно, которое будет доступно при клике на определённые кнопки. Заявки, отправляемые с формы, будут записываться в информационных блок, так же администрации сайта будут отправляться почтовые уведомления о новых заявках.
Теперь давайте приступим непосредственно к примеру. Первым делом, что требуется нам сделать, это подготовить информационный блок, в который будут записываться данные, а также, создать почтовое событие + шаблон для отправки письма уведомления на почту.
Добавление инфоблока для записи заявок
Создаем информационный блок «Заявки», и добавляем свойства для информационного блока. В моём примере путь к созданию нового инфоблока следующий:
Контент > Инфоблоки > Типы инфоблоков > Каталог > Добавить инфоблок
Назначение полей свойств говорит само за себя, мы будет записывать ID элемента, с которого отправляется форма, имя пользователя, телефон, почтовый адрес, а также записывать URL страницы, с которой были отправлены данные.
Добавление почтового события и шаблона
Далее создаём почтовое событие, которое будет вызываться при успешной отправке данных с формы на сервер.
Добавить новое почтовое событие можно по пути:
Настройки > Настройки продукта > Почтовые события > Типы почтовых событий > Добавить тип
Тип почтового события я указал как NEW_USER_RESPONSE, в самом деле вы можете назвать его по-своему, это не так принципиально. Далее создаем почтовый шаблон, который будет использован для отправки писем на почту администрации сайта.
Путь к созданию нового почтового шаблона такой:
Настройки > Настройки продукта > Почтовые события > Почтовые шаблоны > Добавить шаблон
Выбираем в качестве почтового события запись с кодом NEW_USER_RESPONSE, далее, как показано на скриншоте:
После того как сохранили почтовый шаблон, можно приступать непосредственно к самой форме отправки. Сайт, который использовался в примере свёрстан с использованием bootstrap 4, этого не говорит о том, что вам необходимо его так же использовать. Вы можете реализовать эту форму самостоятельно, без использование сторонних фреймворков для верстки. В моём же примере используется модальные окна, которые хорошо описаны в документации по bootstrap 4.
Сам код формы я поместил в основной файл шаблона header.php, так как модальное окно с формой должно быть доступно по всему сайту.
Кнопка вызова модального окна так же располагается на странице, выглядит она таким образом:
Итак, действие с открыванием и закрыванием модального окна выполняется самим фреймворком bootstrap, и большого интереса для нашего поста это не представляет. Для нас интересна сама отправка данных с формы. Начинать проверку полей и отправку мы будем при нажатии на кнопке «отправить».
Код написан на js + jquery, выполняет валидацию заполнения полей, а также отправку данных на сервер:
В корне сайта создаем ajax.customer-response.php который будет выполнять код на стороне сервера, при ajax-запросе.
Bitrix форма обратной связи добавить поля
Курс предназначен для базовой подготовки пользователей, осуществляющих администрирование порталов, созданных на коробочной версии сервиса Битрикс24. Изучение курса позволяет освоить основные методы администрирования системы. Если вы хотите ознакомиться с тем как внедрить наш сервис в работу вашей компании, то для вас создан курс Внедрение корпоративного портала.
Курс предусматривает обучение по двум ролям администраторов: Администратор корпоративного портала и Администратор системы.
Разные роли созданы в связи с тем, что для администрирования настроенного и отлаженного корпоративного портала нет необходимости в работе профессионала высокого уровня. Вполне достаточно пользователя успешно изучившего данный курс в рамках роли Администратор КП.
При условии качественного изучения материалов курса, по его окончании специалист должен уметь:
Начальные требования
Для прохождения курса необходимо:
Если вам предстоит самостоятельная установка системы, то рекомендуется к изучению курс Установка и настройка.
Администратору системы будет полезно ознакомиться с курсом Разработчик Bitrix Framework, рассказывающем о принципах работы Bitrix Framework.
У нас часто спрашивают, сколько нужно заплатить
Ещё у нас есть Академия 1С-Битрикс, где можно обучиться на платной основе на курсах нашей компании либо наших партнёров.
Баллы опыта
уроке.
Тесты и сертификат
После изучения курса вам будет предложено пройти тесты на сертификацию. При успешной сдаче линейки тестов на странице Моё обучение можно просмотреть результат обучения и загрузить сертификат в формате PDF.
Для преподавания оффлайн
Если данный курс берётся в качестве основы для оффлайного преподавания, то рекомендуемая продолжительность: 10 дней (70 академических часов).
Если нет интернета
Скачать материалы курса в формате EPUB. Файлы формата EPUB Чем открыть файл на
Android:
EPUB Reader
CoolReader
FBReader
Moon+ Reader
eBoox
iPhone:
FBReader
CoolReader
iBook
Bookmate
Windows:
Calibre
FBReader
Icecream Ebook Reader
Плагины для браузеров:
EpuBReader – для Firefox
Readium – для Google Chrome
Bitrix форма обратной связи добавить поля
В целях соблюдения Федерального закона №152-ФЗ «О персональных данных», мы рассмотрим, как создать согласие на обработку персональных данных и выведем форму обратной связи с ней.
1) Создадим согласие на обработку персональных данных в административной панели сайта.
Создаем новое соглашение, нажимая кнопку «Добавить».
Заполняем поля конструктора соглашений.
Если у Вас есть текст собственного соглашения, то Вы его вставляете в поле «Текст согласия». Если нет, выбираете один из имеющихся вариантов. Так как у меня готового текста нет, то выбираю «Стандартное согласие на обработку персональных данных «Russian»».
Ознакомиться с соглашением Вы можете нажав напротив кнопку «Посмотреть».
Выбираю «Источник данных» значение «указывается вручную» и заполняю поля ниже (Название компании и адрес регистрации компании).
Если Вам не подходит вариант использования персональных данных в стандартном соглашении, то Вы его можете изменить, выбрав галочку «Указать свой вариант использования персональных данных» и заполнить появившееся поле.
Если информация передается третьим лицам, то Вы ставите галочку на против соответствующего поля и перечисляете все организации, куда передаются данные.
.Нажимаем «Сохранить» и можем перейти к добавлению компонента формы обратной связи.
2) Добавление формы.
Переходим на страницу, где будем добавлять форму и заходим в режим редактирования страницы.
Нажимаем «Сохранить» и снова «Сохранить».
3) Добавляем соглашение к форме.
В открывшемся окне пишем новое название шаблона формы на английском языке, я указал «feedback152FZ», и указываем копировать в шаблон сайта в «текущий«. Остальное оставляем как есть.
Открылось окно с шаблоном формы, советую на ссылке «Редактировать файл в панели управления» нажать правой кнопкой мыши и открыть в новом окне, а в текущем окне нажать кнопку «Сохранить». Так как если Вы допустите ошибку и форма перестанет открываться, Вам придется искать куда сохранился новый шаблон, а так он у Вас уже будет открыт в новом окне для исправлений.
Находим код отвечающий за отправку формы
И перед ним копируем ниже представленный фрагмент кода
Сохраняем шаблон и возвращаемся на страницу с формой.
В настройках указываем соглашение (если их несколько), галку согласия проставлена по умолчанию я не буду ставить, остальное оставлю как есть и нажимаю «Сохранить».
Обновляется страница формы и мы видим, что согласие добавилось.
Всплывающее окно с формой обратной связи Битрикс
Давайте сделаем всплывающее окно с формой обратной связи. Вообще можно сделать всплывающее окно с любым компонентом системы управления, просто выбрал обратную связь как наиболее простой пример. Всплывающее окно будем делать без скриптов- на чистом CSS3. Вы сможете применить этот способ, например для авторизации или регистрации пользователя, быстрый просмотр товара и т.д.
Создание формы обратной связи
Далее переходим в режим «Редактирование исходного кода» и обворачиваем вывод компонента в div контейнер как в примере (можете просто скопировать отсюда к себе на страницу):
Добавляем в style.css шаблона вот такие стили:
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
И переносим нашу форму в footer.php шаблона сайта, в самый низ до закрытия тега body:
Небольшая фенька.
Можно принудительно «нажимать» на ссылку вызывающую окно через определенный промежуток времени. Для этого достаточно добавить в шаблон сайта вот такой скрипт: