Как добавить виджет подписки на электронную почту Mailchimp в WordPress?

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

Подписка по электронной почте для WordPress

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

1. Создайте учетную запись MailChimp

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

Форма создания учетной записи Mailchimp

Появится сообщение, указывающее вам проверить электронную почту для активации вашей учетной записи. При проверке электронной почты (папка «Входящие» и «Спам») и отсутствии писем нажмите текстовую ссылку «Повторно введите адрес электронной почты и повторите попытку». Сообщение электронной почты будет иметь заголовок, например «Активируйте свою учетную запись Mailchimp», а отправитель — «Клиентские службы Mailchimp». Откройте почту и нажмите на кнопку сообщения «Активировать учетную запись». Появится панель инструментов, где вы запускаете подтверждение того, что вы человек. Возможно, вам придется нажать на кнопку «Я не робот», чтобы решить головоломку reCAPTCHA. Тут же должно быть перенаправление на выбор плана для вашего аккаунта.

Затем выберите подходящий план, который соответствует потребностям вашего бизнеса. Каждый план включает в себя количество подписчиков электронной почты, которых вы планируете использовать для бизнеса, и количество электронных писем, отправляемых в месяц. Мы выбрали план «Бесплатный» для иллюстрации здесь. Кроме того, выберите валюту, которую вы хотите оплатить, из выставленного счета в раскрывающемся списке «Доллары США» и нажмите кнопку «Далее», когда закончите.

Выбор плана учетной записи Mailchimp

Теперь вы можете заполнить личные данные своей учетной записи, имея в виду, что имя и фамилия являются обязательными полями. Установите флажки, если вы считаете, что в них есть необходимость, и нажмите кнопку «Продолжить», как только вы закончите ввод данных.

Заполнение личных данных MailChimp

Это проведет вас через мастер, и вам нужно будет заполнить множество деталей для адреса, контактов и т. Д. Когда вы находитесь на последнем шаге, отметьте флажки, чтобы выбрать дополнительные рекламные письма, которые вы хотите получать от Mailchimp. И нажмите кнопку «Продолжить», чтобы завершить настройку учетной записи. Таким образом, происходит отображение панели управления вашего аккаунта.

Завершите настройку учетной записи MailChimp.

2. Настройте теги в MailChimp

Теперь, когда вы успешно создали учетную запись Mailchimp, следующим шагом будет создание формы регистрации. Перед этим нужно создать теги, которые помогают сегментировать, систематизировать или идентифицировать конкретную аудиторию. Итак, нажмите на меню «Теги» на левой боковой панели и нажмите кнопку «Создать тег». Введите имя тега (мы используем «Клиент») и нажмите кнопку «Создать».

Создание тегов аудитории в Mailchimp

3. Создайте форму регистрации в MailChimp

Нажмите на меню «Формы регистрации» в меню «Аудитория» на панели управления вашей учетной записи. Прокрутите вниз и выберите «Встроенные формы» из списка вариантов.

Создание формы регистрации в Mailchimp

У вас будет страница дисплея, где вы можете сделать все конфигурации. Выберите меню «Поля формы», чтобы добавить дополнительные метки в форму регистрации по мере необходимости.

Редактирование полей формы в форме регистрации Mailchimp

После этого используйте стрелку назад, а затем коснитесь меню «Настройки». Измените «Заголовок формы» на то, что вам нужно, установите размер «Ширины» формы в пикселях или оставьте его пустым (намного предпочтительнее).

Настройте параметры формы регистрации MailChimp.

Нажмите стрелку назад и выберите раскрывающееся меню «Теги». Нажмите на стрелку раскрывающегося столбца и выберите тег(и) для этой формы (мы создали «Клиенты» на нашем рисунке). Затем нажмите кнопку «Сохранить» и коснитесь стрелки назад.

Выбор тегов в форме регистрации Mailchimp

Далее вы можете щелкнуть раскрывающееся меню «Значок реферала» и изменить его цветовой стиль. Удаление значка Mailchimp происходит с обновленным планом, и нажмите стрелку назад, когда закончите с выбором. Теперь нажмите кнопку «Продолжить» после всех этих изменений, чтобы продолжить. На появившейся странице нажмите кнопку «Копировать код», чтобы фрагмент формы был вставлен на ваш сайт WordPress, и все.

Фрагменты кода встроенной формы регистрации Mailchimp

4. Встроить форму регистрации MailChimp в WordPress

Переключитесь на панель администратора WordPress и перейдите в меню «Внешний вид > Виджеты». Добавьте блок «Пользовательский HTML», затем вставьте в него фрагменты кода, которые вы скопировали из формы регистрации Mailchimp.

Вставка фрагментов кода формы регистрации MailChimp в виджет WordPress

Наконец, нажмите кнопку «Обновить», чтобы сохранить изменения. Далее перейдите по URL-адресу своего веб-сайта, чтобы увидеть отображение формы регистрации Mailchimp.

Веб-сайт WordPress Отображение формы регистрации Mailchimp

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

5. Создайте и отправьте кампанию (электронную почту) подписчикам

Перейдите на панель инструментов своей учетной записи Mailchimp, щелкните раскрывающееся меню «Кампании», и по умолчанию оно выделяет подменю «Все кампании». Нажмите кнопку «Создать кампанию» в правом верхнем углу страницы.

MailChimp Создать информационную панель кампании

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

Создание кампании по электронной почте в Mailchimp

Перейдите к выбору параметра для набора подписчиков, которым вы хотите получать электронное письмо.

Выбор аудитории кампании в Mailchimp

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

Настройка информации о кампании в Mailchimp

Затем перейдите по ссылке «Обычный текст», чтобы просмотреть сообщение электронной почты. Очистите текст «— ENTER YOUR CONTENT HERE —», который вы найдете на странице, и напишите свое сообщение электронной почты. После этого нажмите ссылку «Подтвердить» под страницей.

Настройка сообщения электронной почты с помощью Mailchimp

При необходимости выполните дальнейшее редактирование на отображаемой странице подтверждения и нажмите кнопку «Отправить» внизу после завершения.

Подтверждение настройки кампании Mailchimp

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

Подтверждение отправки почты Mailchimp

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

Панель подтверждения электронной почты Mailchimp

Интеграция MailChimp с WordPress с помощью плагина

Использование формы регистрации Mailchimp — простой способ, хотя он имеет множество ограничений. Например, вы не можете интегрировать виджет подписки в форму комментариев WordPress по умолчанию или в контактную форму. Чтобы справиться с этим и получить подробные отчеты на панели инструментов WordPress, вы можете использовать сторонний плагин, например MC4WP: Mailchimp для WordPress. Обратите внимание, что это неофициальный плагин, разработанный не Mailchimp.

Вы можете использовать этот плагин, чтобы добавить виджет подписки на электронную почту в WordPress без логотипа Mailchimp, разрешить подписку по категориям и интегрировать с контактной формой. Когда вы находитесь в панели управления WordPress, установите и активируйте плагин «MC4WP: Mailchimp for WordPress». Наведите указатель мыши на меню «MC4WP» и щелкните подменю «Mailchimp» на панели администратора. Появится страница с запросом ключа API, поэтому вам нужно нажать «Получить ключ API здесь». И это перенаправляет вас на вход в вашу учетную запись MailChimp.

Панель настроек API MailChimp

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

Настройка ключа мобильного клиента Mailchimp

Появится сообщение об успехе с вашим ключом, и теперь нажмите кнопку «Копировать в буфер обмена» под заголовком «Ваш клиентский ключ». Перейдите туда, где вы остановились, в панели настроек WordPress API.

Успешное создание ключа клиента MailChimp

Итак, вставьте текст в поле «Ключ API» и нажмите кнопку «Сохранить изменения», чтобы завершить настройку. Теперь ваш статус изменится на «Подключено», выделенный зеленым цветом.

Вставка ключа клиента Mailchimp в панель управления WordPress

Теперь, когда вы подключили свою учетную запись Mailchimp, вы можете использовать шорткод [mc4wp_form] в любом месте ваших сообщений, чтобы показать форму регистрации. Кроме того, перейдите в раздел «Внешний вид > Виджеты» и добавьте виджет «Mailchimp for WP Form» на боковую панель или в область нижнего колонтитула, если вы хотите отобразить там форму регистрации.

Заворачивать

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