Использование одной или нескольких форм на сайте
Для более эффективного сбора подписчиков
Оглавление
Где находятся формы для сбора
Формы на сайте — один из основных способов сбора подписчиков в Mailganer.
Они находятся в настройках списка в разделе «Сбор подписчиков». Здесь вы можете настроить форму подписки и изменить её содержание.
Форм на одной странице может быть несколько. Например, кроме стандартной общей в футере сайта, на контентной странице будет форма с полезным лидмагнитом, а на странице товара — подписка на изменение цены или появление товара в наличии.
Чтобы формы работали корректно и не конфликтовали между собой, нужно дополнить стандартный код формы.
Как установить на страницу сразу несколько форм
Присвойте каждому тегу <div> с классом mg-email-form-wrap уникальный id и передавайте его значение в тег <from> в атрибут data-id-wrap
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<!-- page content -->
</body>
</html>
<div id="mg-form">
<div id="email-form-1" class="mg-email-form-wrap">
<div class="mg-h1">Экономьте на покупках</div>
<div class="mg-p">Подпишитесь на рассылку самых актуальных предложений.</div>
<form onsubmit="return false;" data-id-wrap="email-form-1">
<input id="mg-mailer-email" type="email" placeholder="Введите ваш email" />
<button id="mg-mailer-email-button">Подписаться</button>
</form>
<div id="mg-form-error"></div>
</div>
</div>
<div id="mg-form">
<div id="email-form-2" class="mg-email-form-wrap">
<div class="mg-h1">Экономьте на покупках</div>
<div class="mg-p">Подпишитесь на рассылку самых актуальных предложений.</div>
<form onsubmit="return false;" data-id-wrap="email-form-2">
<input id="mg-mailer-email" type="email" placeholder="Введите ваш email" />
<button id="mg-mailer-email-button">Подписаться</button>
</form>
<div id="mg-form-error"></div>
</div>
</div>Понятно пишет о сложных вещах в разъяснительной Mailganer. Работает с лендингами и подсказками внутри продукта. Делает рассылки компании и отвечает за новости в Телеграм-канале.
Стать автором блога Mailganer ›
