Ан Форма Элементора Мейлхимпа является одним из самых быстрых способов превратить посетителя в подписчика.The Виджет Mailchimp в Мастер-аддоны для Elementor помещает форму регистрации из бесплатного плагина MC4WP: Mailchimp для WordPress в ваш макет, и он дает вам два способа запуска: показать сохраненную форму MC4WP или написать собственную разметку поля. Ниже я охватываю оба, от панели Элементор до живой страницы.
Как работает виджет формы Elementor Mailchimp #
Виджет отображает a Форма регистрации Mailchimp в Elementor отображая форму из MC4WP: Mailchimp для WordPress, бесплатный плагин от ibericode. MC4WP удерживает ключ API, аудиторию, двойное согласие и сообщения формы. виджет добавляет выбор типа формы: показать сохраненную форму MC4WP или заменить ее поля собственной разметкой. MC4WP обрабатывает регистрацию в любом случае.
Прежде чем начать #
- WordPress с Элементор установлен и активен.
- Мастер-аддоны для Elementor установлен и активен. если вы еще не установили, следуйте руководство установки.
- Виджет Mailchimp включен на панели параметров главных дополнений.
- Бесплатный MC4WP: Mailchimp для WordPress плагин установлен и активен. без него виджет показывает “MailChimp для WordPress не активирован!” уведомление вместо формы.
- Учетная запись Mailchimp и ключ API.
Добавьте виджет на свою страницу #
Открыть Редактор Элементор и искать панель виджетов для “Mailchimp.” Перетащите Мастер Аддоны Майлшимп виджет в раздел, где вы хотите форму. Он показывает вашу форму MC4WP, здесь поле электронной почты, флажок терминов и кнопку “Подписать вверх” Красная линия о ключе Mailchimp API приходит от MC4WP. Только вошедшие в систему администраторы видят его, и он исчезает, как только MC4WP подключен.
Используйте форму регистрации Mailchimp по умолчанию #
Во вкладке Содержимое оставьте Тип формы на По умолчанию. Форма входа MailChimp раскрывающийся список форм, сохраненных в MC4WP, как “opt in.” Выберите тот, который вы хотите и виджет отображает его на холсте с полями, которые вы установили в MC4WP > Форма Бесплатная версия MC4WP включает одну форму.
Это самый быстрый способ получить Форма регистрации Mailchimp в Elementor в прямом эфире, поскольку MC4WP уже отображает поля для вашей аудитории.
Создайте специальную форму Mailchimp #
Установить Тип формы выпадающий до Пользовательский. А Пользовательская форма кодовое поле отображается для вашей собственной разметки поля, которая заменяет поля формы MC4WP. не вставляйте код встраивания из самой Mailchimp, потому что его тег формы разрывается внутри формы MC4WP. Доберитесь для этого, когда вам нужны дополнительные поля, пользовательские метки или определенный макет флажка.
Демо-разметка в видео использует простую структуру, которую вы можете адаптировать:
<p>
<label for="email">Email address:</label>
<input type="email" id="email" name="EMAIL" placeholder="Your email address">
</p>
<p>
<label>
<input type="checkbox" name="AGREE_TO_TERMS" value="1" required>
I have read and agree to the terms & conditions
</label>
</p>
<p>
<input type="submit" value="Sign up">
</p>Если вы предпочитаете писать и просматривать разметку вне Elementor, этот параллельный редактор кода с живым просмотром происходит из бесплатного Mailchimp для WordPress (MC4WP) плагин, а не сами Мастер-аддоны. разметка слева, предварительный просмотр в реальном времени справа, поэтому вы можете получить макет прямо перед вставкой в виджет.
Одна вещь, которая сбивает людей с толку индивидуальной разметкой: ваша name атрибуты должны соответствовать тегам слияния аудитории Mailchimp. поле электронной почты, в частности, должно использовать name="EMAIL", или Mailchimp не узнает адрес абонента и регистрация бесшумно не удалась.
Настройте ключ API Mailchimp #
Ключевая линия API очищается после подключения MC4WP. В администраторе WordPress откройте MC4WP > Mailchimp, вставить ключ и сохранить, и статус меняется на Connected.Then открыть MC4WP > Форма, отметьте аудиторию, которая должна принимать подписчиков, и проверьте вкладку Настройки. там по умолчанию включено двойное согласие, а также вы можете добавить теги подписчиков или URL-адрес перенаправления.
Создайте ключ от вашего Настройки учетной записи Mailchimp. Сохраняйте конфиденциальность и никогда не вставляйте ее в саму настраиваемую разметку формы, поскольку эта разметка видна любому, кто просматривает источник страницы.
Стиль формы #
Виджет не имеет Стиль вкладка Главные дополнения загружают небольшую таблицу стилей, которая дает поле электронной почты и кнопку 50px высоты, темную кнопку и цветные поля успеха и ошибок. MC4WP может добавить свой собственный вид из вкладки Внешний вид формы, либо Основные стили или Свет, Темный, Красный, Зеленый или Синий темы. использовать вкладку Elementor Advanced для расстояния и фона. Для полей или цветов кнопок добавьте CSS с Пользовательское расширение CSS и цель .jltma-mailchimp итак, Форма регистрации электронной почты Elementor соответствует остальной части вашего дизайна.
Результат на странице в прямом эфире #
На лицевой стороне формы отображается поле электронной почты, флажок терминов и кнопка отправки точно так, как вы их установили. При подключении MC4WP каждая регистрация отправляется в аудиторию, отмеченную галочкой в форме MC4WP, после того, как подписчик подтвердит по электронной почте, включено ли двойное согласие.
Обычные случаи использования #
- Информационные бюллетени блога: опустите простое поле электронной почты в нижний колонтитул или боковую панель блога.
- Ведущие магниты: соедините форму с кнопкой загрузки, чтобы посетители подписались, прежде чем получить руководство.
- Страницы запуска продукта: собирайте электронные письма с ранним доступом на целевой странице.
- Регистрация событий: используйте пользовательскую разметку, чтобы добавить флажки "Имя", "Компания" или "Согласие".
- Подписки на нижние колонтитулы: встроить компакт Виджет Mailchimp для Elementor в нижнем колонтитуле сайта.
Дополнительные параметры формы см. в разделе Виджет контактной формы 7. Чтобы панель объявлений располагалась рядом с формой регистрации, попробуйте Виджет тикера новостей.
Видео Учебник #
Предпочитаете смотреть? Это прохождение устанавливает виджет Mailchimp от начала до конца, от выбора типа формы до формы регистрации на странице в реальном времени:
Часто задаваемые вопросы #
Могу ли я добавить форму Mailchimp в Elementor без кодирования?
Да. установите тип формы по умолчанию и выберите форму MC4WP из раскрывающегося списка. Виджет отображает поля, которые вы настроили в MC4WP.
Как создать пользовательскую форму Mailchimp в Elementor?
Установите тип формы на пользовательский и вставьте разметку HTML в текстовую область пользовательской формы. Убедитесь, что ввод электронной почты использует имя=”EMAIL” и что MC4WP подключен к вашей учетной записи Mailchimp.
Почему виджет говорит, что мне нужно настроить ключ Mailchimp API?
Эта строка исходит от MC4WP. Вставьте ключ Mailchimp API в настройки MC4WP Mailchimp в администраторе WordPress и сохраните. если виджет говорит, что MailChimp для WordPress не активирован, сначала установите и активируйте плагин MC4WP.
Могу ли я добавить в форму дополнительные поля, такие как имя или телефон?
Да, но только в пользовательском режиме. добавьте стандартные поля ввода HTML с атрибутами имени, которые соответствуют тегам слияния вашей аудитории Mailchimp, например FNAME для имени.
Доступен ли виджет Mailchimp в бесплатной версии Master Addons?
Да. виджет Mailchimp бесплатен в Master Addons, MC4WP тоже бесплатен.The Страница виджета Mailchimp сравнивает его с формой Elementor Pro.
Завершая #
Главные Аддоны Виджет Mailchimp это прямой способ добавить Форма Элементора Мейлхимпа на любую страницу. перейдите с формой по умолчанию для скорости, или переключитесь в режим Пользовательский, когда вы хотите полный контроль над разметкой и полями. в любом случае, подписчики достигают вашей аудитории Mailchimp, как только MC4WP подключен.Просмотреть полный набор Виджеты и расширения Master Addgets для большего количества инструментов для расширения вашего списка.
