Squarespace | Rooster Docs

Squarespace

Add Rooster through Squarespace Code Injection and page-level code.

Builder Reference

Squarespace Code Injection supports HTML and scripts in header and footer areas. See Squarespace's docs: Using code injection and Adding custom code to your site.

Analytics

Add analytics to the site header code injection field.

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

Basic Form Collection

Add the collector to the page with the collected form. If a native Squarespace form block does not expose normal field names to scripts, use a Code Block with an HTML form 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 Code Block for staged forms so the stage buttons can include Rooster attributes.

<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" />
  <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>