Getting started

Quickstart

Chirp Form allows you to add forms to any website and display responses anywhere. This guide will help you get started in just a few minutes.

Step 1: Create Your Form

  1. Go to app.chirpform.com
  2. Sign up or log in to your account
  3. Create a new form by choosing any of the template of start with a blank canvas
  4. Configure your allowed domain
  5. Copy your Form ID from the setup instructions

Step 2: Add the Script

Add the Chirp Form script to your website's head tag:

<script defer src="https://embed.chirpform.com/latest/chirpform.umd.js"></script>

Step 3: Add the Form Element

Drop in a chirp-form element where you want your form to appear:

<chirp-form form-id="YOUR_FORM_ID"></chirp-form>

Replace YOUR_FORM_ID with the ID from your Chirp Form dashboard.

Step 4: Test Your Form

That's it! Your form is now live. Submit a test entry to verify everything works correctly.

Complete Example

<!DOCTYPE html>
<html>
<head>
  <title>Contact Us</title>

  <script defer src="https://embed.chirpform.com/latest/chirpform.umd.js"></script>
</head>
<body>
  <h1>Get in Touch</h1>

  <chirp-form form-id="YOUR_FORM_ID"></chirp-form>
</body>
</html>

Next Steps