Цей рецепт показує, як використовувати Flexible Content, щоб надати менеджерам контенту можливість створювати кастомізовані цільові сторінки, вибираючи, упорядковуючи та заповнюючи попередньо розроблені секції.
Крок 1: Створіть групу полів гнучкого контенту
- Перейдіть до Field Forge > New Field Group
- Назвіть його Landing Page Builder
- Додайте поле Flexible Content (PRO) з міткою Page Sections з ім’ям
page_sections
- Встановіть мітку кнопки на Add Section (це налаштовує текст кнопки, який бачать редактори)
Крок 2: Визначте макети
Додайте наступні макети до поля Гнучкий вміст:
Макет 1: Герой Розділ
| Підполе | Тип | Налаштування |
|---|
| Заголовок | Текст | Обов’язковий: Так, Підказка: “Ваш основний заголовок тут” |
| Підзаголовок | Текстова область | Рядки: 2 |
| Фонове зображення | Зображення | Обов’язкове: Так, Інструкції: “Використовуйте мінімум 1920×1080” |
| Текст кнопки | Текст | За замовчуванням: “Почати” |
| URL кнопки | URL | Обов’язковий: Так |
| Стиль кнопки | Група кнопок | Вибір: Первинний, Вторинний, Контурний |
| Підполе | Тип | Налаштування |
|---|
| Заголовок розділу | Текст | Підказка: “Чому обирають нас” |
| Підзаголовок розділу | Текстова область | Рядки: 2 |
| Функції | Повторювач | Підполя: Іконка (Зображення), Заголовок (Текст, Обов’язковий), Опис (Текстова область) |
| Стовпці | Група кнопок | Вибір: 2 стовпці, 3 стовпці, 4 стовпці |
| Підполе | Тип | Налаштування |
|---|
| Заголовок розділу | Текст | За замовчуванням: “Що кажуть наші клієнти” |
| Відгуки | Повторювач | Підполя: Цитата (Текстова область, Обов’язкова), Ім’я автора (Текст), Фото автора (Зображення), Компанія (Текст), Рейтинг (Число, Мін: 1, Макс: 5) |
| Стиль відображення | Група кнопок | Вибір: Карусель, Сітка, Складений |
| Підполе | Тип | Налаштування |
|---|
| Заголовок | Текст | Обов’язковий: Так |
| Опис | Текстова область | Рядки: 3 |
| Текст кнопки | Текст | За замовчуванням: “Почати зараз” |
| URL кнопки | URL | Обов’язковий: Так |
| Колір фону | Вибір кольору | За замовчуванням: #1a73e8 |
| Колір тексту | Вибір кольору | За замовчуванням: #ffffff |
| Підполе | Тип | Налаштування |
|---|
| Заголовок розділу | Текст | За замовчуванням: “Часто задавані питання” |
| Питання | Повторювач | Підполя: Питання (Текст, Обов’язкове), Відповідь (Текстова область, Обов’язкова) |
| Стиль відображення | Група кнопок | Вибір: Аккордеон, Два стовпці, Складений |
| Підполе | Тип | Налаштування |
|---|
| Заголовок розділу | Текст | За замовчуванням: “Виберіть свій план” |
| Плани | Повторювач | Підполя: Назва плану (Текст, Обов’язковий), Ціна (Текст), Період оплати (Вибір: Щомісячно/Щорічно), Функції (Текстова область), Текст кнопки (Текст), URL кнопки (URL), Виділений (Правда/Неправда) |
| Показати перемикач | Правда/Неправда | Мітка: “Показати перемикач щомісячно/щорічно” |
Крок 3: Встановіть правила розташування
- Встановіть: Шаблон сторінки дорівнює Лендінг Пейдж (вам потрібен шаблон Лендінг Пейдж у вашій темі)
- Альтернативно, націліться на конкретну сторінку або тип запису
- Збережіть групу полів
Крок 4: Як менеджери контенту створюють цільову сторінку
- Створіть нову сторінку та виберіть шаблон “Landing Page”
- Прокрутіть до метабоксу “Landing Page Builder”
- Натисніть Add Section і виберіть Hero Section
- Введіть заголовок, підзаголовок, завантажте фонове зображення та встановіть текст кнопки і посилання
- Знову натисніть Add Section, виберіть Features Grid
- Додайте заголовок секції та створіть елементи функцій з іконками, заголовками та описами
- Виберіть кількість стовпців (3 – найпоширеніший варіант)
- Продовжуйте додавати секції: Testimonials, Pricing Table, FAQ Section, Call to Action
- Перетягніть секції для зміни порядку — зазвичай: Hero зверху, CTA внизу, допоміжний контент посередині
- Натисніть Publish або Update
Поради для ефективних цільових сторінок
- Почніть з героя: Кожна цільова сторінка повинна починатися з чіткого заголовка та потужної кнопки заклику до дії
- Обмежте 4-6 секціями: Занадто багато секцій створюють довгу, неструктуровану сторінку. Кожна секція повинна мати свою мету
- Соціальне підтвердження на початку: Розмістіть відгуки або розділ зі статистикою ближче до верху, щоб створити довіру перед тим, як просити про дію
- Один основний CTA: Сторінка повинна спрямовувати відвідувачів до єдиної основної дії. Використовуйте один і той же URL кнопки в секціях Hero та CTA
- Закінчіть CTA: Завжди закінчуйте сторінку розділом заклику до дії, щоб відвідувачі, які прокрутили всю сторінку, мали чіткий наступний крок
- Тестуйте на мобільних: Попросіть вашого розробника перевірити, чи виглядає макет добре на телефонах. Більшість трафіку цільових сторінок надходить з мобільних пристроїв
—