RoosterDocs
Rooster Docs
Installation
Integrations
Examples
Plain HTMLNext.js App RouterReact SPAVue 3SvelteKitWebflowWixWordPressFramerSquarespace
Troubleshooting
HomeApp
Rooster Docs
RoosterDocs
Rooster Docs
Installation
Integrations
Examples
Plain HTMLNext.js App RouterReact SPAVue 3SvelteKitWebflowWixWordPressFramerSquarespace
Troubleshooting
HomeApp
Docs/Wix

Wix

Add Rooster through Wix custom code where the form markup is accessible.

Builder Reference

Wix custom code can add HTML, JavaScript, and CSS snippets to a site's pages. See Wix's custom code docs: About Custom Code.

Analytics

Add analytics as a custom code snippet in the site head and set it to load on the pages you want to track.

<script src="https://api.rooster.host/analytics/YOUR_PUBLIC_KEY.js" defer></script>

Basic Form Collection

Add the collector only to the page that contains the collected form. Rooster collects standard forms that render actual fields with names. Some Wix-native form widgets may not expose a normal form DOM to external scripts; if that happens, use a custom HTML form embed for that page.

<script src="https://rooster.ink/embed/YOUR_PUBLIC_KEY.js" data-rooster-form="default" defer></script>
 
<form data-rooster-form="default">
  <input name="email" type="email" required />
  <textarea name="message" required></textarea>
  <button type="submit">Send</button>
</form>

Multi-Stage Form

Use a custom HTML embed when you need staged collection.

<script src="https://rooster.ink/embed/YOUR_PUBLIC_KEY.js" data-rooster-form="sales" defer></script>
 
<form data-rooster-form="sales">
  <input name="work_email" type="email" required />
  <button type="button" data-rooster-continue>Next</button>
  <input name="budget" type="text" />
  <button type="submit" data-rooster-continue data-rooster-final="true">Submit</button>
</form>
PreviousWebflowNextWordPress

On this page

Builder ReferenceAnalyticsBasic Form CollectionMulti-Stage Form