RawQuotes
API Reference
Embed the widget

Placement modes

The two ways the widget can sit on your site's pages.

Placement modes

Pick the placement mode on the survey's Appearance tab — it changes the snippet you copy, so choose it before you paste anything into your page.

Floating

The widget draws its own launcher — a small icon fixed to a corner of the page — and opens a card when a visitor taps it. This is the default, and it needs nothing from your page beyond the one <script> tag: the widget creates its own launcher element, so there's no container to add.

Floating also has an auto-open option: instead of waiting for a tap, the card opens by itself once the page loads. Same launcher, same component — auto-open only changes its starting state.

Inline

The survey renders directly inside a container you place on the page, instead of a floating launcher. Use it when you want the survey to sit inline with your page's own content — for example inside a section of it — rather than floating over it.

Inline needs two things on your page, both already in the snippet the Appearance tab generates for you:

  • a container element with an id, e.g. <div id="rq-survey-slot"></div>,
  • that same id as a CSS selector in the widget's container setting, e.g. container: '#rq-survey-slot'.

The container has to exist in the page before the widget's script runs — see Troubleshooting for what happens when it doesn't.

If you use a different container id or place it somewhere other than where the generated snippet suggests, update the container selector inside the snippet to match — it has to point at the element you actually added.
Copyright © 2026