Как интегрировать Elementor и Mailchimp (за 5 шагов)

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

Чтобы решить эту проблему, вы можете интегрировать Elementor и Mailchimp. С Elementor вы можете легко создать собственную форму подписки и встроить ее на свой веб-сайт. Затем вы можете управлять регистрационной информацией прямо из Mailchimp.

В этом посте мы обсудим, почему вы можете захотеть интегрировать Elementor и Mailchimp. Затем мы покажем вам, как это сделать всего за пять шагов. Мы также включили список дополнений для доступа к дополнительным функциям и функциям. Давайте начнем!

Преимущества интеграции Elementor и Mailchimp

Независимо от того, ведете ли вы онлайн-бизнес или ведете блог, вам, вероятно, понадобится способ постоянного контакта со своей аудиторией. С Mailchimp вы можете сделать именно это.

Mailchimp — это сервис электронного маркетинга, который может создавать списки подписчиков и создавать электронные письма:

Используя Mailchimp, вы можете создавать списки адресов электронной почты с контактной информацией ваших подписчиков. Используя готовые шаблоны электронной почты и Content Optimizer, вы можете отправлять привлекательные и информативные обновления своим членам аудитории.

Если вы новичок в Mailchimp, вы можете создать учетную запись бесплатно. Вы можете получить доступ к его простым в использовании функциям без оплаты, если у вас менее 2000 подписчиков.

Когда вы пытаетесь расширить свой список адресов электронной почты, рекомендуется встроить несколько форм подписки на свой веб-сайт. Они могут помочь вам генерировать потенциальных клиентов из вашего органического трафика. Хотя у Mailchimp есть эта функция, его формы для встраивания часто являются общими и, вероятно, не будут соответствовать вашему бренду.

Здесь на помощь приходит Elementor. Elementor — это простой в использовании конструктор страниц WordPress, который вы можете использовать для разработки своего веб-сайта без кодирования. Его редактор с перетаскиванием упрощает создание функций и функций, необходимых вашему сайту:

Кроме того, Elementor легко интегрируется с Mailchimp. По сравнению с другими конструкторами страниц, Elementor — один из лучших вариантов для создания форм подписки и управления ими.

С Elementor вы можете добавить контактную форму в любом месте вашего сайта и связать Mailchimp в его настройках. Когда ваши онлайн-посетители регистрируются, они автоматически добавляются в ваш список Mailchimp. Использование обоих инструментов позволяет вам иметь хорошо разработанные формы, не теряя при этом аналитики подписчиков.

Как интегрировать Elementor и Mailchimp (за 5 шагов)

Теперь, когда вы знаете, как Elementor и Mailchimp могут принести пользу вашему веб-сайту, давайте обсудим, как начать этот процесс интеграции!

Шаг 1: Зарегистрируйте учетную запись Mailchimp

Во-первых, вам нужно зайти на сайт Mailchimp и зарегистрировать учетную запись. Вы можете сделать это бесплатно, просто введя свой адрес электронной почты, имя пользователя и пароль:

Затем Mailchimp отправит вам электронное письмо со ссылкой для активации. Нажав на нее, вы увидите страницу с различными вариантами плана:

Если вы не уверены, какой план вам подходит, выберите « Сравнить функции плана» . Здесь вы можете просмотреть все, что входит в каждый уровень:

В этом руководстве мы выбираем Бесплатный план , который может поддерживать 2000 контактов и 10 000 отправок электронной почты. Этого будет достаточно для базового плана email-маркетинга. Однако вы не сможете получить доступ к ретаргетинговой рекламе, шаблонам электронной почты с пользовательским кодом или пользовательскому брендингу.

Чтобы начать процесс регистрации, введите свое имя и информацию о компании. Хотя это необязательно, вы также можете ввести URL-адрес своего веб-сайта и импортировать свой контент:

Далее заполните информацию об адресе. Этот шаг гарантирует, что ваши электронные письма не попадают в спам:

Затем Mailchimp спросит, есть ли у вас уже подписчики. Если да, выберите «Да » и укажите, сколько у вас есть:

Чтобы помочь Mailchimp понять ваш бизнес, укажите, продаете ли вы товары или услуги. Чтобы пропустить этот вопрос, вы можете нажать « Пропустить »:

После того, как вы завершите этот процесс регистрации, вы сможете получить доступ к своей учетной записи Mailchimp!

Шаг 2. Создайте аудиторию и ключ API

Чтобы начать организовывать своих подписчиков в Mailchimp, вам нужно создать аудиторию. Имейте в виду, что бесплатная учетная запись поддерживает только одну аудиторию, но любой расширенный план может включать три или более.

Хотя у вас может возникнуть соблазн создать несколько аудиторий, Mailchimp рекомендует начать с одной. Эта настройка может помочь вам понять ваших подписчиков в целом. Это также может упростить процесс отправки электронной почты и сохранить ваши контакты по мере роста вашей компании.

Даже имея только одну аудиторию, вы можете создавать теги и сегменты, чтобы объединять контакты в разные подмножества. Однако создание нескольких аудиторий может иметь определенные преимущества.

Например, если вы отправляете электронные письма как продавцам, так и покупателям, вам может потребоваться отправить этим группам отдельные сообщения.

В панели управления Mailchimp выберите « Аудитория» > «Панель управления аудиторией». Затем нажмите « Добавить контакты »:

Это приведет вас на страницу для импорта контактной информации ваших подписчиков. Просто скопируйте и вставьте их имена и адреса электронной почты в текстовое поле. Кроме того, вы можете импортировать данные из стороннего сервиса или загрузить файл CSV или TXT:

Сделав это, перейдите на панель управления аудиторией и найдите «Управление аудиторией» > «Настройки» . Здесь вы можете изменить имя и настройки по умолчанию:

Не забудьте указать имя отправителя и адрес электронной почты отправителя . Вы также можете включить двойную подписку, чтобы отправлять подписчикам электронное письмо с подтверждением после их регистрации:

После того, как вы закончите создание и настройку учетной записи, перейдите в свой Профиль . Затем нажмите «Дополнительно» > «Ключи API» :

Если у вас нет ключа API, вам нужно нажать «Создать ключ ». Mailchimp автоматически добавит его для вас:

Как только ваш ключ API станет активным, скопируйте его. Поскольку эта информация предоставляет доступ к вашей учетной записи Mailchimp, никогда не сообщайте этот код публично.

Шаг 3: Создайте форму регистрации Mailchimp с помощью Elementor

Затем вам нужно скачать и установить Elementor Pro. Он включает в себя конструктор форм WordPress, который вы можете использовать для создания пользовательских форм и сбора отзывов от вашей аудитории.

После активации Elementor Pro перейдите в Elementor > Настройки > Интеграции . Прокрутите вниз до раздела Mailchimp и вставьте ключ API:

Нажмите «Подтвердить ключ API ». Если интеграция прошла успешно, вы увидите зеленую галочку рядом с этой кнопкой. После этого сохраните изменения.

Теперь вы можете приступить к разработке формы регистрации. Сначала добавьте новый пост или страницу и выберите « Редактировать с помощью Elementor »:

В редакторе Elementor прокрутите вниз до виджетов Pro . Здесь вы увидите вариант для Forms . Перетащите этот виджет на страницу:

Elementor автоматически создаст базовую форму, которая включает поля имени, адреса электронной почты и сообщения. Однако вы можете продолжать настраивать форму, пока она не будет соответствовать вашим потребностям:

Например, если вы хотите добавить форму подписки, ей обычно не нужны поля сообщений. Вы можете просто нажать на X рядом с этим пунктом.

Чтобы генерировать потенциальных клиентов, вам нужно будет потребовать, чтобы посетители заполнили как свои имена, так и адреса электронной почты. Вы можете сделать это, щелкнув каждое поле и выбрав « Да » рядом с « Обязательно »:

Подпишитесь на рассылку новостей

Хотите знать, как мы увеличили наш трафик более чем на 1000%?

Присоединяйтесь к более чем 20 000 других пользователей, которые получают нашу еженедельную рассылку с советами по WordPress, посвященными инсайдерской информации!

Подпишитесь сейчас

Затем перейдите в раздел « Кнопки », чтобы отредактировать кнопку действия. Хотя текст по умолчанию — «Отправить», попробуйте изменить его на «Подписаться» или «Зарегистрироваться:»

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

Шаг 4: Подключите Mailchimp

После того, как вы настроите свою форму по своему вкусу, пришло время подключить вашу учетную запись Mailchimp. Для этого найдите раздел Действия после отправки :

Затем нажмите значок + и выберите Mailchimp в раскрывающемся меню:

Это создаст новый раздел под названием Mailchimp . Когда вы нажмете на это, вы увидите параметры для настройки ключа API и аудитории:

Если вы указали свой ключ API в настройках интеграции, вы можете оставить раздел Ключ API по умолчанию . Затем выберите аудиторию , которую вы хотите связать с этой формой подписки:

Вы также можете выбрать любые группы или теги, которые вы создали в Mailchimp. Наконец, настройте параметры сопоставления полей на основе полей, которые вы указали в форме. Это сообщит Mailchimp, какую информацию каталогизировать в своей системе.

В этом примере наша форма подписки содержит только поле имени и адреса электронной почты. Это означает, что мы будем включать только эту информацию в раздел « Сопоставление полей »:

Наконец, перейдите в « Дополнительные параметры » и найдите «Пользовательские сообщения ». Включите это, чтобы предоставить сообщение об успехе после того, как кто-то заполнит форму:

Сообщение по умолчанию будет «Эта форма была успешно отправлена». Вы можете изменить это на что-то вроде «Спасибо за подписку». Вы также можете добавить собственные сообщения об ошибках и обязательных полях.

Шаг 5: Добавьте форму на свой сайт

После завершения настройки формы выберите Опубликовать . Попробуйте использовать форму регистрации самостоятельно, чтобы убедиться, что она работает правильно. Затем вы можете увидеть, записан ли новый адрес электронной почты в вашей учетной записи Mailchimp.

Вы также можете добавить эту новую форму в несколько областей вашего веб-сайта. Вы можете сохранить его как глобальный виджет, чтобы упростить этот процесс.

Сначала найдите значок « Редактировать форму » в правой части формы. Щелкните его правой кнопкой мыши и выберите Сохранить как глобальный :

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

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

Иногда лучшим вариантом является включение контактных форм в ваш контент или боковую панель. Хотя это немного менее заметно, чем целевая страница, это место размещения может позволить посетителям подписаться, когда они взаимодействуют с вашим сайтом.

Добавление формы в нижний колонтитул также может быть практичным вариантом. Пользователи, которые прокручивают ваш сайт до конца, часто интересуются вашим контентом, а это означает, что они с большей вероятностью подпишутся. Однако это размещение не так заметно, как другие варианты.

Лучшие надстройки для интеграции Elementor/Mailchimp

С лучшими плагинами WordPress вы можете создать веб-сайт, адаптированный для вашей аудитории. Elementor Pro предоставляет множество возможностей для разработки форм и интеграции сторонних сервисов, таких как Mailchimp.

Тем не менее, вам могут понадобиться более продвинутые функции. С помощью некоторых надстроек вы можете лучше контролировать внешний вид и функциональность своих форм.

1. Основные дополнения

Использование Essential Addons — отличный способ расширить основные функции Elementor. С помощью этого инструмента вы можете получить доступ к большему количеству творческих элементов. К ним относятся интерактивные функции, такие как сетка продуктов Woo, обратный отсчет и галерея с фильтрами:

Функции:

• Расширенные виджеты контента для добавления календарей событий, информационных блоков, отзывов и т. д.
• Элементы WooCommerce, такие как галереи продуктов, сетки и карусели.
• Интеграция со сторонними платформами, такими как Mailchimp и Ninja Forms.

Когда вы устанавливаете Essential Addons на свой сайт WordPress, вы можете интегрировать Mailchimp, используя его элементы Form Styler. Здесь вы можете просто ввести свой ключ API Mailchimp, который добавит виджет EA Mailchimp в редактор Elementor. Затем вы можете перетащить виджет на страницу и продолжить настройку по мере необходимости.

Цена : планы подписки на Essential Addons начинаются с 39,97 долларов США за один веб-сайт. Он включает в себя более 70 виджетов и семь расширений.

2. Счастливые дополнения

С Happy Addons вы можете выбрать из более чем 400 готовых блоков и виджетов для импорта в редактор Elementor. Чтобы ускорить процесс создания, вы можете установить пресеты дизайна.

Happy Addons также позволяет копировать элементы с одного сайта и вставлять их на сайт с другим доменом:

Функции:

• Вложение разделов
• Междоменное копирование-вставка
• 400+ готовых наборов дизайнов

После ввода ключа API Mailchimp в разделе «Учетные данные» в настройках Happy Addons вы можете использовать Elementor для перетаскивания виджета формы Mailchimp на страницу.

Затем вы можете отредактировать дополнительные параметры инструмента, чтобы настроить поля формы, цвета и типографику. Вы также можете изменить дизайн полей и кнопок, чтобы они имели уникальный фон, тень, размер шрифта и интервал.

Цена : Happy Addons предоставляет планы годовой подписки, начиная с 39 долларов за один сайт.

3. Комплект Элементов

Как и другие варианты в этом списке, ElementsKit — это универсальный пакет плагинов с дополнительными виджетами и расширениями для Elementor. Он может предложить больше настроек при редактировании функциональных функций, таких как заголовки, нижние колонтитулы или меню.

Кроме того, ElementsKit включает в себя пользовательский конструктор виджетов, если вы не можете найти подходящий вариант:

Функции:

• Пользовательские элементы управления, такие как Multi Widgets, AjaxSELECT2 и Image-Picker.
• 85+ виджетов и расширений
• 500+ готовых веб-блоков

Вы можете использовать ElementsKit для полной интеграции Elementor и Mailchimp через редактор Elementor. Вам просто нужно перетащить виджет Mailchimp на страницу и определить ключ API. Затем вы можете добавить в форму настраиваемые поля и значки.

Цена : Годовые планы ElementsKit начинаются с 39 долларов за один сайт.

4. Дополнительные дополнения

Plus Addons рекламирует себя как инструмент Elementor, созданный для всех. Благодаря готовым шаблонам и подробным руководствам на YouTube даже новички могут быстро научиться создавать функциональный веб-сайт.

Кроме того, The Plus Addons также содержит обширные виджеты, которые предлагают настраиваемые функции для дизайнеров:

Функции:

• 96+ продвинутых виджетов Elementor
• Параметры списка для отображения продуктов, сообщений в блогах и галерей изображений
• Простой в использовании конструктор, разработанный для пользовательских типов сообщений.

Инструмент Plus Addons предлагает один из самых простых способов интеграции Elementor и Mailchimp. Из своей учетной записи Mailchimp скопируйте ключ API и идентификатор списка вашей аудитории. Затем перейдите к настройкам подключения API и вставьте эту информацию. После этого вы можете перетаскивать виджет подписки Mailchimp и редактировать его макет и структуру.

Цена : Plus Addons имеет бесплатную версию. Однако его выбор планов содержит больше виджетов и расширений. Эти пакеты начинаются с 31 доллара в год.

Резюме

Хотя объединение Mailchimp и Elementor может показаться сложным, любой может интегрировать эти два инструмента. Таким образом, вы можете создавать настраиваемые формы подписки, которые соответствуют вашим ожиданиям в отношении внешнего вида и функциональности.

Для ознакомления вот пять простых шагов для интеграции Elementor и Mailchimp на ваш сайт:

1. Зарегистрируйте учетную запись Mailchimp.
2. Создайте аудиторию и ключ API.
3. Создайте форму регистрации Mailchimp с помощью Elementor.
4. Подключить мэйлчимп.
5. Добавьте форму на свой сайт.

Электронный маркетинг и дизайн необходимы для успеха вашего сайта. Вы также захотите сотрудничать с выделенным хостинг-провайдером WordPress. В Kinsta наши планы хостинга могут вывести производительность вашего сайта на новый уровень. Свяжитесь с нами чтобы узнать больше!

У вас есть вопросы об интеграции Elementor и Mailchimp? Спросите нас в разделе комментариев ниже!