Need a simple contact form on your site? It’s easy with Letterbird!
Letterbird makes it super easy to get a contact form on your own website. After signing up, we’ll give you a script to your new form, and you need only copy→paste it into your code!
Create your free contact formLearn more about Letterbird
While you can customize the embedded iframe with your own styles, there are a couple optional attributes you can add to the script we give you:
- data-name / data-email / data-subject / data-body / data-placeholder – Use these attributes to pre-fill the name, email, subject, and/or body of the embedded form.
-
data-showheader – By default, we turn your Letterbird form’s header off since it’s likely to end up on a page that already has that information. Add
data-showheader="true"to your script if you prefer the header be shown. -
data-targetelement – By default, the embedded iframe is inserted immediately preceding where you paste the
<script>tag in your document’s<body>. If you need to put the script in your document’s<head>, adddata-targetelement="X"to your script, replacing X with an ID or class (any valid CSS selector) where the iframe should be appended. -
data-width – By default, the embedded iframe will be 616px, but you can override that by adding this attribute to the script and passing in any acceptable CSS width value (e.g.
data-width="1000px"). The embedded iframe will always be responsive down to mobile viewports.
If you have any questions about embedding your Letterbird contact form, please email us.