How to Use the FAQ Block in Zibster
Overview
The FAQ Block allows you to display frequently asked questions and answers on your Zibster website. You can use it to explain your services, pricing, booking policies, turnaround times, ordering information, and other details your customers commonly ask about.
Zibster offers five predesigned FAQ Blocks, a Blank starting option, and 10 customizable layouts, including accordions, numbered lists, and multi-column designs. You can customize the colors, fonts, spacing, and backgrounds to match your website.
This guide explains how to add an FAQ Block, manage questions and answers, customize its appearance, and manage the block in your Website Builder.
STEP ONE
Log in to your Zibster account and click WEBSITE in the left-side menu.
This opens the Website Builder, where you can manage your website pages and content.
STEP TWO
Click the name of the page where you want to add your FAQ Block.
On the right side of the Website Builder, locate the FAQ icon. Click the icon to add an FAQ Block to the bottom of your page.
You can also click and drag the FAQ icon to a specific location on your page. Release it when the placement indicator appears.
The SELECT FAQ BLOCK panel will open.
STEP THREE
The SELECT FAQ BLOCK panel includes six starting options:
-
Blank: Creates an empty FAQ Block without sample questions or predefined custom styling. The block uses your website's existing design settings.
-
FAQ 1 – FAQ 5: Provides five predesigned FAQ Blocks with different visual styles, sample questions, answers, and formatting that you can customize.
Review the available designs and click SELECT below the option you want to use.
The EDIT FAQ panel opens with the ITEMS tab selected.
If you selected Blank, the block will initially be empty. If you selected a predesigned FAQ Block, you can replace or remove the sample questions and answers.
Helpful Tip: You can change the FAQ Block's layout later without recreating your questions and answers.
FINAL STEP
In the ITEMS tab, click NEW ITEM to create a question and answer.
Complete the following fields:
QUESTION: Enter the question you want visitors to see on your website. Questions can contain up to 400 characters.
ANSWER: Enter your response using the built-in text editor. The answer field does not have a character limit.
The answer editor includes two options:
-
VISUAL: Format your answer using the toolbar. You can make text bold, italic, or underlined; create lists; adjust alignment; insert links and images; and apply text formatting.
-
HTML: View and edit the HTML markup for your answer.
After entering your question and answer, click CREATE ITEM.
Repeat this process to add additional questions and answers. Each FAQ Block supports up to 50 question-and-answer pairs.
Your saved FAQ content automatically appears on your website. There is no separate publishing step.
Managing Your FAQ Questions and Answers
The ITEMS tab allows you to add, edit, reorder, and delete questions within your FAQ Block.
Adding Additional Questions
Click NEW ITEM, enter your question and answer, and click CREATE ITEM.
You can continue adding questions until you reach the limit of 50 FAQ items per block.
Editing Existing Questions
Click the question you want to edit in the ITEMS tab.
The EDIT FAQ panel displays the existing question and answer.
Update the QUESTION or ANSWER fields as needed. You can also use the VISUAL or HTML editor to adjust formatting.
Click SAVE CHANGES to update the FAQ item on your website.
Using Ask Zibster AI
When editing an existing FAQ answer, you can click ASK ZIBSTER AI to get assistance improving or rewriting your content.
You can provide custom instructions, generate suggested text, and review the results before using them.
Each use of Ask Zibster AI counts toward your account's monthly AI request allowance.
Helpful Tip: Always review AI-generated answers to ensure they accurately reflect your business policies, pricing, and services.
Reordering FAQ Questions
In the ITEMS tab, click and drag a question up or down the list to move it into your preferred position.
Repeat this process until your questions appear in the order you want them displayed on your website.
Deleting FAQ Questions
You can remove FAQ questions using either of the following methods:
-
Select and Delete: Select the checkbox beside each question you want to remove, then click DELETE. You can also select the checkbox beside QUESTION to select all items.
-
Drag to Delete: Click and drag a question from the item list onto the DELETE button.
These options are especially useful when replacing the sample questions included with a predesigned FAQ Block.
Helpful Tip: If you only need to change a question or answer, edit the existing item instead of deleting and recreating it.
How to Change Your FAQ Block Layout
The LAYOUT section allows you to change how your FAQ questions and answers appear without recreating your content.
Open your FAQ Block and click LAYOUT in the editing menu.
Zibster offers 10 FAQ layouts:
-
Accordion Plus: Displays expandable questions with a plus-style indicator that visitors can click to reveal answers.
-
Accordion Bar: Displays questions as expandable horizontal bars.
-
Accordion Arrow: Uses arrow indicators to expand or collapse answers.
-
Contemporary Title: Displays questions and answers in a side-by-side design with dividing lines.
-
Contemporary Border: Groups FAQ content using borders and supports multiple columns.
-
Numbered List: Displays FAQ questions with numbered elements and supports multiple columns.
-
Modern Bar: Displays questions in styled bars and supports multiple columns.
-
Modern Line: Separates FAQ content using lines and supports multiple columns.
-
Modern Pinboard: Arranges questions and answers in a grid-style design and supports multiple columns.
-
Modern Center: Uses a centered presentation and supports multiple columns.
Select the layout you want to use and click SAVE to apply it.
Adjusting FAQ Block Columns
Some FAQ layouts include a COLUMNS setting that allows you to choose how many columns display your questions and answers.
Available options include:
-
1 Column: Displays FAQ content in a single vertical arrangement.
-
2 Columns: Arranges FAQ content across two columns.
-
3 Columns: Arranges FAQ content across three columns.
The COLUMNS setting is available for Contemporary Border, Numbered List, Modern Bar, Modern Line, Modern Pinboard, and Modern Center layouts.
Choosing the Best FAQ Layout
Accordion layouts are helpful when you have several questions and want to keep the page shorter. Visitors can expand individual questions to read their answers.
Layouts that display questions and answers together work well when you want visitors to see the information immediately without clicking.
Multi-column layouts are useful for organizing shorter questions and answers. If your answers contain more detailed information, a single-column layout is generally easier to read.
Helpful Tip: Changing your FAQ layout does not delete your existing questions and answers.
How to Customize Your FAQ Block Styling
The STYLING section allows you to adjust the alignment and spacing of your FAQ Block.
Open your FAQ Block and click STYLING in the editing menu.
Depending on your selected layout, the available settings may include:
-
TITLE ALIGNMENT: Controls the horizontal alignment of your FAQ questions.
-
DESCRIPTION ALIGNMENT: Controls the horizontal alignment of your FAQ answers.
-
SPACE BETWEEN ITEMS: Adjusts the spacing between individual FAQ items.
-
SPACE BELOW BLOCKS: Controls the spacing below the FAQ Block, separating it from the next block on your page.
-
SPACE INSIDE BLOCKS: Adjusts the spacing within the FAQ Block's content area.
The spacing settings include five options: None, Ultra Thin, Thin, Medium, and Thick.
Available styling controls may vary depending on your selected FAQ layout.
After making your adjustments, click SAVE CHANGES.
Understanding the Customized Label: A CUSTOMIZED label indicates that an individual styling setting has been changed from its inherited default setting.
FAQ Block Color Options
Click COLORS to customize the colors used by your selected FAQ layout.
Available color controls vary depending on the layout. Common settings include:
-
ITEM TITLE COLOR
-
TEXT COLOR
-
BACKGROUND COLOR
-
LINE COLOR
Some layouts include additional controls:
-
ITEM BACKGROUND COLOR
-
SHAPE BACKGROUND COLOR
-
SHAPE TEXT COLOR
-
ICON COLOR
You can choose a color using the color selector or enter a hex color value.
The CUSTOMIZED label identifies colors that have been changed from their default settings.
Click SAVE CHANGES when you are finished.
How to Customize Your FAQ Block Background
The BACKGROUND section allows you to add a background image behind your FAQ Block. You can upload your own image, choose an image from Zibster's Background Library, or remove an existing background image.
Open your FAQ Block and click BACKGROUND in the editing menu.
Background Image Options
Under BACKGROUND IMAGE, select one of the following:
-
No Background: Removes the background image and allows the block to display the solid background color configured under COLORS.
-
Custom Background: Allows you to upload your own JPG or PNG image. For best results, Zibster recommends an image that is 3000 pixels wide by 1730 pixels high.
-
Background Library: Allows you to choose an image from Zibster's available background designs.
When using Custom Background, click ADD FILES to upload an image from your computer, or drag and drop your image into the upload area.
The Background Library includes categories such as Geometric, Pattern, Organic, Minimal, Transparent, Lifestyle, and Dark.
Background Settings
After selecting a background image, you can control how it appears using these options:
-
Tile: Repeats the image across the background area.
-
Top Left: Positions the image in the upper-left corner.
-
Centered: Centers the image within the available space.
-
Cover: Scales the image to fill the available background area. Portions of the image may be cropped to fit.
After selecting your background image and display settings, click SAVE CHANGES.
Helpful Tip: Background images and background colors are controlled separately. Use COLORS to change the block's solid background color or BACKGROUND to add and position a background image.
You can also customize your website's overall background through its Design Settings.
FAQ Block Font Options
Click FONTS to customize the typography used in the FAQ Block.
Separate font controls are available for:
-
QUESTION
-
ANSWER
-
ANSWER H1
-
ANSWER H2
-
ANSWER H3
Each font area displays the selected font along with its SIZE, LETTER SPACING, and LINE HEIGHT settings.
The ANSWER H1, ANSWER H2, and ANSWER H3 settings only affect text formatted with the corresponding heading level inside an FAQ answer. Regular answer text uses the ANSWER settings.
The CUSTOMIZED label appears when typography has been changed from the website's default settings.
Individual FAQ Block font settings override the corresponding global font settings for that block.
See How To Customize FAQ Block Fonts for complete instructions.
How to Manage Your FAQ Block
The FAQ Block includes management options that allow you to copy, move, rename, customize, or delete the block.
In the Website Builder, hover over your FAQ Block and click the pencil icon in the upper-right corner.
The following options are available:
-
FAQ: Opens the FAQ Block editor to manage questions and answers, layouts, styling, colors, backgrounds, and fonts.
-
COPY: Creates a duplicate of the FAQ Block directly below the original. The original remains unchanged, and the copy can be edited independently.
-
MOVE: Allows you to move the FAQ Block to the top or bottom of the current page or to another page on your website.
-
RENAME: Changes the internal name of the FAQ Block, making it easier to identify when managing content or creating anchor links.
-
CHANGE LAYOUT: Opens the available FAQ layout options.
-
ADVANCED: Opens the full FAQ Block editor, where you can manage questions and answers and access the available customization settings.
-
DELETE: Opens the confirmation panel for permanently removing the FAQ Block.
When copying a block, the duplicate does not retain the original block's custom name or anchor link. You can rename the new block and create a separate anchor link if needed.
For additional instructions, see:
How to Delete an FAQ Block
If you no longer need an FAQ Block, click the pencil icon in the upper-right corner of the block and select DELETE.
The DELETE BLOCK confirmation panel appears, explaining that deleting the block and its contents cannot be undone.
You can select:
-
YES, DELETE IT: Permanently removes the FAQ Block and all questions and answers stored within it.
-
CANCEL: Closes the confirmation panel without deleting the block.
Important: Deleting an FAQ Block permanently deletes all of its content. Deleted blocks cannot be recovered. If you want to preserve your questions and answers, consider copying the block to another page before removing the original.
What Your Website Visitors See
Once you've added and saved your FAQ Block, visitors can view your questions and answers on the website page where you've placed it.
How visitors interact with your FAQs depends on the layout you selected:
-
Accordion Layouts: Display FAQ questions in an expandable format. Visitors can click a question or its associated indicator to reveal the answer, then collapse it when finished.
-
Other FAQ Layouts: Display questions and answers directly on the page without requiring visitors to expand each question.
-
Multi-Column Layouts: Arrange FAQ content across the selected number of columns.
Visitors can also click links included in your FAQ answers to access additional information, such as booking pages, pricing details, or other website content.
Your FAQ Block uses the colors, fonts, backgrounds, and styling settings you've selected.
Helpful Tip: Review your FAQ page on desktop and mobile devices to make sure the questions and answers are easy to read and navigate.
Helpful Notes and FAQ Best Practices
Writing Effective FAQ Content
Use clear questions that reflect what your clients commonly ask. FAQs work especially well for booking procedures, pricing, payment policies, service details, turnaround times, ordering information, and general business policies.
Keep questions short and answers focused. Place your most frequently asked questions near the top of the list.
If an answer requires extensive explanation, consider linking to another page on your website where visitors can find additional information.
If your FAQ section becomes very long, consider separating different topics into multiple FAQ Blocks or pages.
FAQ Blocks and SEO
FAQ content can help visitors and search engines understand important information about your business.
Use natural questions that reflect what potential customers may search for online. Provide accurate answers and avoid adding unnecessary questions simply to include additional keywords.
Well-organized FAQ content may also help AI-powered search tools understand your website's information. However, adding FAQs does not guarantee improved search rankings, AI citations, or special search-result features.
FAQ Block Limits and Compatibility
Keep these details in mind when using FAQ Blocks:
-
Each FAQ Block supports up to 50 question-and-answer pairs.
-
Questions can contain up to 400 characters.
-
FAQ answers do not have a character limit.
-
You can use multiple FAQ Blocks on a page.
-
FAQ Blocks do not count toward the Website Builder's combined 30-block page limit.
-
FAQ Blocks do not support DuoBuild.
For more information, see Zibster Website Builder Page Content and Block Limits and How to Use DuoBuild.
Troubleshooting and FAQs
Why does my FAQ Block contain sample questions?
Predesigned FAQ Blocks include sample questions and answers to demonstrate their layout. You can edit or delete these examples from the ITEMS tab.
Why aren't my FAQ answers visible until I click a question?
Your FAQ Block is likely using an accordion layout. Accordion designs keep answers collapsed until visitors expand them.
To display your answers directly on the page, select a non-accordion layout under LAYOUT.
Why don't I see every styling or color setting listed in this guide?
The available STYLING and COLORS options depend on your selected FAQ layout. Different layouts include different design elements and customization controls.
Why didn't my FAQ fonts change when I updated my website's fonts?
Your FAQ Block may have individual font customizations applied. Click FONTS and review the settings marked CUSTOMIZED.
Why can't I add more FAQ questions?
Each FAQ Block supports a maximum of 50 question-and-answer pairs. If you've reached that limit, you can add another FAQ Block to your page.
Can I link directly to my FAQ section?
Yes. You can rename your FAQ Block and create an anchor link that directs visitors to that section of your page.
See How to Rename Blocks and Create Anchor Links for instructions.
Want Help Building Your Website?
If you'd prefer professional assistance creating or customizing your website, Zibster offers a Custom Website service. Our design team can help create a website that showcases your business, communicates your services, and makes important information easy for visitors to find.
NEED HELP?
Have questions or need a hand? Contact our Support Team for help with your Zibster website and account.
Phone: 844.353.3412
Support Channels: Phone, Live Chat, Support Ticket
Leave a comment
0 Comments