Atlas Forms + Bubble
Enhanced forms for Bubble apps
Bubble's built-in forms work well, but external integrations can be tricky. Atlas gives you webhooks to send data anywhere, file storage outside Bubble's limits, and spam protection - all without plugins.
Why Atlas for Bubble?
Extend Bubble's capabilities
Webhook Notifications
Send form data to external APIs without Bubble plugins.
File Uploads
Accept files and store them outside Bubble's storage limits.
Spam Protection
Built-in spam filtering before data reaches your Bubble app.
No Plugin Needed
Use Bubble's HTML element to embed Atlas forms.
Setup Guide
Add Atlas forms to Bubble
Create an Atlas Form
Sign up for Atlas and create a new form. Copy your unique form endpoint URL.
https://atlasforms.app/f/abc123xyz
Add HTML Element in Bubble
In Bubble's Design tab, add an HTML element and paste your form code.
<form action="https://atlasforms.app/f/abc123xyz" method="POST"
style="font-family: inherit;">
<input type="text" name="name" placeholder="Name" required
style="width: 100%; padding: 12px; margin: 8px 0; border: 1px solid #ddd; border-radius: 4px;">
<input type="email" name="email" placeholder="Email" required
style="width: 100%; padding: 12px; margin: 8px 0; border: 1px solid #ddd; border-radius: 4px;">
<textarea name="message" placeholder="Message" rows="4"
style="width: 100%; padding: 12px; margin: 8px 0; border: 1px solid #ddd; border-radius: 4px;"></textarea>
<button type="submit"
style="background: #000; color: #fff; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer;">
Submit
</button>
</form>Set Up Webhooks
In Atlas, add a webhook to send data back to your Bubble API workflow.
webhook_url: https://yourapp.bubbleapps.io/api/1.1/wf/form_submission
// Atlas sends JSON payload:
{
"name": "John Doe",
"email": "john@example.com",
"message": "Hello from Bubble!"
}What You Get
Atlas features for Bubble apps
| Feature | Bubble | + Atlas |
|---|---|---|
| External webhooks | Plugins | |
| External file storage | Complex | |
| Spam filtering | - | |
| HMAC signatures | - | |
| No plugin needed | - | |
| API access | ||
| Submission dashboard | - |
Ready to enhance your Bubble forms?
Start free and upgrade when you need more. No credit card required.