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

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

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

Для интеграции Elementor с ConvertKit необходимо использовать Elementor Pro, поскольку интеграция Elementor со сторонними сервисами доступна только в версии Pro (подробнее: 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 вы можете создать новую форму для сбора подписчиков электронной почты в своей учетной записи ConvertKit. Для этого создайте новую страницу, публикацию или шаблон и отредактируйте его с помощью Elementor. Или вы также можете отредактировать существующий.

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

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

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

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

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

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

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

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

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

Блок формы

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

Полевой блок

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

блок кнопок

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

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

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

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

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

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

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

Заключение

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

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

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

...