Инструкция
Использование одной или нескольких форм на сайте
Для более эффективного сбора подписчиков
Формы на сайте — один из основных способов сбора подписчиков в Mailganer.
Чтобы установить на страницу сразу несколько форм (например, с разным дизайном или CTA) — присвойте каждому тегу <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>
Готово!