Placement modes
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
idas a CSS selector in the widget'scontainersetting, 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.
container selector inside the snippet to match — it has to
point at the element you actually added.