Embedding Forms
Once you've created your form, embedding it on your website is simple. FormBeam provides clean HTML code that works with any static site.
After creating your form, go to "My Forms" in your dashboard. Click on your form to view its details, then copy the embed code from the "Embed" section.
<form action="https://api.formbeam.io/f/{form-slug}" method="POST"><!-- Your form fields here --><input type="email" name="email" required><textarea name="message"></textarea><button type="submit">Send</button></form>
Action URL
Points to https://api.formbeam.io/f/{form-slug} where {form-slug} is your form's unique identifier.
Method
Must be POST for form submissions.
Enctype
Set to multipart/form-data if your form includes file uploads.
enctype="multipart/form-data"
The name attribute of your form fields determines the key in the submission data. Use descriptive names that match your form builder configuration.
Example submission data:
{"email": "user@example.com","message": "Hello, world!","newsletter": "on"}
The embed code provides a basic form structure. You can add CSS classes, inline styles, or wrap it in your existing styling framework.
<form action="..." method="POST" class="my-form-class"><div class="form-group"><label for="email">Email:</label><input type="email" name="email" id="email" class="form-control" required></div><button type="submit" class="btn btn-primary">Submit</button></form>
After embedding, test your form by submitting it. You'll see a branded success page with optional auto-redirect. Check your dashboard for the submission and verify email notifications.