Step 1: Sign up for FabForm Go to the FabForm website (https://www.fabform.io/) and sign up for an account. FabForm offers a range of form-related features and integrations.

Step 2: Create a new form After signing up and logging in, you’ll be taken to your FabForm dashboard. Click on the “Create New Form” button to start building your form.

Step 3: Configure your form On the form configuration page, you can customize various settings for your form. Set up the desired form fields, validation rules, and any additional features offered by FabForm.

Step 4: Obtain the form endpoint Once you’ve configured your form, FabForm will provide you with a form endpoint URL. This URL will be where your form submissions will be sent. Copy this form endpoint URL.

Step 5: Update your HTML form In your HTML file, update the <form> element’s action attribute to the form endpoint URL obtained from FabForm. You can also add an additional hidden input field with the name “_redirect” and set its value to the URL of the page where you want the user to be redirected after form submission.

<form action="https://www.fabform.io/submit/your-form-endpoint" method="POST">
    <input type="email" name="email" placeholder="Email" required>
    <textarea name="message" placeholder="Message" required></textarea>
    <input type="hidden" name="_redirect" value="https://your-website.com/thank-you.html">
    <button type="submit">Submit</button>
</form>

Make sure to replace “your-form-endpoint” in the action attribute with the form endpoint URL you obtained from FabForm.

Step 6: Test the form Save your HTML file and open it in a web browser. Fill out the form fields and submit the form. If everything is set up correctly, FabForm will handle the form submission, and you can proceed according to the configurations you set in FabForm’s dashboard.

Step 7: Customize the form integration (optional) FabForm offers various integrations and features that you can explore to enhance the form submission process. You can integrate with third-party services, set up email notifications, or perform other actions based on the form submissions.

That’s it! You have successfully set up a form on your static website using FabForm. FabForm handles the server-side processing and offers additional features to enhance your form functionality. Remember to refer to FabForm’s documentation or support resources for further customization and utilization of their services.

About the author. Geoffrey Callaghan is a programmer at fabform.io working on the form backend service team.