SvelteKit

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

<svelte:head>
  <script src="https://rooster.ink/embed/YOUR_PUBLIC_KEY.js" defer></script>
</svelte:head>
 
<slot />

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

<script lang="ts">
  let step = 1;
</script>
 
<svelte:head>
  <script src="https://rooster.ink/embed/YOUR_PUBLIC_KEY.js" data-rooster-form="sales" defer></script>
</svelte:head>
 
<form data-rooster-form="sales">
  {#if step === 1}
    <section>
      <input name="work_email" type="email" required />
      <button type="button" data-rooster-continue on:click={() => (step = 2)}>Next</button>
    </section>
  {/if}
 
  {#if step === 2}
    <section>
      <input name="budget" type="text" />
      <button type="button" data-rooster-continue on:click={() => (step = 3)}>Next</button>
    </section>
  {/if}
 
  {#if step === 3}
    <section>
      <textarea name="project_notes"></textarea>
      <button type="submit" data-rooster-continue data-rooster-final="true">Submit</button>
    </section>
  {/if}
</form>