Categories: Плагины

Как установить виджет веб-формы AWeber в WordPress

Вы только начали использовать AWeber и хотите установить виджет формы AWeber в WordPress? AWeber – один из самых популярных сервисов почтового маркетинга, который используется многими пользователями и маркетологами WordPress по всему миру. В этой статье мы покажем, как легко добавить виджет веб-формы AWeber в WordPress.

^

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

Метод 1: Добавление базовой веб-формы AWeber в WordPress

AWeber поставляется со встроенным конструктором веб-форм. Возможности ограничены, но если вам нужна простая и быстрая веб-форма, это сработает для вас.

Во-первых, вам нужно зайти на свою панель инструментов AWeber и нажать на формы регистрации. После этого нажмите кнопку «Создать новую форму регистрации».

^

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

^

Далее нажмите на кнопку перейти к шагу 2.

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

^

Когда вы закончите, нажмите кнопку «Перейти к шагу 3».

На следующей странице вам нужно нажать на кнопку «Я установлю мою форму». Вам будет представлен код двух типов, который вы можете скопировать. Идите вперед и скопируйте код JavaScript.

Затем перейдите в админку вашего сайта WordPress и перейдите на страницу Внешний вид »Виджеты.

Вам нужно добавить текстовый виджет на боковую панель WordPress.

Текстовый виджет WordPress по умолчанию имеет визуальную и текстовую опции. Вам нужно нажать на текстовый редактор и вставить код внутри него.

^

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

Теперь вы можете посетить свой веб-сайт, чтобы увидеть свою регистрационную форму AWeber в действии.

^

Вы можете сделать любую настройку, которую хотите, используя CSS. Если вы не знакомы с CSS, то вы можете использовать плагин CSS Hero.

Способ 2: добавление веб-формы AWeber с помощью OptinMonster

Если вы ищете лучшие варианты настройки и более мощные функции, то вам нужен OptinMonster.

OptinMonster – лучший плагин для генерации лидов WordPress на рынке. Это позволяет конвертировать посетителей сайта в подписчиков и клиентов.

OptinMonster – это сервис премиум-класса, поэтому вам необходимо зарегистрироваться для получения учетной записи OptinMonster. Вам понадобится как минимум план Plus, чтобы получить доступ к функции формы на боковой панели.

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

^

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

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

^

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

^

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

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

^

Появится всплывающее окно, где AWeber попросит вас войти в систему. Просто введите имя пользователя и пароль AWeber и нажмите кнопку «Разрешить доступ».

^

Теперь AWeber предоставит вам код авторизации для копирования и вставки в компоновщик OptinMonster. Вы также должны предоставить ярлык для этой интеграции AWeber, который предназначен для вашего собственного использования.

^

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

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

^

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

^

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

Идите вперед и установите / активируйте плагин OptinMonster на своем сайте WordPress. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

Этот плагин действует как соединитель между вашим сайтом WordPress и вашей учетной записью OptinMonster.

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

^

После ввода ключа API нажмите кнопку «Подключиться к OptinMonster». Плагин теперь подключит ваш сайт WordPress к вашей учетной записи OptinMonster.

На вкладке «Optins» вы должны увидеть список вновь созданных optin. Если вы его не видите, нажмите кнопку «Обновить параметры», чтобы перезагрузить параметры.

Ваш Optin будет отключен по умолчанию. Во-первых, вам нужно нажать на ссылку Go Live под ней, чтобы сделать ее доступной на вашем сайте WordPress.

После этого вам нужно нажать на ссылку «Настройки вывода», чтобы настроить параметры вывода формы.

На следующем экране убедитесь, что установлен флажок «Включить optin on site?», А затем нажмите кнопку «Перейти к виджетам».

^

Вы попадете на страницу «Внешний вид» Виджеты, где вам нужно добавить виджет OptinMonster на боковую панель WordPress.

^

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

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

Способ 3: добавление веб-формы AWeber с использованием WPForms

Если вы хотите создать форму AWeber, аналогичную контактной форме WPTec, где вы предоставляете пользователям возможность подписаться на рассылку, когда они связываются с вами, тогда WPForms – лучшее решение.

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

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

WPForms – лучший плагин для создания контактных форм WordPress на рынке. Вам понадобится план Plus для доступа к дополнению AWeber.

После активации вам необходимо зайти на страницу WPForms »Настройки, чтобы ввести свой лицензионный ключ. Вы можете найти лицензионный ключ от своего аккаунта на сайте WPForms.

^

После того, как вы активировали свой лицензионный ключ, вам нужно перейти на страницу WPForms »Addons и нажать кнопку Install рядом с надстройкой AWeber.

^

WPForms теперь загрузит и установит дополнение AWeber для вас. Вам нужно будет нажать на кнопку «Активировать», чтобы начать использовать аддон.

Далее вам необходимо подключить WPForms к вашей учетной записи AWeber. Перейдите на страницу WPForms »Настройки и перейдите на вкладку« Интеграции ».

^

Нажмите кнопку «Добавить новую учетную запись» в разделе AWeber, а затем нажмите ссылку «Нажмите здесь, чтобы авторизоваться».

Появится всплывающее окно, которое приведет вас на веб-сайт AWeber. Вам будет предложено войти в свою учетную запись AWeber. Просто введите имя пользователя и пароль AWeber, а затем нажмите кнопку «Разрешить доступ».

^

Теперь AWeber покажет вам код авторизации.

^

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

Затем нажмите кнопку «Подключиться к AWeber», чтобы продолжить.

WPForms теперь подключит ваш сайт WordPress к вашей учетной записи AWeber. В случае успеха он покажет вам статус «Подключен» рядом с вашей интеграцией в AWeber.

^

Теперь вы можете добавить форму регистрации AWeber на свой веб-сайт.

Перейдите на WPForms »Добавить новую страницу. Это запустит интерфейс WPForms Builder.

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

^

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

^

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

Нажмите на вкладку «Маркетинг» в правом меню и выберите «AWeber».

^

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

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

^

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

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

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

Чтобы добавить форму в сообщение или страницу, просто отредактируйте страницу // сообщения и нажмите кнопку «Добавить форму».

^

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

^

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

^

Вы также можете добавить форму в виджет боковой панели. Перейдите на страницу Внешний вид »Виджеты и добавьте виджет WPForms на боковую панель.

^

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

Теперь вы можете посетить свой веб-сайт, чтобы увидеть свой виджет веб-формы AWeber в действии.

^

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

 

writer

Recent Posts

Плагин Delete Me для WordPress помогает владельцам веб-сайтов предоставить право на забвение GDPR

Поскольку до крайнего срока соблюдения GDPR ЕС осталось всего 178 дней , многие владельцы сайтов…

2 года ago

Команда Gutenberg наращивает юзабилити-тестирование в WordCamp US

Команда Gutenberg создаст станцию ​​тестирования удобства использования в WordCamp US, где посетители смогут принять участие…

2 года ago

Плагин распространителя теперь в бета-версии: новое решение для синдикации контента WordPress от 10up

Сегодня компания 10up опубликовала предварительную версию своего плагина Distributor , нового решения для синдикации контента…

2 года ago

Gutenberg 1.8 добавляет большую расширяемость для разработчиков плагинов

На этой неделе был выпущен Gutenberg 1.8 с несколькими заметными улучшениями, которые предоставят разработчикам плагинов…

2 года ago

Gutenberg 15.5 представляет экспериментальную поддержку разметки сетки

На этой неделе был выпущен Gutenberg 15.5 с новыми функциями и улучшениями возможностей полнофункционального редактирования…

2 года ago

DesktopServer 3.8.4 включает подарок сообществу

DesktopServer выпустил версию 3.8.4 своего программного обеспечения для локальной разработки. Эта версия включает в себя…

2 года ago