Quizanta.
Start for free

Setup

Put your quiz on your website

Three ways, depending on what your site runs on. None of them needs a developer, and none of them copies the quiz into your site — the funnel stays in Quizanta, so editing it there changes it everywhere it appears.

What you need first

A published funnel. Open it in Quizanta → Integrations and you will see its address; the last part of that address is its slug, and every method below asks for it.

quizanta.com/q/kitchens-madrid → the slug is kitchens-madrid

WordPress and WooCommerce

The plugin

On WordPress, pasting a script into a page usually fails: the block editor strips it out for anyone who is not an administrator, and page builders re-encode it. The plugin puts the funnel in a block instead.

Download the plugin
  1. 1Install itPlugins → Add new → Upload plugin, choose the file you downloaded, install and activate.
  2. 2Point it at your accountSettings → Quizanta. Paste the API key from Quizanta → Integrations and your published funnels appear in a menu. The key is optional — without it you type the slug by hand. It can also read your leads, so only add it on a site whose administrators may see them.
  3. 3Put it on a pageAdd the “Quizanta quiz” block where the funnel should appear. In Elementor, Divi, WPBakery or any other builder, use an HTML or text widget with the shortcode instead.
  4. 4Or on the whole siteSettings → Quizanta → Floating button: pick a funnel and a button appears in the corner of every page. Leave it empty for none.
What the block and the shortcode can do
  • On the page, or as a button in the corner — one setting on each block.
  • A different funnel per page: every block names its own; the one in settings is only the fallback.
  • A minimum height, for the moment before the funnel reports its own.

[quizanta slug="YOUR-FUNNEL"]

Every other platform

One line of code

Shopify, Wix, Squarespace, Webflow, Tilda, PrestaShop, a hand-written site — all of them take the same snippet. Copy it from Quizanta → Integrations with your funnel already filled in.

On the page

Put the div where the funnel should appear and the script anywhere on the same page. The funnel reports its own height, so it leaves no gap.

<div data-quizanta="YOUR-FUNNEL"></div>
<script src="https://quizanta.com/widget.js" async></script>
As a button in the corner

One tag, no div. The button follows the visitor down every page it is on and opens the funnel over the top.

<script src="https://quizanta.com/widget.js" data-quizanta="YOUR-FUNNEL" data-mode="popup" async></script>

Where to paste it, platform by platform

Menu labels move between releases on every one of these. If a name below has changed, look for the nearest thing to it — the place is right even when the wording drifts.

Shopify
On the page
  1. 1.Online Store → Themes → Customise.
  2. 2.Pick the page you want at the top of the editor, then Add section → Custom Liquid.
  3. 3.Paste the “on the page” snippet into the box, replace YOUR-FUNNEL with your slug, and Save.
As a button in the corner
  1. 1.Online Store → Themes → ⋯ → Edit code.
  2. 2.Open Layout → theme.liquid.
  3. 3.Paste the button snippet on the line before </body>, and Save. It is now on every page of the shop.
Wix
On the page
  1. 1.In the editor: Add (+) → Embed code → Embed HTML.
  2. 2.Click Enter code, paste the “on the page” snippet, and Apply.
  3. 3.Drag the frame to the width you want, then Publish.
As a button in the corner
  1. 1.Dashboard → Settings → Custom code → + Add code.
  2. 2.Paste the button snippet, place it in Body – end, apply to All pages, load once.
  3. 3.Apply, then Publish.
Squarespace
On the page
  1. 1.Edit the page → Add block → Code.
  2. 2.Paste the “on the page” snippet, set the language to HTML and leave Display Source Code unticked.
  3. 3.Save.
As a button in the corner
  1. 1.Settings → Advanced → Code injection.
  2. 2.Paste the button snippet into Footer.
  3. 3.Save.
Webflow
On the page
  1. 1.Drag an Embed element to where the funnel should appear.
  2. 2.Paste the “on the page” snippet, Save & Close.
  3. 3.Publish.
As a button in the corner
  1. 1.Project settings → Custom code.
  2. 2.Paste the button snippet into Footer code, before the </body> tag.
  3. 3.Save, then Publish.
Tilda
On the page
  1. 1.In the page editor: Add block → Other → T123 (HTML code).
  2. 2.Paste the “on the page” snippet into the block's content.
  3. 3.Save and Publish the page.
As a button in the corner
  1. 1.Site settings → More → HTML code for the whole site, in the “before </body>” field.
  2. 2.Paste the button snippet and Save.
  3. 3.Republish all pages — this setting only reaches published pages.
PrestaShop
On the page
  1. 1.Design → Theme & Logo → the template of the page you want, or any module that takes raw HTML.
  2. 2.Paste the “on the page” snippet where the funnel should appear.
  3. 3.Advanced Parameters → Performance → Clear cache.
As a button in the corner
  1. 1.The theme's footer template (footer.tpl), just before </body>.
  2. 2.Paste the button snippet.
  3. 3.Advanced Parameters → Performance → Clear cache.

No website

The link itself

Every funnel is a page of its own, and it needs nothing to work: put the link in your Instagram bio, send it on WhatsApp, print the QR code from Quizanta → Integrations on a van, a card or an invoice. Add ?utm_source= to the end to tell the van from the shop window when the enquiries arrive.

If something does not appear

The page shows nothing where the funnel should be

Two usual causes: the funnel is not published yet, or the slug is wrong. Check it against the address in Quizanta → Integrations — a funnel that is only saved has no public page.

There is a scrollbar inside the funnel, or a gap under it

The frame reports its own height as the visitor moves through the questions. If your theme forces a fixed height on iframes, remove it and set the minimum height on the block instead.

The button in the corner is in the wrong language

Before the funnel loads, the button reads the language off your page. The WordPress plugin sends the site's language; elsewhere it uses <html lang>. Add data-lang="de" to the script tag to set it outright.

It works for me but not for a visitor

Almost always a caching plugin or a CDN holding an old copy of the page. Clear the cache and reload without it.

Still stuck?

Write to support@quizanta.com with the address of the page you are trying to put the funnel on. That one line usually answers it.

Turn conversations into customers, not into browsers.

Build your quiz in minutes. Share it on Instagram, WhatsApp or your own site, and qualified leads land straight in WhatsApp.

Start for free See all templates
  • No credit card
  • Unlimited leads
  • Live in 5 minutes