Подключение форм на сайте
<form class="jd_form-to-mail" data-theme="Обратная связь">
<input class="form-control" data-label="Страница: " name="page" type="hidden" value="<?= $page['name'] ?>" />
<input class="form-control" data-label="URL: " name="url" type="hidden" value="https://<?= $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'] ?>" />
<div class="row">
<div class="col-md-6 mb-40">
<input class="form-control" type="text" placeholder="Ваше имя*" data-label="Имя:" name="name" required>
</div>
<div class="col-md-6 mb-40">
<input class="form-control" type="email" placeholder="Email*" data-label="Email:" name="email" required>
</div>
<div class="col-md-6 mb-40">
<input class="form-control phone_ru" type="text" placeholder=Телефон*" data-label="Телефон:" name="phone" required>
</div>
<div class="col-md-6 mb-40">
<textarea class="form-control" cols="30" rows="10" placeholder="Сообщение" data-label="Сообщение:" name="message">≺/textarea>
</div>
<div class="col-lg-12">
<button type="submit" value="submit" class="lezada-button lezada-button--medium">Отправить≺/button>
</div>
</div>
</form>
Для подключения форм в шаблоне необходимо учитывать следующие нюансы:
- У тега
<form>должен быть класс «jd_form-to-mail». Именно на этот класс в скриптах MIWIX реализован обработчик формы, при попытке ее отправки - У тега
<form>должен быть атрибут data-theme=””. Значение этого атрибута будет использовано в теме отправляемого письма! - Для успешной отправки данных из input, select, textarea – они должны иметь class=”form-control”. А также атрибут из пункта 4.
- Атрибут data-label – В письме при формировании сообщения текст из этого атрибута будет подставляться в качестве названия поля. Атрибут name = обязательно не должен быть пустым! А также нужно называть поля name, email, phone именно так!
- Кнопка отправки формы должна иметь type=”submit”