How to Collect Data From Forms
Collecting data from your website visitors is crucial for engagement, feedback, and leads. Static.app simplifies this process, eliminating the need for complex server-side code or third-party form builders. You can easily capture any data from your existing HTML forms by adding a single attribute.
Setting Up the Form for Data Collection
Option 1: Uploading a Website with an Existing Form
If your website already contains an HTML form, you can upload the entire site to Static.app:
- Navigate to the Site's page and add a new site.
- In your Static.app dashboard, go to Sites and click on your newly uploaded website.
- Navigate to the Pages section (or Files) and locate the HTML file containing your form (e.g.,
index.html
,contact.html
). - Click the three-dot menu next to the file and choose Edit Code.

Option 2: Creating a New Page/File for Your Form
If you want to add a new form to an existing Static.app site or create a new page specifically for your form:
- Log in to your Static.app account and select the website you want to add the form to from your Sites list.
- Add a new page or upload a new file.
- If you just created a blank page/file, click the three-dot menu next to it and select Edit Code.
- Add your HTML form structure within this file.
- Click Save Changes.
Enable Form Data Collection
Now, you'll modify the HTML code to activate Static.app's form collection feature.
- Navigate to the Pages or Files section of your website.
- Find the HTML file containing your form.
- Click the three-dot menu next to it and select Edit Code.
- In the code editor, find your opening
<form>
tag. - Add the
static-form
attribute to your<form>
tag.
<form static-form>...</form>
- To group submissions into a specific category (e.g., "job-applications," "newsletter-signups"), add the
static-form-id
attribute.
<form static-form static-form-id="contacts">...</form>

You can then now view and manage your submissions directly from your dashboard.