Quick start

This guide takes you from nothing to a working contact form. You need a Formclick account and any web page you can edit.

1. 1

   Create a form in your dashboard

   Sign up or log in and create a new HTML form. Give it a name such as “Website contact”. Notifications go to your account email until you change the recipients.

2. 2

   Copy your access key

   Open the form’s Connect tab and copy the access key. It is a UUID that tells Formclick which form a submission belongs to.

3. 3

   Paste the form into your page

   Replace YOUR_ACCESS_KEY with the key you copied, and keep the formclick.min.js script below the form. Keep the field names; add as many extra fields as you like.

   index.html

   Copy

   <form action="https://api.formclick.io/submit" method="POST">
     <!-- Replace with the key from your form's Connect tab -->
     <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
   
     <input type="text" name="name" placeholder="Your name" required>
     <input type="email" name="email" placeholder="you@example.com" required>
     <textarea name="message" placeholder="Your message" required></textarea>
   
     <button type="submit">Send</button>
   </form>
   
   <!-- Handles submit, file upload, loading state and success/error messages. -->
   <script src="https://cdn.formclick.io/formclick.min.js"></script>

4. 4

   Submit a test

   Open the page, fill in the form and press Send. The submission appears in your dashboard straight away and the notification email follows within seconds.

Always include the Formclick script

Every Formclick form sample ends with the same two lines. Paste them once, just before </body>. The script submits the form in the background, uploads files, shows a loading state on the button and displays the success or error message inline.

<!-- Handles submit, file upload, loading state and success/error messages. -->
<script src="https://cdn.formclick.io/formclick.min.js"></script>

Next steps