The FAQ Block makes it easy to organize and display pairs of questions and answers for your potential clients.
STEP ONE
Log into your Zibster account and click on WEBSITE in the left side menu.
STEP TWO
Click on the Page Name or add a new page where you want to use the FAQ block. Click on the FAQ option in the last row of your available blocks to add the FAQ block to your page.
STEP THREE
Click inside the FAQ block to add your items. These will be the frequently asked questions and answers you want to display in the block.
STEP FOUR
The menu will open on the right side of your screen, allowing you to add your items. Click on the NEW ITEM button to add your first FAQ.
STEP FIVE
Enter your Question and Answer items. You'll see the following options in the right-side menu:
QUESTION: Limit of 400 characters. Your question will always display on the screen. ANSWER: No character limit. Depending on your choice of layout (see LAYOUT section below), a user may need to click to expand the view to see the answer content.
Ask Zibster AI
Zibster AI is built into the question editor and can generate text for you. Simply click "Ask Zibster AI" and provide a prompt. Here are a few example prompts:
- Craft a welcome message for the home page of a [business type] that immediately engages visitors and gives them a clear call to action.
- Write an 'About Us' page for a [business type], highlighting our mission, values, and what sets us apart from competitors.
- Describe the services offered by a [business type] in a way that emphasizes expertise, customer service, and results.
Click on the Generate Text button to have the copy generated by Zibster AI.
Important Notes:
-
There is a limit of 50 items (sets of questions and answers) that can display per FAQ Block.
-
The font for your FAQ Block Items is the same as your content font type, which is selected under BUILDER > DESIGN > FONTS.
-
Scroll down and click on create item at the bottom of the screen to set up your first question and answer.
Repeat this step as many times as needed to add additional FAQs.
All of your FAQ block items will appear in a list as you create them:
Choosing Your FAQ Block Layout
Once you’ve added your questions and answers, you can customize how they appear by selecting a layout.
How to Change the FAQ Block Layout:
-
In the FAQ Block settings, find the Current Layout section.
-
Click Change to see layout options.
-
Choose from 10 different layouts:
Accordion Layouts (Click to Expand)
-
Accordion Plus: Users click a + icon to expand answers.
-
Accordion Bar: Users click the question itself to view answers.
-
Accordion Arrow: Users click a down arrow to expand answers.
Contemporary Layouts (Always Visible Answers)
-
Contemporary Title: Questions appear on the left, answers on the right, separated by a bar.
-
Contemporary Border: FAQs are grouped with a vertical line; can be displayed in one or two columns.
List-Based Layouts
-
Numbered List: Each FAQ pair is numbered. Can be one or two columns.
Modern Layouts (Stylized Displays)
-
Modern Bar: Questions appear in a bar, answers below. Can be one, two, or three columns.
-
Modern Line: A horizontal line separates the question and answer. Can be one, two, or three columns.
-
Modern Pinboard: Each FAQ appears in a box-style grid. Can be one, two, or three columns.
-
Modern Center: Similar to "Modern Line" but centered. Can be one, two, or three columns.
FAQ BLOCK STYLING OPTIONS
These options can vary based on the FAQ Block Layout that you have selected.
-
Title Alignment: Left, Center, Right
-
Description Alignment: Left, Center, Right
-
Space Between Items – Adjusts the gap between questions.
-
Space Below Blocks – Controls spacing before the next section.
-
Space Inside Blocks – Adds padding inside each FAQ block.
CUSTOMIZING FAQ BLOCK COLORS
These options can vary depending on the FAQ Block Layout you have selected.
Under COLORS, you can change:
-
Item Title Color
-
Text Color
-
Background Color
-
Line Color
-
Icon Color
-
Icon Color (for "+" and arrow icons in accordion layouts)
-
Shape Background and Text Color (for numbered list layout)
-
Item Background Color (for modern bar layout)
Click SAVE CHANGES to apply your updated colors to your FAQ block.
BACKGROUND
You can upload a custom background image or select one from the Background Library. Customize how the image is displayed with these options:
-
Tile: Repeat the image to fill the background.
-
Top Left: Align the image to the top left.
-
Centered: Center the image in the block.
-
Cover: Stretch the image to cover the block.
Click Save Changes to apply your background settings.
FONTS
You can easily customize the fonts you're using on your FAQ blocks to override your global font settings. You can change the font, font size, letter spacing (kerning), and line height for any of the following items in your FAQ block:
-
QUESTION
-
ANSWER
-
ANSWER H1
-
ANSWER H2
-
ANSWER H3
Click on Save Changes at the bottom of the control panel menu to apply your changes.
Leave a comment
0 Comments