Вы ищете простой способ интеграции ConvertKit à Elementor ?

Используете ли вы ConvertKit и хотите ли вы создать сайт с Elementor? Если да, то вам повезло, потому что Elementor поддерживает интеграцию с ConvertKit. Эта интеграция позволяет собирать электронную почту подписчиков через форма Факир. 

Никаких дополнительных плагинов устанавливать не нужно. Вам просто нужен ключ API ConvertKit для подключения вашей учетной записи ConvertKit к Elementor.

Чтобы иметь возможность интегрировать Elementor с ConvertKit, вам необходимо использовать Elementor Pro, поскольку интеграция Elementor со сторонними сервисами доступна только в профессиональной версии (читайте: Elementor Free против Elementor Pro).

Выполните следующие шаги, чтобы интегрировать Elementor с ConvertKit.

Шаг 1. Получите ключ API ConvertKit.

Чтобы получить ключ ConvertKit API, посетите Веб-сайт ConvertKit и войдите в свой аккаунт. После входа нажмите на свое имя пользователя в правом верхнем углу и выберите Настройки.

Как интегрировать ConvertKit с Elementor

В вертикальном меню нажмите на Фильтр. В разделе API скопируйте ключ API.

Шаг 2: интегрируйте Elementor с ConvertKit

Как только ключ API будет скопирован, войдите в WordPress и перейдите к Elementor -> Настройки чтобы открыть страницу настроек Elementor. Нажмите на интеграций, прокрутите вниз и вставьте только что скопированный ключ API в раздел ConvertKit.

Нажмите на кнопку Подтвердить API-ключ для проверки проверки ключа API. После успешной проверки нажмите на кнопку Сохранить изменения внизу

Как интегрировать ConvertKit с Elementor

Шаг 3: создайте форму

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

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

Вставить форму в Elementor

Определите нужные поля в блоке Поля формы. Когда закончите, откройте блок Действия после отправки и выберите ConvertKit.

Как интегрировать ConvertKit с Elementor

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

По опции Ключ API, Выберите «Пользовательский» и в поле «Пользовательский ключ API» вставьте свой ключ API.

Выберите свою форму, а также установите сопоставление полей на основе выбранных полей формы. Вы также можете ввести метку в поле Этикетки.

Как интегрировать ConvertKit с Elementor

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

Блок формы

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

Полевой блок

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

блок кнопок

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

Как интегрировать ConvertKit с Elementor

Блок сообщений

Этот блок позволяет настроить типографику, а также цвет текста сообщения об успешном завершении, сообщения об ошибке и встроенного сообщения.

Как интегрировать ConvertKit с Elementor

Нажмите кнопку ПУБЛИКАЦИЯ / ОБНОВЛЕНИЕ как только вы закончите редактирование своей страницы.

Получить Elementor Pro сейчас !!!

Заключение

Так! Мы только что представили вам, как интегрировать ConvertKit с Elementor. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.

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

Но тем временем поделитесь этой статьей в разных социальных сетях.

...