Embed the widget
Embed the widget
A survey only collects responses once its widget is live on your site. Getting it there is one snippet, copied once.
Copy the snippet
Open the survey in the editor and go to the Appearance tab. The snippet at the bottom of that tab is generated for this survey specifically — it already has your survey's own address and identifier filled in, so copy it exactly as shown, character for character. Don't retype it and don't edit the values inside it.
In its simplest form — the default floating mode — it is a single <script> tag:
<script src="https://intake.rawquotes.io/widget/loader.js" data-survey-id="YOUR-SURVEY-ID" async></script>
Paste it into your page
Paste the snippet into your page's HTML, right before the closing </body> tag (or wherever
your site builder lets you add custom scripts to every page — for example, a website's
theme editor). It only needs to be there once — the same snippet keeps working as you edit
the survey's questions or appearance afterwards, since it only carries the survey's
identifier, not its content.
init for the same
survey (for example a second snippet added lower on the page) mounts nothing and writes a
[rawquotes] line to the console. See JavaScript API.Once it's pasted, the widget starts showing to your page's visitors. If nothing appears, see Troubleshooting.
What next
- JavaScript API: options, commands, open and close from your own code.
- Appearance options: every
appearancefield, dark mode and language. - Events: react to what a visitor does.
- Styling with CSS: restyle the widget from your own stylesheet.
- Fill links: no widget on the page? Send the survey as a personal link.