Create engaging forms in minutes without writing a single line of code. Collect data, gather feedback, and connect with your audience effortlessly.
Everything you need to create powerful forms for your website
Choose from multiple themes to match your brand's style with zero design skills required.
Use our simple JavaScript SDK or integrate directly with your custom HTML forms.
Track form performance and gather insights from your submission data.
Get instantly notified when new submissions come in to stay connected.
Built-in honeypot protection keeps your forms safe from spam submissions.
Forms look great on all devices from desktops to smartphones.
Choose the integration method that works best for your website
Our intuitive drag-and-drop form builder makes it easy to create beautiful forms in minutes without writing a single line of code.
Use our JavaScript SDK to embed pre-styled forms on your website with minimal coding required. Perfect for those who want a quick setup with beautiful forms.
Design your own custom HTML forms and use our powerful backend for processing. Perfect for developers who want complete control over styling and behavior.
Just a few lines of code to get up and running
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Contact Page</title>
</head>
<body>
<h1>Contact Us</h1>
<!-- Place this div where you want the form to appear -->
<div id="plebbel-YOUR_FORM_ID" data-token="YOUR_FORM_TOKEN"></div>
<!-- Include the Plebbel SDK script -->
<script src="https://plebbel.com/js/plebbel-sdk.js"></script>
</body>
</html>
<form action="https://plebbel.com/api/forms/YOUR_FORM_ID/submit" method="POST">
<!-- Required authentication token -->
<input type="hidden" name="token" value="YOUR_FORM_TOKEN">
<!-- Your custom form fields -->
<div class="form-group">
<label for="name">Name *</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email *</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message *</label>
<textarea id="message" name="message" required></textarea>
</div>
<!-- Spam protection (hidden field) -->
<input type="checkbox" name="botcheck" style="display:none !important" tabindex="-1" autocomplete="off">
<!-- Optional redirect after submission -->
<!-- <input type="hidden" name="redirect" value="https://yoursite.com/thank-you"> -->
<button type="submit">Submit</button>
</form>
document.querySelector('form').addEventListener('submit', async function(e) {
e.preventDefault();
// Get form data
const formData = new FormData(this);
try {
// Submit the form
const response = await fetch('https://plebbel.com/api/forms/YOUR_FORM_ID/submit', {
method: 'POST',
body: formData
});
const result = await response.json();
if (result.success) {
// Success handling
alert('Thank you for your submission!');
this.reset();
} else {
// Error handling
alert('Error: ' + result.message);
}
} catch (error) {
console.error('Error:', error);
}
});
Three simple steps to get your forms up and running
Use our intuitive drag-and-drop builder to create your perfect form with custom fields, validation, and styling.
Select between our JavaScript SDK for quick embedding or backend-only mode for complete design freedom.
Watch submissions roll in, get email notifications, and analyze your form performance.
Affordable plans to meet your needs
Join users who have simplified their form creation process with Plebbel
Get Started Today