Створення сторінки частих запитань.

Вивчення DXPR BuilderСтворення сторінокПокрокові інструкції

Тут ви створюєте сторінку частих запитань, де кожне запитання відкривається й закривається після натискання. У результаті ви маєте центрований заголовок, категорію запитань у згортальній панелі й контактний заклик до дії. Використовуйте її для короткого списку поширених запитань. Для довідкових статей, згрупованих за темами, натомість виконайте посібник Створення бази знань.

Відео створює часті запитання оздоровчої клініки.

Перед початком

  • Ваша роль має дозвіл Edit with DXPR Builder.
  • Сторінка відкрита в конструкторі. Для нової перейдіть до Content > Add content > Landing Page (/node/add/landing_page) і натисніть Save.
  • Нові елементи й нові перемикачі стають угорі свого контейнера. Додавайте запитання від останнього до першого або потім перетягніть їх на місце.

Крок 1: додавання заголовка

  1. Натисніть Add Elements на порожній сторінці й виберіть Section на вкладці Layout.
  2. Наведіть курсор на розділ і відкрийте More > Settings. У розділі HTML classes виберіть Align text center, потім натисніть Save.
  3. Натисніть + на розділі й виберіть Text на вкладці Content.
  4. Введіть «Frequently asked questions» і встановіть його на Heading 2 з панелі інструментів. Додайте один рядок про те, що охоплює сторінка, потім натисніть Save. Тема виводить заголовок сторінки як Heading 1 сторінки. Щоб натомість зробити цей заголовок Heading 1, див. Створення SEO-дружніх сторінок.

Крок 2: додавання категорії із запитаннями

  1. Наведіть курсор на розділ і натисніть Add Section Below.
  2. Натисніть + на новому розділі й виберіть Collapse panel на вкладці Layout; спочатку вона має один порожній перемикач.
  3. Відкрийте More > Settings на панелі. Увімкніть Collapse, щоб кожне запитання починалося закритим, установіть Expand icon на +, потім натисніть Save.
  4. Відкрийте More > Settings на перемикачі, введіть запитання як його Toggle title і натисніть Save. Нові перемикачі стають угорі, тож почніть із останнього запитання.
  5. Натисніть запитання, щоб відкрити його вміст, натисніть + усередині нього й виберіть Text. Введіть відповідь і натисніть Save.
  6. Натисніть Add toggle на панелі й повторіть кроки 4 і 5 для кожного запитання, рухаючись угору до першого.
  7. Натисніть + на розділі ще раз і виберіть Text; він стане над панеллю. Введіть назву категорії як Heading 2 і натисніть Save.

Орієнтуйтеся на 3-6 запитань на категорію.

Крок 3: додавання контактного заклику до дії

  1. Додайте третій розділ за допомогою Add Section Below і відкрийте його More > Settings. Виберіть Align text center у розділі HTML classes і світло-сірий Background на панелі Style. Натисніть Save.
  2. Натисніть + на розділі й виберіть Button. Установіть Title на «Contact us», Link на /contact, Type на Primary і Size на Large, потім натисніть Save.
  3. Натисніть + знову й виберіть Text; він стане над кнопкою. Введіть «Still have questions?» як Heading 2, додайте один рядок, що вказує на вашу команду, потім натисніть Save.

Крок 4: збереження й попередній перегляд

  1. Натисніть Save на панелі інструментів конструктора.
  2. Відкрийте меню перегляду (піктограма ока) і виберіть Preview.

Далі

Не показано у відео:

  • More categories: повторіть крок 2 для кожної категорії, по одному розділу й одній згортальній панелі на кожну. Поширені: Getting started, Account and billing, Features, Troubleshooting і Privacy and security.
  • Tabs instead of sections: за малої кількості категорій додайте елемент Tabs на вкладці Layout, по одній вкладці на категорію, і розмістіть згортальну панель усередині кожної вкладки. Кожна категорія лишається під рукою без гортання.

Поради щодо SEO

  • Використовуйте справжнє запитання як Toggle title
  • Відповідайте в першому реченні, потім додайте деталі
  • Дайте відповідям посилання на сторінки, яких вони стосуються
  • Додайте структуровані дані FAQ через вашу тему або модуль Drupal

Що ви бачите

Заголовок відцентровано вгорі. Під заголовком категорії кожне запитання закрите й показує +. Натискання відкриває відповідь, а завершальна смуга пропонує кнопку Contact us.

Якщо сторінка виглядає не так, як показано

  • Усі запитання починаються відкритими. Collapse вимкнено на згортальній панелі. Відкрийте More > Settings панелі, увімкніть Collapse і натисніть Save.
  • Усередині перемикача немає +. Перемикач закрито. Натисніть запитання, щоб відкрити його, потім натисніть + усередині.
  • Запитання з’являються в неправильному порядку. Нові перемикачі стають угорі панелі. Перетягніть кожен перемикач на місце за ручку перетягування на його панелі керування.
  • Ваші зміни зникли після перезавантаження. Ви покинули сторінку, не натиснувши Save на панелі інструментів конструктора. Якщо Save показує помилку, див. Зміни не зберігаються.

Що далі?