How to Add an FAQ Accordion to a Canva Website

Step by step

Embed the FAQ Accordion in your Canva website.

Create the widget in Fugte

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

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.

Add an Embed element in Canva

Open your website design in Canva, then add an Embed element from Apps, or paste the link straight onto the page.

Paste the link and publish

Paste the hosted widget link, resize and position the FAQ Accordion like any other Canva element, then publish the site.

Good to know

Canva specifics worth planning around.

Canva renders only static, in-page embeds: floating buttons, sticky bars, and popups will not work on Canva sites.

There is no site-wide option: a widget you want on several pages must be embedded on each page individually.

The Embed element is available on free Canva accounts.

The link stays stable, so later edits made in the widget editor appear on the Canva page automatically, no need to reopen the design.

This widget

What the FAQ Accordion needs from the embed.

The section above applies to anything you put on a Canva website. 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. The Canva embed box does not grow to follow it, because you set that box by hand. Size it for the widget's fully open state, not the state it loads in, or the extra content ends up scrolling inside the frame instead of pushing the page down.

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.

Can I paste HTML or iframe code into Canva instead?

No. Canva websites do not support raw HTML, JavaScript, or iframe embeds on any plan. Hosting the widget elsewhere and embedding it by link is the supported route.