Formzillion Self-hostedThe optimal solution for teams that want absolute control of their forms data.
Initiate the collection of form submissions from your 11ty form using formzillion.
Simply create your form in formzillion and insert your form-id into your form.
This guide will demonstrate the quick process of adding a contact form to your 11ty project and connecting it to Formzillion for submission handling.
How to create a 11ty Contact Form
Sign in to your Formzillion account and create a new form with name 11ty Contact Form or a similar identifier. Formzillion will assign a unique form ID specifically for identifying your 11ty form.
To initiate the project setup, let's follow the instructions provided in the 11ty Getting Started documentation.
Eleventy is a straightforward static site generator that automatically converts files with recognized extensions into corresponding .html files. To create a contact page, simply add a contact.html file in the root directory, containing the desired HTML content give below. Eleventy will handle the transformation process, generating a contact.html file with the appropriate output.
Copy
To successfully submit your form to Formzillion, ensure that you include the 'FORM_ID' in the provided form code. This 'FORM_ID' should correspond to the ID assigned to your specific Formzillion form.
Once you have added the form code, you can now proceed to add the necessary styling to your project. You can either add the CSS code directly to the HTML file
Copy
To install 11ty and generate the files, please open your terminal and enter the following command:
Copy
To start the server and run your application, you can execute the following command in the terminal:
Copy
You can now access the site in your browser by visiting https://localhost:8080.Below observe the sample site displayed on the screen:
Great job! You have successfully created a new 11ty site. Now, let's proceed to learn how to add a contact form into your project.
And there you have it! Once you fill out and submit the form, you will be able to view the default submission thank you page.
Congratulations! Your 11ty site now has the contact form powered by Formzillion!
