Contact us form made easy with Fabform on Static Website

Contact us form made easy with Fabform on Static Website

Contact us form for easy integration in static website using Fabform

In this article, we'll be looking at how to use Fabform Forms to manage the contact us forms on static website forms.

image.png

  • Powerful Forms Backend.

  • No Server Code is required.

  • Easy setup. Simply set your form’s action to our endpoint, add unique names to your form fields and you're done!

With Fabform captcha spam is blocked. It validates your form data server-side and uses A.I to protect you from spam.

  • Form submissions are saved to the FabForm Universal Inbox and can be sent to Google Sheets, Airtable. You can view form submissions, see daily analytics reports, and export to CSV or JSON.

  • 3rd party integrations are triggered

With Fabform's direct integrations - data can be sent to any service of your choice - no Zapier required Works with Airtable, Email, Google Sheets and others.

Fabforms backend works with wix, duda, webflow, static site generators like Hugo, Jekyll, 11ty.dev and other CMS platforms.

<form action="https://fabform.io/f/{form-id}" method="post">
</form>

If you don't have an account you can Signup here and verify your email address or sign

image.png

In the dashboard click on create endpoint to create one for your form.

image.png

  • Set form name

image.png

  • Click on dev-form endpoint

image.png

Endpoint: 73Af___

There are no form submissions for the 73A___ endpoint.

  • Click on the settings icon to customize the endpoint

image.png

image.png

On the settings page, you can

  • Set a custom respond
  • Add a redirect URL after the contact us form is submitted
  • Target Email ( email you want to use to receive submission)
  • Email Template (the template to use to send emails)

Let's test the Fabform by clicking the test option

image.png

  • Click submit

image.png

  • Form submission from Fabform integration in Gmail

image.png

This is the code to embed in your website to accept form submissions on a static website form.

<form action="https://fabform.io/f/73**__" method="post">
  <label for="firstName">First Name</label>
  <input name="firstName" type="text" required>
  <label for="lastName">Last Name</label>
  <input name="lastName" type="text" required>
  <label for="email">Email</label>
  <input name="email" type="email" required>
  <button class="button is-link" type="submit">Test Form</button>
</form>

Note: this form can be customized with your page's CSS

Thank you for reading this article!!!.

If you find this article helpful, please share it with your network and feel free to use the comment section for questions, answers, and contributions.

Did you find this article valuable?

Support Alemoh Rapheal Baja by becoming a sponsor. Any amount is appreciated!