Quick Start

Install

CDN (Webflow)

Add this script before </body> in your project:

<script src="https://cdn.jsdelivr.net/npm/formtress-js@0.1.17/dist/js/webflow.js"></script>

npm

npm install formtress-js

Connect your form

1. Create a form in the dashboard

   Log in to your Formtress dashboard, create a workspace (or use your default one), and add a new form. You’ll see a Form ID at the top of the form page — click it to copy.

2. Tag your HTML form

   Add the data-ft attribute with your Form ID:

   <form data-ft="your-form-id-here">
     <input type="text" name="name" placeholder="Name" required />
     <input type="email" name="email" placeholder="Email" required />
     <textarea name="message" placeholder="Message"></textarea>
     <button data-ft-loading-text="Sending..." type="submit">Send</button>
   </form>

3. Submit a test

   Open your page, fill in the form, and hit submit. You should see the submission appear in your dashboard immediately.

What happens next?

• Webflow users — the script automatically uses Webflow’s native success/error states. See the full Webflow Guide.
• Vanilla JS users — handle success/error in code. See the Vanilla JS Guide.
• Set up integrations — forward submissions to email or webhooks. See Integrations.