Search Divi Plus Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

FAQPage Schema

Using Divi Plus FAQPage Schema module you can easily add an organized collection of information to the page which also helps in increasing your website’s online visibility on search engines.

divi-faq-page

How to add FAQPage Schema module to your webpage

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

  1. Create/Edit a Page/Post that uses Divi builder.
  2. Create/Edit a row.
  3. Click on Add New Module option; choose the DP FAQPage Schema module.
faq-page-divi-insert

Content Tab

  1. On the Content tab, inside the Text settings, you get the option to input the FAQ Schema Title.
  2. How to insert a new FAQ: In the module’s Content tab, click the Add New FAQ.
  3. How to input/customize Question & Answer text: Go to the Content settings of the specific FAQ’s Content tab, and then input the appropriate text for the Question and Answers field.
faq-page-title
faq-page-schema
Customize individual FAQ’s appearance In Design Tab
  1. To customize individual FAQ’s appearance further, go to its Design tab.
  2. Go to Question settings to customize text font, heading level, and more of the FAQ’s Question Text.
  3. To customize the answer text, go to Answer Text settings and make changes to the text, including links, numbered lists, bullet lists, and quotes.
  4. To do padding customization for the answer and question field, go to Question Answer Spacing.
faq-design
To add multiple FAQs
  1. To add multiple faqs, click the return icon above the Content tab.
  2. Once you come out of the individual setting of the setting, you’ll find faqs you’ve created and an option to Add New FAQ.

Global Design Options

  1. Layout Selection: To change the layout of the FAQPage Schema, go to the Design tab >> Layout >> select one from the available layouts >> Accordion/Grid/Toggle.
    3 layouts in faqpage schema
  2. Make First accordion Item Active: Enable this setting to make the first accordion item active. faq-schema-module
  3. FAQPage Schema in Masonry Grid Layout: Go to the Design tab >> Layout >> Select Grid layout >> and check Use Masonry as YES.
  4. Background Customization for Question and Answer field: In the Design tab, go to FAQ Styling >> apply color according to the requirements.
  5. FAQPage Schema’s Main Heading Customization: To Customize the heading level, font, alignment, and other elements of the main FAQPage Schema heading, go to FAQ Heading >> apply tweaks as you required.
  6. Question Text Customizations: To customize the question text’s appearance, go to Question Text >> and apply customization for both the Opened & Closed State of the FAQ.
  7. Answer Text Customizations: Go to the Answer Text settings in the Design tab, and apply answer text customizations for links, numbered list, bullet list, and quote.
  8. Padding customization for the Answer & Question field: To customize the padding for the answer and question field, go to Question Answer Spacing settings, and input padding values according to your requirement.
faq-design-global
faq-page-schema
Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.