Install guide · Webflow

Add the Quackback widget to Webflow

Paste one snippet into your Webflow site settings and publish. The launcher appears on every page, and any Webflow button can open the widget straight to a new post.

Get your widget snippet

14-day Pro trial, no card needed
Your workspace URL and snippet, ready to copy
The widget is on every plan, including Free

Start free trial Read the install docs

The widget your customers see inside your app.

Your team’s viewYour customers’ view

Feedback

Review

Status

Board

Install the widget in Webflow

First, in Quackback, open Settings, then Widget, and turn on Show on your website. Until it's on, the snippet loads but the launcher stays hidden. Every snippet uses your-workspace.quackback.io as a placeholder. Swap in your workspace URL, or your custom domain, from Settings, under Widget, then Install.

Read the full install docs

Copy your snippet

In Quackback, open Settings, then Widget, then Install. The snippet there has your workspace URL filled in. It looks like this.

snippet

<script>
  (function(w,d){if(w.Quackback)return;w.Quackback=function(){
  (w.Quackback.q=w.Quackback.q||[]).push(arguments)};
  var s=d.createElement("script");s.async=true;
  s.src="https://your-workspace.quackback.io/api/widget/sdk.js";
  d.head.appendChild(s)})(window,document);
  Quackback("init");
</script>

Paste it into Footer code

In Webflow, open Site settings, then Custom code. Paste the snippet into Footer code, which goes before the closing </body> tag on every page, and save.

Publish

Custom code goes live when you publish. Open the published site and look for the launcher in the corner.

Identify signed-in users

Identifying users needs a server that knows who is signed in and can sign a short token. Most sites on this platform don't have one, and that's fine: the widget works for anonymous visitors.

How identify works

Leave visitors anonymous

Visitors can post ideas, vote and chat without an account, and can leave their email inline so you can reply. That covers most marketing sites and stores.

Or sign tokens on your own server

If your customers sign in through a service you control, that server signs a five-minute HS256 token with the signing secret from Settings, under Widget, then Install. The page passes it to identify. Never paste the signing secret into the site itself, because anyone can read it there.

page script

// ssoToken comes from your own server, signed for this user
Quackback("identify", { ssoToken });

// When they sign out
Quackback("logout");

Good to know on Webflow

Widget events and methods

Paid plan neededWebflow only runs site-wide custom code on a paid site plan or qualifying Workspace plan. On the free plan, the fields are locked.

Your own buttonAdd an Embed element with a button that calls Quackback('open', { view: 'new-post' }), or hide the launcher with launcher: false in init.

One page onlyTo load the widget on a single page, paste the snippet into that page's settings, under Before </body> tag, instead of the site-wide field.

Common questions

Why don't I see the widget in the Webflow Designer?

Custom code runs on the published site. Publish, then open your site in a new tab to see the launcher.

Can a Webflow button open the widget?

Yes. Use an Embed element with a button whose onclick calls Quackback('open', { view: 'new-post' }). You can open the changelog, help or messages the same way.

Do visitors have to sign in to use the widget?

No. Once Show on your website is on in your widget settings, the launcher appears for every visitor after init. Anonymous visitors can still post, vote and chat, and can leave an email inline. When you identify them later, what they did before signing in moves onto their account.

Is the Quackback widget free?

Yes. The widget is on every plan, including Free, with feedback, live chat, help articles and your changelog inside it. Every signup starts with a 14-day Pro trial.

Have another question? Talk to the team.

Put feedback inside your Webflow site

Start free trial All install guides