Форма подписки, и другие формы (отписки, обновления и т.п.)  создаются в и для каждого списка подписчиков индивидуально.

1. Перейдите в списки рассылок своего аккаунт и создайте список подписчиков

Заполнив все необходимые поля, сохраните и перейдите снова в список рассылок.

Нажмите на имя списка — форму для которого Вы хотите получить или отредактировать

Создаем / редактируем форму подписки

В страницах Вы найдете все возможные формы с возможностью редактирования.

Первая форма которая откроется при переходе — форма подписки.

Внесите необходимые изминения

В низу редактора Вы найдете все теги которые Вы сможете вывести в свою форму.

Если Вам требуются свои произвольные теги, [spoiler title='создайте их сначала в настраиваемых полях' style='cyan' collapse_link='true'][/spoiler]

/////////////////////

описание как создать доп поля

//////////////////

iframe форм подписки и отписки

Редактирование в формах — закрыто. Создавайте / редактируйте формы в страницах

При необходимости Вы можете изменить код при вставке на свой сайт.

К примеру увеличить или уменьшить ширину, фоновый цвет и т.п.

Если Вам требуется внести кардинальные изменения, вывести новые поля и кнопки, текст, картинки и что то другое — > выберете нужную форму в страницах и внесите изменения. Обновленные данные — обновятся в iframe на Вашем сайте.

В данной статье мы рассмотрим как создать всплывающее окно подписки при закрытии пользователем Вашего сайта (вкладки) без плагинов.

Статья и код не наши. Оригинал статьи

Поддержка кода проектом не осуществляется. Если Вам потребуется модификация — закажите изменение у правообладателя на странице статьи или по контактам

Тестирование кода: (успешно) 02.01.2021 WP 5.3.6 с темой оформления ColorMag

Пример:

О том как создать форму обратной связи в своем личном кабинете MailWizz >>>

Код всплывающей формы при закрытии вкладки

html

<div class="exitblock">
    <div class="fon"></div>    
    <div class="modaltext">    
        Текст, который по вашему мнению должен увидеть посетитель перед уходом.
    </div>
    <div class="closeblock">+</div>
</div>

css

.exitblock {    
    display:none;    
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:100000;
}    
.exitblock .fon {
    background: #F6FCFF;
    opacity:.8;
    position:fixed;
    width:100%;
    height:100%;
}
.exitblock .modaltext {
    box-sizing: border-box;  
    padding:20px 40px;
    border: 2px solid #AEAEAE;
    background: #F6FCFF;
    position:fixed;
    top:80px;
    left:50%;
    margin-left:-30%;
    width:60%;
    box-shadow: 0 4px 10px 2px rgba(0,0,0,0.5);
}        
.closeblock {
    cursor:pointer;
    position: fixed;
    line-height:60px;
    font-size:82px;
    transform: rotate(45deg);
    text-align:center;
    top:20px;
    right:30px;
    color: #337AB7;    
}
.closeblock:hover {
    color: #000;    
}

js

$(document).mouseleave(function(e){
    if (e.clientY < 10) {
        $(".exitblock").fadeIn("fast");
    }    
});
$(document).click(function(e) {
    if (($(".exitblock").is(':visible')) && (!$(e.target).closest(".exitblock .modaltext").length)) {
        $(".exitblock").remove();
    }
});

Если Вам потребуется показать окно 1 раз на всем сайте,  используем cookie

// функция возвращает cookie с именем name, если есть, если нет, то undefined    
function getCookie(name) {
    var matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ));
    return matches ? decodeURIComponent(matches[1]) : undefined;
}
// проверяем, есть ли у нас cookie, с которой мы не показываем окно и если нет, запускаем показ
var alertwin = getCookie("alertwin");
if (alertwin != "no") { 
    $(document).mouseleave(function(e){
        if (e.clientY < 10) {
            $(".exitblock").fadeIn("fast");    
            // записываем cookie на 1 день, с которой мы не показываем окно
            var date = new Date;
            date.setDate(date.getDate() + 1);    
            document.cookie = "alertwin=no; path=/; expires=" + date.toUTCString();       
        }    
    });
    $(document).click(function(e) {
        if (($(".exitblock").is(':visible')) && (!$(e.target).closest(".exitblock .modaltext").length)) {
            $(".exitblock").remove();
        }
    });  
}

Еще один вариант, в котором мы не показываем всплывающее окно, если посетитель провел на сайте определенное время.

function getCookie(name) {
    var matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ));
    return matches ? decodeURIComponent(matches[1]) : undefined;
}
function writeCookie() {
// функция записывает cookie на 1 день, с которой мы не показываем окно
    var date = new Date;
    date.setDate(date.getDate() + 1);    
    document.cookie = "alertwin=no; path=/; expires=" + date.toUTCString();        
}    
// проверяем, есть ли у нас cookie, с которой мы не показываем окно и если нет, запускаем показ
var alertwin = getCookie("alertwin");
if (alertwin != "no") {
    window.setTimeout(function() { // запускаем таймер на 15 секунд
        if ($(".exitblock").is(':hidden')) { // если блок не показывается, то убираем его навсегда
            $(".exitblock").remove();     
        }
        writeCookie(); 
// Устанавливаем куку через 15 секунд, видел ли или нет посетитель всплывающее окно
    }, 15000);        
    $(document).mouseleave(function(e){
        if (e.clientY < 0) {
            $(".exitblock").fadeIn("fast");      
            writeCookie(); 
// Устанавливаем куку когда посетитель увидел окно, даже если не прошло 15 секунд
        }    
    });
    $(document).click(function(e) {
        if (($(".exitblock").is(':visible')) && (!$(e.target).closest(".exitblock .modaltext").length)) {
            $(".exitblock").remove();
        }
    });  
}

Если необходимо показать пользователю нашу форму через 10 секунд прибывания на сайте.

<script>
function getCookie(name) {
    var matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ));
    return matches ? decodeURIComponent(matches[1]) : undefined;
}
function writeCookie() {
// функция записывает cookie на 1 день, с которой мы не показываем окно
    var date = new Date;
    date.setDate(date.getDate() + 1);    
    document.cookie = "alertwin=no; path=/; expires=" + date.toUTCString();        
}    
// проверяем, есть ли у нас cookie, с которой мы не показываем окно и если нет, запускаем показ
var alertwin = getCookie("alertwin");
if (alertwin != "no") {
    window.setTimeout(function() { // запускаем таймер на 15 секунд
        if ($(".exitblock").is(':hidden')) { // если блок не показывается, то убираем его навсегда
            $(".exitblock").fadeIn("fast");     
        }
        writeCookie(); 
// Устанавливаем куку через 15 секунд, видел ли или нет посетитель всплывающее окно
    }, 10000);        
    $(document).mouseleave(function(e){
        if (e.clientY < 0) {
            $(".exitblock").fadeIn("fast");      
            writeCookie(); 
// Устанавливаем куку когда посетитель увидел окно, даже если не прошло 15 секунд
        }    
    });
    $(document).click(function(e) {
        if (($(".exitblock").is(':visible')) && (!$(e.target).closest(".exitblock .modaltext").length)) {
            $(".exitblock").remove();
        }
    });  
}
</script>

Легкая установка на блог wordpress

Для внедрения кода мы будем использовать плагин Insert Headers and Footers, установить его Вы можете с официального репозитория.

Плагин используем для того что бы обычный пользователь не имеющий базовых знаний программирования смог установит на свой блог. Если же Вы уже опытный блогер — рекомендуем внедрять код в файлы (лишние плагины — лишние проблемы)

После установки плагина — найти его моно в Настройках админки Вашего блога.

В секцию Scripts in Header загрузите код плагина с Вашей формой.

Обьедененный код для вставки в Insert Headers and Footers

/// подключаем jquery
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

/// подключаем script
<script>
$(document).mouseleave(function(e){
    if (e.clientY < 10) {
        $(".exitblock").fadeIn("fast");
    }    
});
$(document).click(function(e) {
    if (($(".exitblock").is(':visible')) && (!$(e.target).closest(".exitblock .modaltext").length)) {
        $(".exitblock").remove();
    }
});
</script>

// Разметка нашего модального окна
<div class="exitblock">
    <div class="fon"></div>    
    <div class="modaltext">    
................................
................................ 
iframe или html Вашей формы подписки
................................   
................................   
    </div>
    <div class="closeblock">+</div>
</div>

/// подключаем стили css
<style>
.exitblock {    
    display:none;    
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:100000;
}    
.exitblock .fon {
    background: #F6FCFF;
    opacity:.8;
    position:fixed;
    width:100%;
    height:100%;
}
.exitblock .modaltext {
    box-sizing: border-box;  
    padding:20px 40px;
    border: 2px solid #AEAEAE;
    background: #F6FCFF;
    position:fixed;
    top:80px;
    left:50%;
    margin-left:-30%;
    width:60%;
    box-shadow: 0 4px 10px 2px rgba(0,0,0,0.5);
}        
.closeblock {
    cursor:pointer;
    position: fixed;
    line-height:60px;
    font-size:82px;
    transform: rotate(45deg);
    text-align:center;
    top:20px;
    right:30px;
    color: #337AB7;    
}
.closeblock:hover {
    color: #000;    
}
</style>

О том как создать форму обратной связи в своем личном кабинете MailWizz >>>

— Добавление посетителей блога WordPress в список подписчиков Mailwizz

Скачать плагин отслеживания «Информационный бюллетень MailWizz» / MailWizz Newsletter Box

Плагин: MailWizz Newsletter Box EMA
Платформа: MailWizz / WordPress
Лицензия: БЕСПЛАТНО / не требует активации лицензии!!!!
Страница на : github.com
Страница на wordpress.org
Проверка на вирусы: нет
Тестирование плагина: да / 01.01.2021 WordPress 5.3.6 , MailWizz 1.9.18
на официальной странице wordpress.org указано 2 комментария что плагин не работает. На момент написания статьи и тестирование установки — ошибок выявлено не было.
Установка: устанавливается в Вашем блоге как обычный плагин / доступен через официальный репозиторий wp

Поддержка плагина проектом: не осуществляется

Из недостатков на момент тестирования мы выделим:
— Отсутствие перевода RU
— Доступен только в виджетах
— при отправке email подписки — при любых настройках формы — предлагает проверить почту на предмет подтверждения

Из преимуществ:
— Открыт для редактирования html формы (легко стилизуется)
— Прост в настройке и интеграции
— достаточные для создания легкой формы — настроек

Установка

Загрузите плагин из официального репозитория wp как стандартный плагин или скачайте на github.com.

Плагин и его настройки будут доступны на странице виджетов Вашей темы

Перетащите виджет в требуемую область вывода.

Настройте свое подключения виджета к mailwizz

Заголовок: имя виджета на вашем сайте
Api url: адрес запроса к api Вашего аккаунта mailwizz / api должно быть включено в группе mailwizz
Public api key:  публичный ключ api
Private api key: приватный ключ api

Ваш Api url

Создание api ключей

В разделе api своего аккаунта mailwizz создайте новые ключи подключения:

Выбор списка подписчика

После ввода ключей — сохраните свой виджет.
У Вас появиться дополнительные функции для выбора списков и настроек формы подписки
(списки подписчиков должны быть созданы в Вашем аккаунте mailwizz )

Настройка формы подписки

В настройках можно выбрать какие поля списка выводить в виджете для заполнения подписчиком.

Доступен html код формы для редактирования

! — обратите внимание если Вы редактируете форму в ручную, при загрузке и сохранении кода убирайте галочку (Generate form again: ) — в противном случае загруженный код будет переписан исходной заготовкой плагина.

Пример генерируемого кода формы

<h4>Подпишитесь на рассылки нашего проекта</h4>
<form method="post" data-uid="5feefcf7cf687">

<div class="form-group"><input type="text" class="form-control" name="EMAIL" placeholder="Введите свой Email " value="" required/></div>

<div class="clearfix"><!-- --></div><div class="actions pull-right">
  <button type="submit" class="btn btn-default btn-submit">Подписаться</button></div><div class="clearfix"><!-- --></div>

</form>

Пример формы

Включаем доступ к api для группы

Видео обзор подключения

автор: RChrisFord.com