WordPress | Rooster Docs

WordPress

Install Rooster on WordPress with a header/footer snippet tool or page HTML.

Builder Reference

WordPress supports Custom HTML blocks, and header/footer snippet plugins can place scripts globally. See WordPress Custom HTML and the WordPress.org WPCode plugin page for header/footer snippets: WPCode.

Analytics

Add analytics globally with your header/footer snippet tool.

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

Basic Form Collection

Add the collector on the contact page using a Custom HTML block, your page builder's custom code area, or the same snippet tool with page conditions.

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

If you use a WordPress form plugin, confirm the rendered fields have stable name attributes. Rooster uses those names as submission keys.

Multi-Stage Form

For multi-step plugins, add the Rooster data attributes to the continue and final buttons when the builder allows custom 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>
  <textarea name="project_notes"></textarea>
  <button type="submit" data-rooster-continue data-rooster-final="true">Submit</button>
</form>