Embedding a form
Copy the code from a form's Share tab. Both kinds load one small script from Nurvequest.
Inline
<div data-nurvequest="FORM_ID"></div>
<script src="https://nurvequest.com/embed.js" async></script>The form appears where the div is, as wide as it, and exactly as tall as the form: it grows when a section has more questions and shrinks when it has fewer, so there's never a scroll bar inside it and nothing on your page is covered. When a visitor moves to the next section, the page scrolls back to the top of the form if it's out of view.
A button that opens it
<button data-nurvequest-popup="FORM_ID">Get in touch</button>
<script src="https://nurvequest.com/embed.js" async></script>Any element works. Clicking it opens the form over the page; the visitor closes it with the × button, the Escape key or by clicking outside it, and focus returns to what they clicked.
Options
| Attribute | Does |
|---|---|
data-nurvequest-params="email=ada@example.com&plan=team" | Fills in answers or hidden fields, by field name. |
data-nurvequest-title="Contact form" | The name screen readers give the frame (or the dialog). |
The page's own utm_ tags are passed to the form, so a campaign is recorded whether people answer on your page or at the form's own address. After adding elements to a page with JavaScript, call Nurvequest.scan(); Nurvequest.open("FORM_ID") opens a form as a popup.
Payments and redirects
A form that takes payment moves the whole page to Stripe's checkout, and Stripe brings the visitor back to the form's thank-you. An ending that sends visitors to another address does the same.