Инструкция

Использование одной или нескольких форм на сайте

Для более эффективного сбора подписчиков
Формы на сайте — один из основных способов сбора подписчиков в 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>
Готово!