v4.2.7
Моё время занято на 60%
Обращайтесь — пока другой клиент не занял остаток!
Забронировать консультацию
Форма обратной связи на Битриксе
Приходит клиент (ну, как обычно): «Сделай форму обратной связи. Чтоб красивая была, на всех страницах висела и письма на почту падали. И побыстрее, а то заявки теряются».
Сайт на Битриксе. Можно конечно костыль на коленке прикрутить, но мы же профи. Будем делать через стандартные компоненты, как доктор прописал.
$task = [
"type" => "feedback_form",
"location" => "all_pages",
"fields" => ["name", "phone", "email", "message"],
"spam_protection" => "captcha",
"deadline" => "вчера"
];
📁 templates/
📁 dar/ <-- мой шаблон сайта
📁 components/
📁 bitrix/
📁 main.include/
📁 feedback_formzrr/ <-- мой кастомный шаблон
📄 template.php <-- вот он родимый
📄 style.css
📄 script.js
📁 include/
📄 feedback_include.php <-- подключаемый файл
Этот путь /local/templates/dar/components/bitrix/main.include/feedback_formzrr/template.php — результат моей работы. Дальше расскажу, как я к этому пришел.
В Битриксе есть готовый компонент main.feedback. Он умеет: выводить поля, отправлять письма, проверять капчу. Идеально для быстрого старта.
Захожу: Контент → Структура сайта → Управление страницами. Создаю страницу /feedback/. На неё кидаю компонент main.feedback через визуальный редактор.
- Почта: client@mail.ru
- Капча: Да
- Поля: Имя, Телефон, Email, Сообщение
- Событие: NEW_FEEDBACK_FORM (создал новое)
Стандартный шаблон лежит в /bitrix/components/bitrix/main.feedback/templates/.default. Копирую его в /local/templates/dar/components/bitrix/main.feedback/ и переименовываю в feedback_formzrr.
✓ Правило хорошего тона: никогда не редактировать ядро!
Открываю template.php и правлю верстку под дизайн клиента. Добавляю CSS-классы, placeholder'ы, обертки для ошибок.
<div class="form-group">
<input type="text" name="user_name"
value="<?=$arResult["AUTHOR_NAME"]?>"
placeholder="Ваше имя" class="form-input">
<?if(!empty($arResult["ERROR_MESSAGE"]['name'])):?>
<span class="error"><?=$arResult["ERROR_MESSAGE"]['name']?></span>
<?endif;?>
</div>
В папке /local/templates/dar/include/ создаю файл feedback_include.php и вставляю вызов компонента с моим шаблоном.
"bitrix:main.feedback",
"feedback_formzrr",
Array(
"USE_CAPTCHA" => "Y",
"OK_TEXT" => "Спасибо, ваше сообщение отправлено!",
"EMAIL_TO" => "client@mail.ru",
"REQUIRED_FIELDS" => array("NAME", "EMAIL")
)
);?>
В нужном месте шаблона (например, в footer.php) вставляю вызов main.include, который подтягивает мой файл.
"bitrix:main.include",
"",
Array(
"AREA_FILE_SHOW" => "file",
"PATH" => "/include/feedback_include.php"
)
);?>
Теперь форма будет на каждой странице, где есть footer. Магия.
| Было | Стало |
|---|---|
| Клиент терял заявки | Все заявки падают на почту и в CRM |
| Стандартная серая форма | Кастомный дизайн под бренд |
| Форма только на контактах | Форма в подвале каждой страницы |
| Спам через форму | Капча отсеивает ботов |
- ✓ Почтовое событие — создал отдельное, чтобы не мешалось с системными. Лежит в настройках → Почтовые события.
- ✓ Шаблон письма — настроил красивое HTML-письмо с полями формы. Клиент получает не просто текст, а нормальное письмо.
- ✓ Валидация — на клиенте через JS, на сервере через Битрикс. Двойной контроль.
- ✓ CSRF-токен — Битрикс сам вставляет, если включено в настройках главного модуля.
📩 За первую неделю — 24 заявки
📧 Письма приходят моментально
🤖 Спама — 0 (капча рулит)
💰 Клиент доволен, просит ещё чат-бот прикрутить
«Ой, а я и не знала, что так можно было. Теперь форма везде, и письма падают куда надо. Спасибо!» — слова клиента (ну почти).
- ✅ Не изобретай велосипед — в Битриксе уже есть готовые компоненты, бери и кастомизируй.
- ✅ Всегда копируй шаблоны в local/ — иначе обновления убьют твои правки.
- ✅ main.include — удобная штука для переиспользования кода на всех страницах.
- ✅ Капча — обязательно, иначе спамеры завалят.