Getting Started
Basestack Forms enables you to effortlessly collect submissions from your HTML forms without the need for backend code. It offers features such as email notifications for submissions and spam protection.
Basestack Forms eliminates the need for backend code. Simply integrate your HTML form with our endpoint and start collecting submissions instantly.
Quick Start
Follow these simple steps to get started:
Create an HTML Form
If you don't have an HTML form yet, you can use the example below or choose from the examples available on the Setup tab in the Basestack Forms Dashboard.
<!-- modify this form HTML as you wish -->
<form action="#" method="POST" enctype="multipart/form-data">
<div>
<label for="name">Name:</label>
<!-- name each of your inputs as you wish -->
<input type="text" id="name" name="name" placeholder="Enter your name">
</div>
<div>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Enter your email">
</div>
<!-- your other form fields go here -->
<button type="submit">Submit</button>
</form>Create a Form in Basestack Forms
- Go to your dashboard and click the "Create Form" button.
- Fill in the form with the desired name and content.
- After creating your form, click the "Setup" or "Settings" tab to view your Form URL (Copy the URL)
Integrate your HTML Form with Basestack Forms
Paste the form URL you copied in step 2 into the action attribute of your form. That's it! You're now ready to start collecting submissions.
<!-- modify this form HTML as you wish -->
<form action="https://forms-api.basestack.co/v1/s/[KEY]?mode=rest" method="POST" enctype="multipart/form-data">
<div>
<label for="name">Name:</label>
<!-- name each of your inputs as you wish -->
<input type="text" id="name" name="name" placeholder="Enter your name">
</div>
<div>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Enter your email">
</div>
<!-- your other form fields go here -->
<button type="submit">Submit</button>
</form>All input fields (e.g., input, textarea, etc) must have a name attribute, or Basestack Forms won't be able to collect.
That's it! 🎉 Simple and fast. Now you can collect data from your website forms without the need for a backend. Try out your new form and view the submissions in Basestack Forms.
User Guide Overview
This user guide covers everything you need to know about using Basestack Forms effectively:
Creating Forms
Learn how to create and manage forms in your dashboard
Form Setup & Integration
Configure your form's endpoint and integrate it with your website
Viewing & Managing Submissions
View, filter, and manage form submissions in your dashboard
General Settings
Configure form status, data retention, spam protection, and webhooks
Security Settings
Set up IP blocking, honeypot fields, and website restrictions
Customization Settings
Configure redirect URLs, query string parameters, and success/error pages
Notification Settings
Set up email notifications for new form submissions
Team Members & Collaboration
Invite team members and manage permissions and roles
Billing & Usage
Understand your subscription, manage billing, and track usage
Key Concepts
Forms
Forms are containers for collecting submissions. Each form has a unique endpoint URL and API key that you use to integrate with your website.
Submissions
Submissions are the data collected from your forms. Each submission includes form field values, metadata (IP address, timestamp), and spam status.
Settings
Forms have extensive settings to control behavior, security, customization, and notifications. Configure these based on your specific needs.
Team Collaboration
Invite team members to collaborate on forms. Different roles (Owner, Admin, Viewer) control what each person can do.