Как создать трехэтапную воронку продаж с Divi

Опубликовано: 2020-05-24

Воронки продаж - это наиболее важные и эффективные методы продаж через веб-сайт. Хорошо продуманная воронка продаж поможет привлечь потенциальных клиентов, улучшить конверсию и увеличить прибыль. С Divi легко построить эффективные воронки продаж. В этой статье мы увидим, как создать трехэтапную воронку продаж Divi с помощью бесплатного плагина под названием Funnel Builder от CartFlows.

Установка и настройка CartFlows

Установка и настройка CartFlows

Мы будем использовать три плагина для создания нашей воронки продаж Divi, но нам нужно установить только первый в области плагинов WordPress. Найдите и установите Funnel Builder от CartFlows.

Установка и настройка CartFlows

Щелкните Start Wizard . Это запустит мастер установки, который установит следующие два плагина и установит CartFlows для Divi.

Установка и настройка CartFlows

Щелкните Поехали .

Установка и настройка CartFlows

Выберите Divi из списка построителей страниц. Это сообщит CartFlows, к каким шаблонам подключаться.

Установка и настройка CartFlows

Нажмите Да, чтобы установить WooCommerce и бесплатный плагин WooCommerce Cart Abandonment Recovery от CartFlows.

Установка и настройка CartFlows

Выберите, хотите ли вы пройти бесплатный курс обучения CartFlows.

Установка и настройка CartFlows

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

Создание потока

Создание потока

В меню Flows (перейдите в CartFlows > Flows на панели инструментов WordPress) выберите Add New . Вы также можете увидеть свои потоки, импорт, экспорт, клонирование и т. Д.

Создание потока

При создании потока открывается модальное окно, в котором вы можете выбрать шаблон или создать свой собственный. Сюда входят бесплатные и профессиональные шаблоны. Для профессиональных шаблонов требуется профессиональная версия плагина. При наведении курсора на них отображаются параметры для предварительного просмотра или импорта. Шаблоны включают несколько страниц для создания шагов в потоке. Каждая страница была создана с помощью Divi, и вы можете редактировать их с помощью Divi Builder.

Создание потока

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

Создание потока

Шаг добавлен в поток. Теперь вы можете редактировать шаг и добавлять другие шаги.

Создание воронки продаж

Создание воронки продаж

Для своего примера я импортировал первый шаблон, Загрузить электронную книгу . После завершения импорта вы будете перенаправлены в редактор типов сообщений Flow. Сюда входят этапы воронки. Вы можете редактировать их, добавлять новые шаги, просматривать, удалять или изменять их порядок. Регулировки и настройки потока включают имя, текстовый режим, заголовок, публикацию и избранное изображение. В версии pro добавлена ​​аналитика.

Здесь показаны два шага, которые включены в шаблон «Загрузить электронную книгу»: « Загрузить электронную книгу» (опция Woo) и « Спасибо» . Эти шаги показаны пользователю в указанном порядке. Сначала они загрузят электронную книгу, а затем перейдут на страницу с благодарностью. Мы будем использовать их в качестве шагов 1 и 3 нашей трехэтапной воронки продаж.

Создание воронки продаж

Это шаблон загрузки . В нем еще нет формы для получения файла загрузки, но она будет, когда мы добавим файл. Файл будет продуктом WooCommerce.

Создание воронки продаж

Вот страница с благодарностью . Он включает в себя кнопки допродажи и подписки в социальных сетях.

Создание воронки продаж

Шаблоны создаются с помощью Divi Builder и включают собственный CSS и шорткоды.

Создание воронки продаж

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

Добавление загрузки

Добавление загрузки

Чтобы добавить загрузку в подписку Woo, создайте продукт WooCommerce. Выберите Virtual и Downloadable , установите цену на 0 и загрузите файл. Добавьте любые описания и изображения, которые хотите, а затем опубликуйте продукт.

Добавление загрузки

Вернитесь к потоку и выберите, чтобы отредактировать шаг.

Добавление загрузки

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

Добавление загрузки

Вот страница Flow с формой подписки. Мы также можем отредактировать страницу, чтобы заменить фиктивный контент нашим собственным контентом. Это реальная страница с URL-адресом, поэтому ее можно использовать в качестве домашней страницы в структуре меню, в качестве ссылки для CTA и т. Д.

Добавление загрузки

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

Добавить новые шаги

Добавить новые шаги

Для новых шагов нажмите « Добавить новый шаг» над заголовком или под шагами в редакторе. Откроется еще одно модальное окно, в котором вы можете выбрать нужный тип шаблона. Выберите между Landing, Checkout, Upsell, Downsell, Thank You и Optin. Я добавляю страницу Woo Checkout, чтобы создать нашу трехэтапную воронку.

Создание трехэтапной воронки продаж

Создание трехэтапной воронки продаж

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

Создание трехэтапной воронки продаж

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

Создание трехэтапной воронки продаж

Это открывает редактор продукта как модальное окно, поэтому вам не нужно выходить из редактора Flow.

Создание трехэтапной воронки продаж

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

Создание трехэтапной воронки продаж

Теперь у меня есть три этапа. Я перетащил Checkout в середину, так что теперь он проведет клиента через мой новый заказ с шагами Download Optin , Checkout и Thank You .

Создание трехэтапной воронки продаж

Теперь, когда кто-то заполнит форму на первом шаге, он увидит новую вторую страницу - Checkout . Он взял информацию, которую я ввел в поле со страницы подписки, и заполнил данные автоматически. Новый товар автоматически добавляется в заказ. Вверху этой страницы находятся модули Divi для изображений и информации.

Создание трехэтапной воронки продаж

На странице благодарности отображается подробная информация о заказе.

Сплит-тестирование воронки продаж с Divi

Сплит-тестирование воронки продаж с Divi

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

Сплит-тестирование воронки продаж с Divi

Далее выберите цель. Поскольку это воронка продаж, моя цель - получить как можно больше подписок. Я выберу модуль кода с формой подписки. Как только вы выберете цель, ваш испытуемый (в моем случае заголовок) будет продублирован. Теперь вы можете настроить второй вариант с другим текстом, цветами, шрифтами и т. Д.

Сплит-тестирование воронки продаж с Divi

Как только у вас будет достаточно трафика для вашей воронки продаж Divi (который будет намного больше, чем я использую для своего тестового сайта), вы можете проверить статистику сплит-тестирования Divi, чтобы получить результаты вашего теста. Он показывает два варианта и отображает результаты в виде графика и диаграммы. Просматривайте результаты в зависимости от времени (за последние 24 часа, за последние 7 дней, за последний месяц и за все время). Диаграммы включают клики, чтения, отказы и вовлеченность в достижение цели. Это график кликов.

Сплит-тестирование воронки продаж с Divi

Это круговая диаграмма для достижения цели.

Функции сплит-тестирования Divi отлично подходят для тестирования лид-магнитов и воронок продаж. Проверьте цвета, изображения, семейства шрифтов, размещение элементов, общий дизайн макета, заголовки и многое другое. С Divi легко узнать, что работает, а что нет. Лучше всего, чтобы на ваших страницах Divi всегда проводились a / b-тесты. Дополнительные сведения об использовании функций сплит-тестирования Divi см. В статье «Как провести простое A / B-тестирование с помощью WordPress и Divi Leads». Кроме того, не забудьте поискать в блоге ET «сплит-тестирование».

CartFlows Pro

Мы рассмотрели только бесплатную версию Funnel Builder от CartFlows. Чтобы узнать о дополнительных функциях, ознакомьтесь с профессиональной версией. Он включает в себя неограниченное количество последовательностей, премиум-шаблоны, дополнительные варианты оформления заказа, предложения оформления заказа, настраиваемые поля, дополнительные продажи в один клик, увеличение количества заказов и отказ от корзины.

Конечные мысли

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

Ждем вашего ответа. Вы создали воронку продаж Divi? Расскажите нам о своем опыте в комментариях.

Лучшее изображение через vectorpouch / shutterstock.com