Инструкция

Как использовать собственный шаблон попапа

Работа с идентификаторами
Во время редактирования попапа вы можете полностью изменить выбранный готовый шаблон, используя следующие идентификаторы:

id="mg-mailer-email" — поле для ввода имейла

id="mg-mailer-name" — поле для ввода имени

id="mg-mailer-phone" — поле для ввода телефона

id="mg-mailer-email-button" — кнопка «Подписаться»

id="mg-form-error" — текст ошибки при вводе емейла

id="mg-close" — крестик закрытия попапа

id="mg-hard-close" — ссылка, после которой попап никогда не покажется (обычно это фраза «Спасибо, мне не интересно»)

{{espLink|safe}} — ссылка на папку «Входящие» почтового ящика
Все эти идентификаторы прописываются в коде попапа во вкладке «Источник»:
Пример использования идентификаторов:

<div class="mg">
   <img class="mg-bg-image dsktp" src="https://mailganer.com/static/widget/bg/16-dsktp.jpg" width="800" />
   <div id="mg-close"></div>
   <div class="mg-h1">Хотите экономить на покупках?</div>
   <div class="mg-p">Подпишитесь на нашу рассылку и станьте участником супер распродаж, акций и скидок!</div>
   <div class="mg-wrapper-form">
      <form>
         <input id="mg-mailer-email" placeholder="Введите ваш email" />
         <button id="mg-mailer-email-button">ПОДПИСАТЬСЯ</button>
         <div id="mg-form-error"></div>
      </form>
   </div>
   <div class="mg-footer">Вы можете отписаться в любое время</div>
   <div id="mg-hard-close">Спасибо, мне это не интересно</div>
</div>
Пример использования
Мы взяли вот такой готовый шаблон:
И заменили его на такой: