Tool

BubbleFAQ

Accordion FAQ sections for your Bubble app.

Overview

BubbleFAQ ships a clean, accessible accordion FAQ that handles all the open/close interaction inside the iframe. Bubble doesn't need to know anything about it — just drop in the HTML element.

Features

  • Unlimited questions and answers
  • Custom accent and text colors
  • Line or card border styles
  • Optionally open the first item by default
  • Single-open or multi-open modes
  • Smooth expand/collapse animations

How to use

  1. 1

    Go to rsvpscale.in/tools/bubblefaq

    Open the live builder.

  2. 2

    Add your questions and answers

    Type them in directly, drag to reorder.

  3. 3

    Customize colors and style

    Pick line or card border, set accent color.

  4. 4

    Click "Get Embed Code"

    Builder generates the iframe snippet.

  5. 5

    Copy the iframe snippet

    One click copy.

  6. 6

    Paste into Bubble HTML element

    Drop, paste, ship.

Embed code example

bubble-html-element.html
<iframe
  src="https://rsvpscale.in/embed/faq?c=<your-config>"
  style="width: 100%; border: 0;"
  loading="lazy"
></iframe>
<script src="https://rsvpscale.in/embed.js" async></script>

Notes

Use the Card border style for a more modern look — it pairs especially well with the soft warm palette.