Your questions

    Answers support blank lines for new paragraphs, **bold**, *italic*, [link text](https://example.com) and lines starting with - for bullets. Anything else, including HTML, is shown as plain text. Up to 30 questions.

    Behaviour

    Uses the native name attribute on the question blocks. It needs a recent browser; in older ones the items simply open and close independently.

    Style

    8 px

    18 px

    16 px

    Max width: a number of pixels (200 to 2000) or 100%.

    Options

    Google now shows FAQ rich results only for a limited set of sites, so the main benefit is clear, well-structured content. Do not add this if your SEO plugin already outputs FAQ schema on the same page, as duplicate markup can cause problems.

    A small, visible "Widget by …" link below the accordion. Thanks for keeping it, you can turn it off.

    Live preview

    Your code

    


    How to add it
    1. Squarespace: edit the page, add a Code Block, switch off "Display Source" if it is on, then paste the code. Code Blocks need a plan that supports them, so check your plan.
    2. Any other site: paste it into any HTML or custom code area.
    3. Place it once per page. The code is self-contained: no JavaScript and no external requests.
    Runs in your browser. Nothing you enter is uploaded or stored.
    How it works
    Four steps. No plugin.
    01
    Add your questions
    Write each question and answer. Bold, italic, bullets and links are supported.
    5 minutes
    02
    Style it
    Choose colours and spacing, and decide whether one item or several can be open at once.
    1 minute
    03
    Copy the code
    One block of HTML and CSS, plus optional FAQ schema.
    10 seconds
    04
    Paste it into your site
    In Squarespace, add a Code Block where you want the FAQ and paste it in. Code Blocks need a plan that includes them, so check yours.
    2 minutes
    Questions
    Questions about the accordion.
    Straight answers about this tool. If yours isn't here, ask me directly.
    Average response·< 1 business day
    Does it work outside Squarespace?
    Yes. It is plain HTML and CSS, so it works anywhere you can add a code block, including WordPress, Wix and Webflow.
    What does the FAQ schema do?
    It describes your questions and answers in a form search engines can read. It can make your page eligible for richer results, but Google decides whether to show them, so there is no guarantee.
    Does it need JavaScript?
    No. It uses the browser's built-in expand and collapse. Letting only one item stay open needs a recent browser, and in older ones every item can open at once.
    Can I use links in answers?
    Yes, https and mailto links. Anything else is removed for safety. Links use your accent colour, so choose one that is readable on your background.
    Is there a limit on questions?
    The tool allows up to 30 items. For longer lists, split them into groups.
    What is the credit link?
    A small, visible link under the widget that points back to this site. It is on by default and you can switch it off. It is marked nofollow. The credit assumes a light page background.
    The hosting I use
    I host my own sites on Hostinger.
    In my experience it's one of the best hosting options for small business websites, and it's the one I suggest. If you sign up through my link, I earn a small commission at no extra cost to you.
    Check Hostinger plansAffiliate link
    Free tools, plus a free website audit
    Want help with the rest of your website?
    These tools are free to use. If your site needs more than an FAQ section, I design and build custom websites for small businesses, and I offer a free audit that shows you what to fix first.