FAQ Accordion widget

Canva embed guide

How to Add an FAQ Section to a Canva Website.

An FAQ for Instagram or a printed sheet is a design, and Canva's FAQ templates are the right tool for it. An FAQ section on a Canva website, where visitors click a question to open its answer, is a different thing. This guide builds that one.

Live starter preview

Canva text boxes cannot open or close, so an FAQ built from them shows every answer at full length, and the page grows with each question you add. An embedded FAQ starts with every answer closed. Visitors click the question they came for, or type in the search box above the list to find it.

Canva websites show embeds that sit in the page, never ones that float over it, so a floating help button, a sticky FAQ bar, or a popup FAQ will not appear on a Canva site, from any provider. This FAQ sits in the page where you put it, which is the kind Canva shows.

Answers change more than anything else on a small site. Change one in Fugte and publish again, and within about a minute the published Canva site shows it, without the Canva design being opened. One thing an embedded FAQ will not do is help your Canva page rank: search engines generally credit text inside an embed to the embed's own address. If a question needs to be found in search, also write it as text on your page.

Why Fugte

Templates, text boxes, and an embedded FAQ.

Templates make a picture

Canva's FAQ templates are designs for posts, stories, and printouts. Downloaded, they are images, so nothing in them opens, and nothing in them can be searched.

Text boxes do not fold

An FAQ built from text boxes on a Canva website shows every answer at full length. Changing one answer means opening the design, editing it, and publishing the site again.

An embedded FAQ opens on click

Every answer starts closed, and a search box filters the list. Change an answer in Fugte and publish, and the Canva site shows it within about a minute.

Watch it done

How to Embed HTML to Canva

Shown with a puzzle widget, in about a minute and a half. The steps are the same for the FAQ Accordion, and they are written out below.

Step by step

Embed the FAQ Accordion in your Canva website.

Checked in Canva on : A Canva website has nowhere to paste HTML or embed code. Import HTML turns a file into a single Code block that Canva's design tools do not work inside. The Embed app takes a link instead.

  1. 01

    Open the FAQ Accordion in Fugte

    In Fugte, open Starters, search for FAQ, and choose Use on the FAQ Accordion. It opens in the editor as your own copy.

    The Fugte starters page, with each starter shown as a card with a Use button.
  2. 02

    Write your questions and answers

    On the Blocks tab, each question is a block with its answer, up to 30. Replace the samples and drag them into order. On the Settings tab, set the heading, the subtitle, the search box, and the background, text, and accent colors.

    The Customize panel in the Fugte editor three times over: the Settings tab with text, font, and color fields, the Blocks tab with a list of items, and the Iframe tab with the width and height.
  3. 03

    Publish and copy the link

    Publish the widget and copy its link from the publish panel. Canva takes the link. It does not accept HTML embed code on any plan.

    The Publish panel in Fugte after publishing, marked Live, with the Widget URL and its copy button.
  4. 04

    Add an Embed in Canva

    In your Canva website design, open Apps in the left sidebar, search for Embed, and open it. Paste the link into Web link and choose Add to design.

    The Embed app in Canva: its icon, and its panel with the Web link field and the Add to design button.
  5. 05

    Make the box taller than it starts

    Canva sizes the box to the FAQ with every answer closed, so an opened answer has nowhere to go and is cut off or scrolls inside the box. Drag the box tall enough for your longest answer to open, keep answers short, and leave the search on for a long list.

    A Fugte jigsaw puzzle embedded in a Canva design and selected, with its link in the toolbar above it and a handle at each corner.
  6. 06

    Publish the Canva site and open an answer

    Publish the Canva site, then open the published page on a computer and on a phone and click your longest question. If its answer is cut off, make the box taller in Canva and publish again.

  7. 07

    Change an answer later

    Edit the answer in Fugte and publish again. Reload the published Canva site, and within about a minute it shows the new answer. Nothing changes in Canva.

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.

Support and policy pages

Questions that open on click, with a search box, for any website or Canva page.

Pricing and booking pages

Questions that open on click, with a search box, for any website or Canva page.

Event details

Questions that open on click, with a search box, for any website or Canva page.

FAQ

Common questions.

Can I make an FAQ section in Canva?

As a design, yes: Canva has FAQ templates for posts and printouts. On a Canva website, text boxes cannot open and close, so every answer shows at full length. For answers that open on click, embed an FAQ by link with Canva's Embed element.

Do the answers start closed?

Yes. Every answer is closed until a visitor clicks its question. Each one opens on its own, so a visitor can have several open at once.

Why is my FAQ cut off on my Canva site?

The embed box is shorter than the FAQ with an answer open. Canva sizes the box to the FAQ with every answer closed, so drag it taller in Canva and publish the site again. Shorter answers help, and so does the search box on a long list.

Can I add a floating FAQ button or a popup FAQ to a Canva site?

No. Canva websites show embeds inside the page, not over it, so a floating help button, a sticky bar, or a popup will not appear, whichever provider made it. Put the FAQ in a section of the page instead.

How do I change an answer after the Canva site is live?

Edit it in Fugte and publish again. Within about a minute the published Canva site shows the new answer. The link in Canva stays the same, so nothing is re-pasted and the Canva site is not published again.

Will an embedded FAQ help my Canva site rank in Google?

Do not count on it. Search engines generally credit text inside an embed to the embed's own address, not to your Canva page. If a question needs to be found in search, also write it as text on your Canva page or on a blog post.

Can the FAQ match my Canva design?

Partly. The heading, the subtitle, and the background, text, and accent colors are settings, so set them to your Canva colors. There is no font setting: the FAQ uses the visitor's system font.

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.

Is there a Fugte app in Canva?

Yes, as another way to add a widget. In the Canva editor, open Apps and search for Fugte. The app adds ready-made starters, widgets from your Fugte account, and code you paste in, each as the same kind of embed a pasted link makes.

Some guides say to use an HTML block in Canva. Where is it?

Canva websites do not have one. Steps that mention an HTML or code block, a code module, or an HTML button in the text editor describe other website builders. In Canva, the element that shows outside content is Embed, and it takes a link.

What about Canva's Import HTML option?

It is for reworking a page inside Canva: the file comes in as a single Code block that Canva's design tools do not work inside. To put the FAQ Accordion on your site, paste its link into the Embed app.

Will the FAQ Accordion stay interactive after the Canva site is published?

Yes. The FAQ Accordion loads live on the published site, on desktop and mobile, and visitors can interact with it without any account.

Does this need a paid Canva plan?

No. Canva's Embed element works on free accounts, and Fugte has a free plan, so you can test the full workflow at no cost.

Try it

Put an FAQ Accordion on your Canva website today.

Start free, customize the FAQ Accordion without code, and embed it with one link. Free widgets show a small Fugte badge, which you can remove from this one for $9.99 once when you publish, with no subscription.