Fugte logo Fugte Website features, no developer needed
Get started
FAQ Accordion widget

WordPress embed guide

How to Add an FAQ Accordion to a WordPress Site.

You do not need a plugin to put an FAQ Accordion on a WordPress site. WordPress's Custom HTML block accepts embed snippets directly, which keeps your plugin list short and your site faster than installing a single-purpose widget plugin.

Start with this widget About the FAQ Accordion
Live starter preview

Step by step

Embed the FAQ Accordion in your WordPress site.

01

Create the widget in Fugte

Start from the FAQ Accordion starter, generate a variation with the built-in AI, or paste your own code.

02

Customize and publish it in Fugte

Text, colors, images, numbers, and options are no-code settings, so you can match your branding without touching code. Publishing gives the FAQ Accordion a stable hosted link and an embed snippet.

03

Add a Custom HTML block

In the WordPress block editor, add a "Custom HTML" block where the widget should appear and paste the embed snippet.

04

Preview and publish

Use the block's Preview toggle to check the FAQ Accordion in place, then publish or update the page.

Good to know

WordPress specifics worth planning around.

Works the same in the classic editor (paste into the Text tab) and in page builders: Elementor's HTML widget, Divi's Code module, and similar.

Self-hosted WordPress accepts the embed on any setup. On WordPress.com specifically, custom embeds require a plan that allows custom code.

No plugin means one less thing to update, and theme changes or updates will not break the widget.

Updates happen in the widget editor. The embedded widget changes everywhere it is placed, without re-editing posts.

This widget

What the FAQ Accordion needs from the embed.

The section above applies to anything you put on a WordPress site. This part is specific to the FAQ Accordion.

This widget changes height while someone is using it: opening a row, switching a tab, or filtering down a list. Set the frame height to responsive on the editor's Iframe tab before you publish. A fixed height measured against the state it loads in will clip the expanded content or leave it scrolling inside the frame.

Check it at phone width before you call it done. A row that sits on one line on a laptop often wraps to three on a phone, and that is where a frame sized on a desktop runs short.

Height moves in both directions here: every open row adds to it, and typing in the search box removes rows. Two or three rows open is a more realistic target than the closed list.

Ideas

Where the FAQ Accordion fits.

FAQs

Searchable, expandable Q&A list, great for support deflection and SEO.

Lessons

Searchable, expandable Q&A list, great for support deflection and SEO.

Page content

Searchable, expandable Q&A list, great for support deflection and SEO.

FAQ

Common questions.

Do I need to install a plugin?

No. The built-in Custom HTML block is enough. That is the main advantage over widget plugins, which add code to every page whether used or not.

Can I use the FAQ Accordion with Elementor or Divi?

Yes. Paste the same embed snippet into Elementor's HTML widget or Divi's Code module. Any builder with an HTML element works.

Will a theme update break the FAQ Accordion?

No. The embed lives in your page content, not in theme files, so switching or updating themes leaves it in place.

More guides

Same widget, other platforms.

Canva

Add an FAQ Accordion to a Canva website

Canva websites do not accept HTML or iframe code, but they do accept links. Add an FAQ Accordion to your Canva page with a hosted Fugte embed, free to try, no code.

 Notion

Add an FAQ Accordion to a Notion page

Add an FAQ Accordion to any Notion page or Notion Site with the /embed block. Hosted, interactive, works on free Notion plans, no code.

 Shopify

Add an FAQ Accordion to a Shopify store

Add an FAQ Accordion to your Shopify store without installing an app or editing theme code: paste one hosted embed into a Custom Liquid section or page.

 Webflow

Add an FAQ Accordion to a Webflow site

Add an FAQ Accordion to a Webflow site with the Embed element: one hosted snippet, editable later without republishing the site.

Try it

Put an FAQ Accordion on your WordPress site today.

Start free, customize the FAQ Accordion without code, and embed it with one link.

Start with this widget Browse all widgets