Плагин WordPress для Mailchimp | ВесьТоп создание и продвижение сайтов

Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

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

Плагин WordPress для Mailchimp

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

Чтобы использовать MailChimp для WordPress, вы должны сначала привязать плагин к своей учетной записи MailChimp.

Войдите в свою учетную запись MailChimp и нажмите «Учетная запись»> «Дополнительно»> «Ключи API», чтобы перейти на страницу, с которой необходимо скопировать требуемый ключ API.

Плагин WordPress для Mailchimp

Плагин WordPress для Mailchimp

Скопируйте ключ из столбца ключей API и сохраните его в файл или оставьте страницу открытой, чтобы скопировать ее позже.

Установите и активируйте плагин MailChimp для WordPress:

Плагин WordPress для Mailchimp

В главном меню появится ссылка на настройки плагина:

Плагин WordPress для Mailchimp

Щелкните ссылку Mailchimp и на следующей странице Общие настройки вставьте ключ API в поле Ключ API и нажмите кнопку Сохранить изменения:

Плагин WordPress для Mailchimp

После того, как вы свяжетесь с Mailchimp, статус соединения изменится на ПОДКЛЮЧЕНО, а название вашего информационного бюллетеня (ов) будет загружено в таблицу:

Плагин WordPress для Mailchimp

Щелкните ссылку Форма, чтобы получить доступ к интерфейсу редактирования формы, с помощью которого вы создадите форму регистрации:

Плагин WordPress для Mailchimp

Поля формы

На панели «Поля формы» перечислены два поля (поля списка), которые мы создали ранее в Mailchimp. Если вы хотите, чтобы в форме в плагине были дополнительные поля, вы должны сначала создать их в Mailchimp (эта информация предоставляется, если вы нажимаете кнопку «Добавить дополнительные поля»).

Кнопка Переменные формы показывает доступные системные переменные, с помощью которых можно добавить дополнительную интерактивность. Мы рекомендуем не вносить изменения, если у вас нет необходимых знаний.

Вы можете использовать свой собственный HTML-код для полей формы или использовать одну из доступных кнопок (поля формы) для создания плагина для всего кода. Сгенерированный таким образом HTML-код соответствует ожидаемому формату, поэтому данные принимаются в MailChimp правильно.

В предварительном просмотре формы вы можете увидеть, как форма будет выглядеть на странице WordPress:

Плагин WordPress для Mailchimp

Сразу замечаем несколько упущений:

  • После имени нет двоеточия;
  • Текстовые поля не выровнены по вертикали;
  • Между флажком и текстом нет пробела;
  • В форме нет ссылки на страницу конфиденциальности, она упоминается только в тексте (условия условия);

Только для примера (разрешение экрана рабочего стола) мы добавили следующий код:

style = "margin-left: 24px" — сдвигает поле вправо и выравнивает его по верхнему полю;

style = "margin-right: 5px" — сдвигает текст вправо;

сроки & условия — текст ссылки указывает на страницу приватности.

Теперь давайте посмотрим, какие параметры у нас есть в других разделах страницы редактирования формы.

Сообщения формы

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

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

Мы рекомендуем следующие настройки:

  • Использовать двойную подписку? — отметьте «да» — система пришлет письмо с подтверждением на домен и контактный email подписчика.
  • Обновить существующих подписчиков? — отметьте «да» — если абонент уже зарегистрирован, текущая информация будет заменена на новую.
  • Скрыть форму после успешной регистрации? — отметьте да — после регистрации форма загружаться не будет.
  • Перенаправить на URL-адрес после успешной регистрации — отметьте «Да» — введите полный адрес страницы, на которую контакт будет перенаправлен после успешной подписки, на которую вы предоставите дополнительную информацию для своего информационного бюллетеня, которой не нужно загромождать регистрационную форму.
  • Включите Google reCaptcha — отметьте «Да» — если у вас нет регистрации в Google, вам нужно будет создать и скопировать оттуда два необходимых ключа. Многочисленные автоматические регистрации ботов могут заставить Mailchimp закрыть вашу учетную запись.

Форма Внешний вид

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

Нажмите кнопку «Сохранить изменения», чтобы сохранить изменения.

Теперь копируем шорткод [mc4wp_form id = "426"] и вставляем его в любую публикацию:

Плагин WordPress для Mailchimp

Загружаем страницу в браузере — так выглядит наша форма после внесения изменений:

Плагин WordPress для Mailchimp

Загрузите форму в виджет

В администрировании WordPress нажмите Внешний вид> Виджеты и найдите форму регистрации Mailchimp:

Плагин WordPress для Mailchimp

Активируйте плагин, перетащив его в поле боковой панели или щелкнув на панели, выберите боковую панель и нажмите кнопку Добавить виджет:

Плагин WordPress для Mailchimp

Заполните заголовок панели и нажмите кнопку Готово:

Плагин WordPress для Mailchimp

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

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

Плагин WordPress для Mailchimp

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

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

Читайте так же:
Not found

Нам доверяют

Интернет магазин