DEV Community

Cover image for How to create static website form with FabForm
irishgeoff17
irishgeoff17

Posted on

How to create static website form with FabForm

Here is how you create a Static Website Form with FabForm

  1. Sign Up and Create an Account:

  2. Create a New Form:

    • After signing in, create a new form and configure the form fields.
  3. Find the Endpoint URL:

    • In the form settings or dashboard, find the endpoint URL provided by fabform.io for your form.
  4. Build HTML Form:

    • Open the HTML file of your static website where you want to add the form.
    • Create an HTML form element with the appropriate input fields. Use the action attribute to set the endpoint URL obtained from fabform.io.
   <form action="https://fabform.io/f/YOUR_FORM_ENDPOINT" method="POST">
       <!-- Your form fields go here -->
       <label for="name">Name:</label>
       <input type="text" id="name" name="name" required>

       <label for="email">Email:</label>
       <input type="email" id="email" name="email" required>

       <!-- Add more fields as needed -->

       <button type="submit">Submit</button>
   </form>
Enter fullscreen mode Exit fullscreen mode

Replace "YOUR_FORM_ENDPOINT" with the actual endpoint URL provided by fabform.io.

  1. Style Your Form (Optional):

    • Style your form using CSS to make it visually appealing and consistent with your website's design.
  2. Test Your Form:

    • Save the changes to your HTML file and test the form on your static website. Submit a test entry to ensure the data is being sent to fabform.io.
  3. Manage Form Entries:

    • Log in to your fabform.io account to manage form entries, view submissions, and export data if needed.

By using the form's endpoint URL directly in the HTML form's action attribute, you can collect form submissions without using the embed code.

Top comments (0)