Quackback
GitHub350Sign inStart free trial

Install guide · Framer

Add the Quackback widget to Framer

Paste one snippet into your Framer site settings and publish. The launcher appears on every page of your live site, with feedback, help and your changelog inside.

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 trialRead the install docs

The widget your customers see inside your app.

Your team’s viewYour customers’ view
Feedback
Review
Status
Board
Tags

Install the widget in Framer

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 End of <body>

In Framer, open Site Settings, then General, and scroll to Custom Code. Paste the snippet into the End of <body> tag box.

Publish

Framer doesn't load custom code in the canvas preview. Publish, then open the live site to see the launcher.

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 Framer

Widget events and methods
Not in the canvasCustom code only runs on the published site. If the launcher is missing, check that you published after pasting.
Plan limitsIf the Custom Code fields are locked, check your Framer site plan. Framer gates some custom code on paid plans.
Your own buttonAdd an Embed with a button that calls Quackback('open', { view: 'new-post' }), next to or instead of the launcher.

Common questions

Can I load the widget on one page only?

Yes. Open that page's settings in Framer and paste the snippet into its custom code instead of the site-wide field.

Does the widget match my site's look?

Set its colours, light or dark, and your greeting in Quackback, under Settings, then Widget. Changes apply without touching the snippet.

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 Framer site

Start free trialAll install guides