How to Add an FAQ Section Using OzSpeed hPanel

An FAQ (Frequently Asked Questions) section is a great way to address common customer inquiries, improve user experience, and boost your website’s SEO. It helps visitors find quick answers, reducing the need for direct support. With OzSpeed’s Website Builder and CMS platforms like WordPress, you can easily add a customized FAQ section to your website. Here’s a step-by-step guide on how to do it.

---

Step 1: Plan Your FAQ Content #

Before adding the FAQ section, prepare a list of common questions and answers that you want to include.

Suggested FAQ Topics: #

• Product or Service Details: Address common questions about features, pricing, and usage.
• Ordering and Shipping: Explain the process, timelines, and policies.
• Technical Support: Provide answers to common troubleshooting issues.
• Returns and Refunds: Clarify your return policy and procedures.

Tip: #

• Use concise and clear language for your answers. Break down complex information into simple, easy-to-understand responses.

---

Step 2: Access the Website Editor #

Open the website editor in hPanel to start adding your FAQ section.

1. Log in to hPanel at ozspeed.com.au.
2. Go to Website Builder > Edit Site.
3. Navigate to the page where you want to add the FAQ section, such as the Support or Product page.

Tip: #

• You can also create a standalone FAQ page if you have a lot of questions to cover.

---

Step 3: Add an FAQ Section #

You can easily add a pre-designed FAQ section or build your own using the drag-and-drop elements.

How to Add an FAQ Section: #

1. Click + Add New Section in the editor.
2. Select FAQ from the list of pre-designed section templates or choose a Blank Section for a custom layout.
3. Click Insert Section to add it to your page.

Tip: #

• Using a pre-designed FAQ template can save time and provide a polished look.

---

Step 4: Customize the FAQ Content #

Edit the FAQ questions and answers to fit your business needs.

How to Edit FAQ Items: #

1. Click on the Text Block for the first question and enter your question (e.g., “What is your return policy?”).
2. Click on the Answer Text Block and enter your response (e.g., “We offer a 30-day return policy for all items. Please contact our support for details.”).
3. Repeat this process for each FAQ item.
4. Click Save after customizing each question and answer.

Tip: #

• Organize your questions in a logical order, grouping similar topics together.

---

Step 5: Style the FAQ Section #

Customize the appearance of the FAQ section to match your website’s branding.

How to Style the FAQ Section: #

1. Click on the Section Settings (gear icon).
2. Go to the Design tab.
3. Adjust the background color, text color, and font style.
4. Add a border or divider lines between questions for a clean look.
5. Click Save.

Tip: #

• Use a contrasting background color to make the FAQ section stand out.

---

Step 6: Enable Accordion Style (Optional) #

Using an accordion style for the FAQ section allows users to click on a question to reveal the answer, saving space and making it easier to navigate.

How to Enable Accordion Style: #

1. Click on the FAQ Section to open the settings.
2. Enable the Accordion Mode toggle switch.
3. Click Save.

Tip: #

• Accordion style is especially useful for mobile users, as it keeps the section compact and easy to scroll.

---

Step 7: Preview and Test the FAQ Section #

Before publishing, preview the FAQ section to ensure it looks good and functions properly.

How to Preview: #

1. Click Preview in the top toolbar.
2. Test the accordion feature (if enabled) by clicking on questions to reveal the answers.
3. Check the FAQ section on both desktop and mobile views.

Tip: #

• Use an incognito window or clear your browser cache to see the changes as a new visitor would.

---

Step 8: Publish the Changes #

Once you’re satisfied with the FAQ section, publish the page to make it live.

How to Publish: #

1. Click Publish in the top right corner of the editor.
2. Confirm the changes to go live.

Tip: #

• Share the new FAQ section with your audience through social media or your email newsletter to highlight the new resource.

---

Troubleshooting Tips #

1. FAQ Section Not Displaying Correctly:
   • Clear the website cache in hPanel and your browser cache.
   • Check the padding and margin settings for layout issues.
2. Accordion Feature Not Working:
   • Ensure the Accordion Mode is enabled in the section settings.
   • Test the FAQ section on different browsers and devices.
3. SEO Concerns:
   • Use structured data (FAQ schema) to help search engines understand your FAQ content and potentially feature it in rich search results.
   • Include relevant keywords in your questions and answers for better SEO.

---

Additional Tips: #

• Keep It Updated: Regularly review and update your FAQ section to reflect new questions and changes in your business policies.
• Use Analytics: Monitor the questions that users frequently click on to gain insights into common concerns or interests.
• Link to Relevant Pages: Include links within your answers to direct users to more detailed information or related resources.