RBA Cash Rate: 4.35% · 1AUD = 0.67 USD · Inflation: 4.1%  
Leading Digital Marketing Experts | 1300 235 433 | Aggregation Enquires Welcome | Book Appointment
Example Interest Rates: Home Loan Variable: 5.20% (5.24%*) • Home Loan Fixed: 5.48% (6.24%*) • Fixed: 5.48% (6.24%*) • Variable: 5.20% (5.24%*) • Investment IO: 5.78% (6.81%*) • Investment PI: 5.49% (6.32%*)

How to Create and Apply Styles to FAQ Accordions

In previous FAQs we've introduced both the Website FAQ and the Yabber FAQ. With the overlap in style applied to the resulting accordion, and for brevity in those other articles, this FAQ will introduce the common method of creating and applying styles to accordion panels.

To define the styles for FAQ accordions, you should navigate your way to the FAQ Module from the WordPress menu (via the 'FAQ' menu item), and then select 'Style Review'.

FAQ Style Navigation

  Pictured: To define the styles for FAQ accordions, you should navigate your way to the FAQ Module from the WordPress menu (via the 'FAQ' menu item), and then select 'Style Review'.

  Creating FAQ Accordion Styles

The Style entry page returns the panel to create individual panel styles. Create a new style and Save. Note the option to define a 'Default' style - this is generally required and should be defined with your primary accordion style. Quite frankly, it's uncommon to have more than one style (however, even if you have just a single style, it should still be defined as the default).

Create Accordion Style

  Pictured: The Style entry page returns the panel to create individual panel styles. Create a new style and Save. Note the option to define a 'Default' style - this is generally required and should be defined with your primary accordion style. Quite frankly, it's uncommon to have more than one style.

  Sending FAQ Styles to Your Website

Yabber is a multi-website system, so each style should be sent to any website that requires it. Select your website and style, and 'Send'. Once updated, the styles will be made available in Elementor menus, and if any existing accordion references the style you've just sent, it will show its new colours.

FAQ Style Send

  Pictured: Yabber is a multi-website system, so each style should be sent to any website that requires it. Select your website and style, and 'Send'.

  Review and Edit Styles

You may review and edit all FAQ styles via the 'Review' panel. The lower table shows a send log. To edit any style, select the edit icon.

FAQ Style Review

  Pictured: You may review and edit all FAQ styles via the 'Review' panel. The lower table shows a send log. To edit any style, select the edit icon.

  Selecting Styles in FAQ Elementor Blocks

When placing a Website or Yabber FAQ accordion onto your website using Elementor, the style menu should be used to select the style to be applied. The style set as your default style will be prefixed with ]DEFAULT[ (indicated by the arrow in the screenshot).

FAQ Styles Elementor

  Pictured: When placing a Website or Yabber FAQ accordion onto your website using Elementor, the style menu should be used to select the style to be applied.

  Pending Updates

Note that the FAQ Styles rely on an internal API that will be deprecated sometime soon. It will be replaced by a global accordion style option (since we now use accordions very frequently).

■ ■ ■

  Related FAQ Module FAQs

The FAQ module is made up of Website FAQs and Yabber FAQs. Placement is managed via Elementor or shortcode, and full style options are managed in Yabber.

Video is the secret sauce that'll engage and convert your customers. Period. Our entire marketing effort once colder contact is made is predicated on the principles of 'Know, Like, and Trust', and these attributes are determined by our perceived Expertise and Authoritativeness, and there's no better way of developing an early relationship by way of… [ Learn More ]

Your website is delivered with anywhere between 70 and 80 Frequently asked questions, and they form the basis of the FAQ accordions shared on various internal primary website pages. As per our terms, and with the exception of appropriately managed clients, it is your responsibility to edit, modify, or remove your own FAQs. The… [ Learn More ]

In previous FAQs we've introduced both the Website FAQ and the Yabber FAQ. With the overlap in style applied to the resulting accordion, and for brevity in those other articles, this FAQ will introduce the common method of creating and applying styles to accordion panels. To define the styles for FAQ accordions, you… [ Learn More ]

The primary method of rendering accordion FAQ content on your website is via the Website FAQ module, and the FAQ architecture provides a unique and powerful experience. However, there are times when you would like to render random FAQ blocks made up of content other than post content, and the Yabber FAQ module facilitates… [ Learn More ]

The Website FAQs are arguably the most important information and education resource on your website. The Website FAQ module consists of an archive that isn't totally unlike your standard blog archive - it is a dedicated resource full of all the FAQ posts you create. Each FAQ in the archive links to the FAQ post… [ Learn More ]

The FAQ Module is central to the manner in which your website serves information to website visitors. We've run multiple experiments in the way various pathways are manufactured and determined that the standalone FAQ archive with referenced pages within your website will create more engagement and far more conversions. Despite its simplicity, the FAQ Module… [ Learn More ]

  Related FAQs

BM FAQ Yabber Website

How to Create a Related Video List

The ‘Related Videos’ panel will return a an accordion populated with related video modal links. The Relates Videos are managed in Yabber, so changes to

Share this FAQ

Share on Facebook
Share on Twitter
Share on Linkdin
Share on Pinterest