FAQ

by Admin on Jan 02, 2025

1. What is FAQ?

The FAQ (Frequently Asked Questions) section is a customizable area where you can answer common customer questions in an organized, easy-to-navigate format. It helps reduce customer support inquiries by providing clear answers to frequent questions about your products or services.

2. Section Components

Section		Displays a list of common questions and their answers in an organized, collapsible format.
Available block		Each block contains one question and its corresponding answer.

3. Location & Setup

Go to "Online Store" > "Themes" > "Customize"
Select where you want to place it
Click "Add Section"
Search for FAQ
Click on it to add

4. Highlight features

Collapsible Q&A: Answers can be hidden until the user clicks on the question.
Customizable Headings: Adjust the heading style and highlight effects.
SEO-Friendly: Enable microdata schema to improve search engine visibility.

5. Common Use Cases

🤔 How to add and style Q&A blocks?

Want to create clear, well-organized FAQ entries? Here's how:

STEP 1: Add the section & blocks.

Add a FAQ section.
Click "Add block" for new Frequently Asked Question blocks.

STEP 2: Add questions’ content:

Add Icon (2 options):

Choose from dropdown list
Enter custom SVG code

Enter your Question
Add detailed Answer

STEP 3: Style Your FAQ Section

Click on the FAQ section to adjust its overall look. For more information, you can check out the part talking about What customization options can you give your FAQ?

STEP 4:

Click “Save” when done.

🤔 What customization options can you give your FAQ?

For the whole FAQ section
✨ Change color scheme:	Click on the FAQ section, scroll down to Colors, and choose the overall scheme you want to use in both light and dark mode in the Color scheme.
✨ Change the heading size:	Click on the FAQ section, and choose the Heading size to be Small, Medium, or Large.
✨ Change the Heading tag (for SEO purposes)	Click on the FAQ section, find and choose the Heading tag from the list.
✨ Change the heading alignment	Click on the FAQ section, and choose the Heading alignment to be Left, Right, or Center.
✨ Add a border around each block	Click on the FAQ section, and turn on the Show border toggle.
✨Give each FAQ block a background color:	Click on the FAQ section, find and turn on the Rows alternative background setting. (To change the color, you need to edit the color scheme)
✨ Make the answers always shown	By default, the answers will be hidden in the collapsible blocks. To make it appear without clicking, go to the FAQ section, and turn off the Collapsible toggle.
✨ Set up the “View all” button	Click on the FAQ section, and: Turn on the Show "View all" button to enable the button. Choose the "View all" button position to be on Top or at the Bottom. Enter a link in the "View all" button link. (should be linked to a FAQ page)
✨ Make the questions shown in 2 columns	Click on the FAQ section, find the Desktop layout setting, and choose 2 columns.
✨ Add an image to the FAQ section	Click on the FAQ section, find the Image setting, and add an image. To change its position, you need to: For desktop 🖥️: Scroll down to the Desktop layout section, and choose the Image alignment to be Left or Right. For mobile 📱: Scroll down to the Mobile layout section, and choose the Image alignment to be Image first or Image second. To adjust its height, you need to: For desktop 🖥️: Scroll down to the Desktop layout section, and choose the suitable Desktop image height. For mobile 📱: Scroll down to the Mobile layout section, and choose the suitable Mobile image height.
✨ Change the section width, add padding, or add a divider	Click on the FAQ section, and scroll down to the Section layout group, and you will be able to change those settings.
✨ Enable microdata schema	Click on the FAQ section, find the SEO setting group, and turn on the Enable microdata schema toggle.

Need help? Contact our support team at Omni Themes Support.