"How do I add FAQs to my blog posts?"

"Add a faqs section to your front matter with a title and an items array containing question and answer pairs. The FAQ section will automatically appear on your page."

"Can I add markdown formatting in the answers?"

"Yes! You can use bold, italic, links, and other markdown formatting in your answers. The content will be properly rendered."

"Is this feature available for both blog posts and offers?"

"Yes, this feature has been implemented for both the blog and offers sections. Any content with the faqs front matter will display the FAQ section."

"Where will the FAQ section appear on the page?"

"The FAQ section will appear after the main content of your page but before the social sharing buttons and author profile."

Blog Faq • 10 APR, 2024

Sample Blog Post with FAQ Section

A sample blog post that demonstrates how to use the FAQ section feature.

Introduction

This is a sample blog post that demonstrates how the FAQ section feature works. The front matter of this post includes a faqs section that will be automatically rendered at the bottom of the content.

How It Works

When you include the faqs section in your front matter, Hugo will automatically render the FAQ section using the partial template. The FAQ section uses Bootstrap’s accordion component to create an expandable/collapsible list of questions and answers.

Styling

The FAQ section is styled using custom SCSS defined in assets/css/components/faq-section.scss. The styling is consistent with the rest of the site’s design.

Conclusion

Adding an FAQ section to your blog posts or offers is a great way to provide additional information to your readers in a structured and easily accessible format.

Team Niyo

Helping you save more