Knowlegebase: Hubspot FAQ Module

  • Blog /
  • Knowlegebase: Hubspot FAQ Module
Blog Featured Image

Customer support is essential for any business, and a well-organized FAQ section can significantly reduce the workload on your support team. Our FAQ Module is designed to streamline this process, enabling you to create, manage, and display FAQs on your website. In this knowledgebase, we will explore the features and setup process of our FAQ Module.

Key Features : 

  1. Customizable Layouts: Choose multiple layout options to match your website’s design.
  2. Responsive Design: The FAQ section is optimized for all devices, ensuring a seamless experience for your users.
  3. Search Functionality: Integrated search functionality allows users to find answers quickly.
  4. Collapsible Sections: Organize your FAQs into collapsible sections for easy navigation.

Setting Up the HubSpot FAQ Module : 

  1. In the main dashboard, go to the ‘Content’ tab and select ‘Website’ or ‘Landing Pages’ based on where you want the FAQ section. 
    Navigation
  2. Choose the appropriate page on which you would like to use it.
    Screenshot (20)
  3. Search for the "FAQ with Accordian" and Drag and drop the module into the desired location on your page.

    Screenshot (20)-2

Module Defaults Options: 

Heading & Description : 

You can customize the content displayed in your FAQ Heading Sections. Easily modify and refresh the "Heading" and "Description" as desired, and even choose to hide the section if you wish.

Options : 

  • Heading & Description Hide/ Show Toggle
  • Heading Type feature for Heading

Screenshot (22)

Search Bar :  

You can customize the design of the search bar. You can easily change the placeholder and button label of the search bar and hide the section if needed.

Options : 

  • Search bar Show/ Hide Toggle
  • Button Position
  • Button Label
    Screenshot (24)

FAQ Accordions  :  

You can natively customize the layout in 2 columns or one column. Easily change the icons, add your question and answer, and include a CTA in the answer if desired.

Options : 

  • Column Options 
    • Choice
      Screenshot (25)
      •  Answers FAQ
      • Question FAQ
      • CTA Enable
      • CTA Choice 
      • CTA Label
      • CTA Link/URL

Icons Select :  

You can customize the icons when opening and closing the FAQ accordion.

Screenshot (27)

      • Icon Position Alignment
      • Icon Vertical Alignment
      • Open Icon
      • Close Icon 

Module Style Options: 

Module Setting :

Adjust the maximum width of containers to fit your layout preferences. Fine-tune the spacing between elements for both desktop and mobile views to enhance visual appeal and usability. Enhance the look of your sections and modules by choosing suitable background colors and gradients. Set unified styles for headings across your module.

faq module setting

Heading & Description : 

Users can customize the width, bottom spacing, max width and content alignments. 

Screenshot (29)

Heading Settings : 

Users can customize the typography to fit the Heading's font size, weight, and line height in Mobile & Desktop.

faq headingSettings

Description Settings : 

Users can customize the typography to fit the sub-heading or description font size, weight, and line height in Mobile & Desktop.

faq Description Settings

Search Setting: 

Users can customize the spacing, button, and input field design, including corners, colours, and spacing, to align with their branding.

Screenshot (32)

Screenshot (33)

Screenshot (34)

Accordion Setting:  

Users can customize the background, content size, border, colours, box-shadow, and corner radius to match their branding.

Screenshot (35)

Question Setting:  

Users can customize the typography for mobile and desktop, including spacing.

Screenshot (36)

Answer Setting:  

Users can customize the typography for mobile and desktop, including spacing.

Screenshot (37)

Answer CTA Setting:  

Users can customize the typography and spacing for mobile and desktop, including spacing, background colour, label colour, corner radius, hover colour, and box shadow.Screenshot (39)

icon Setting:  

Users can customize colour for active and default icons 

Screenshot (40)

We hope you will love working with our FAQ module and creating a seamless experience for both your users and marketers on your team. Here at Code Accelerator, we strive to ensure that your experience with HubSpot is a great one! If you need a custom HubSpot module or require a customized HubSpot CMS or CRM setup, please contact us.