Этот рецепт показывает, как использовать гибкий контент, чтобы дать менеджерам контента возможность создавать пользовательские целевые страницы, выбирая, упорядочивая и заполняя заранее разработанные секции.
Шаг 1: Создайте группу полей гибкого контента
- Перейдите в Field Forge > Новая группа полей
- Назовите её Конструктор целевых страниц
- Добавьте поле Гибкий контент (PRO) с меткой Секции страницы с именем
page_sections
- Установите метку кнопки на Добавить секцию (это настраивает текст кнопки, который видят редакторы)
Шаг 2: Определите макеты
Добавьте следующие макеты в поле гибкого контента:
Макет 1: Герой секция
| Подполе | Тип | Настройки |
|---|
| Заголовок | Текст | Обязательно: Да, Заполнитель: «Ваш основной заголовок здесь» |
| Подзаголовок | Текстовая область | Строки: 2 |
| Фоновое изображение | Изображение | Обязательно: Да, Инструкции: «Используйте минимум 1920×1080» |
| Текст кнопки | Текст | По умолчанию: «Начать» |
| URL кнопки | URL | Обязательно: Да |
| Стиль кнопки | Группа кнопок | Выбор: Основной, Вторичный, Контурный |
| Подполе | Тип | Настройки |
|---|
| Заголовок секции | Текст | Заполнитель: «Почему выбирают нас» |
| Подзаголовок секции | Текстовая область | Строки: 2 |
| Функции | Повторитель | Подполя: Иконка (Изображение), Заголовок (Текст, Обязательно), Описание (Текстовая область) |
| Колонки | Группа кнопок | Выбор: 2 колонки, 3 колонки, 4 колонки |
| Подполе | Тип | Настройки |
|---|
| Заголовок секции | Текст | По умолчанию: «Что говорят наши клиенты» |
| Отзывы | Повторитель | Подполя: Цитата (Текстовая область, Обязательно), Имя автора (Текст), Фото автора (Изображение), Компания (Текст), Рейтинг (Число, Мин: 1, Макс: 5) |
| Стиль отображения | Группа кнопок | Выбор: Карусель, Сетка, В стопке |
| Подполе | Тип | Настройки |
|---|
| Заголовок | Текст | Обязательно: Да |
| Описание | Текстовая область | Строки: 3 |
| Текст кнопки | Текст | По умолчанию: «Начать сейчас» |
| URL кнопки | URL | Обязательно: Да |
| Цвет фона | Выбор цвета | По умолчанию: #1a73e8 |
| Цвет текста | Выбор цвета | По умолчанию: #ffffff |
| Подполе | Тип | Настройки |
|---|
| Заголовок секции | Текст | По умолчанию: «Часто задаваемые вопросы» |
| Вопросы | Повторитель | Подполя: Вопрос (Текст, Обязательно), Ответ (Текстовая область, Обязательно) |
| Стиль отображения | Группа кнопок | Выбор: Аккордеон, Две колонки, В стопке |
| Подполе | Тип | Настройки |
|---|
| Заголовок секции | Текст | По умолчанию: «Выберите свой план» |
| Планы | Повторитель | Подполя: Название плана (Текст, Обязательно), Цена (Текст), Период оплаты (Выбор: Ежемесячно/Ежегодно), Функции (Текстовая область), Текст кнопки (Текст), URL кнопки (URL), Выделенный (Истина/Ложь) |
| Показать переключатель | Истина/Ложь | Метка: «Показать переключатель ежемесячно/ежегодно» |
Шаг 3: Установите правила расположения
- Установите: Шаблон страницы равен Целевая страница (вам нужен шаблон целевой страницы в вашей теме)
- В качестве альтернативы, нацелитесь на конкретную страницу или тип записи
- Сохраните группу полей
Шаг 4: Как менеджеры контента создают целевую страницу
- Создайте новую страницу и выберите шаблон «Целевая страница»
- Прокрутите до метабокса «Конструктор целевых страниц»
- Нажмите Добавить секцию и выберите Герой секция
- Введите заголовок, подзаголовок, загрузите фоновое изображение и установите текст кнопки и ссылку
- Снова нажмите Добавить секцию, выберите Сетка функций
- Добавьте заголовок секции и создайте элементы функций с иконками, заголовками и описаниями
- Выберите количество колонок (3 — наиболее распространенное)
- Продолжайте добавлять секции: Отзывы, Ценовая таблица, Раздел FAQ, Призыв к действию
- Перетаскивайте секции для изменения порядка — обычно: Герой вверху, Призыв к действию внизу, вспомогательный контент между ними
- Нажмите Опубликовать или Обновить
Советы для эффективных целевых страниц
- Начните с героя: Каждая целевая страница должна начинаться с четкого заголовка и сильной кнопки призыва к действию
- Ограничьтесь 4-6 секциями: Слишком много секций создают длинную, несфокусированную страницу. Каждая секция должна иметь свою цель
- Социальное доказательство рано: Разместите отзывы или раздел со статистикой ближе к верху, чтобы создать доверие перед тем, как попросить о действии
- Один основной CTA: Страница должна направлять посетителей к одному основному действию. Используйте один и тот же URL кнопки в секциях Героя и Призыва к действию
- Закончите призывом к действию: Всегда закрывайте страницу секцией призыва к действию, чтобы у посетителей, которые прокрутили всю страницу, был четкий следующий шаг
- Тестируйте на мобильных устройствах: Попросите вашего разработчика проверить, хорошо ли выглядит макет на телефонах. Большинство трафика целевых страниц поступает с мобильных устройств