Already have a website that isn't built in Cornerspot? You can still drop a Cornerspot form onto it with a simple copy-paste snippet. The form loads right where you place it, looks the part, and every submission flows back to your one Submissions inbox — tagged so you know it came from an external site. This guide shows where to find the snippets and how to add them to your page.
How embedding works
Embedding uses two small snippets: a loader script you paste once per page, and a placeholder <div> you paste wherever the form should appear. Both already carry your Team key and the Loader URL, so there's nothing to look up. You can put more than one form on the same page — just add another placeholder for each.
One requirement: the page's domain must be listed under Allowed Domains (your own Cornerspot site, subdomain, and verified custom domain are always allowed). A form embedded on a domain that isn't allowed won't load or submit — this is what keeps your forms from being copied onto sites you don't control.
How to embed a form on an external website
1. Open the Embedding tab
Go to Forms → Form Settings → Embedding (at /dashboard/forms-hub/settings/embedding). This is where Cornerspot generates the ready-to-paste snippets.
2. Allow the page's domain first
Before the form will work on your site, add that site's domain under Allowed Domains — there's a link to it right in the instructions. If you skip this step, the snippet will paste in fine but the form won't load.
3. Pick the form to embed
Choose the form you want from the Form to embed picker. Cornerspot fills that form's ID into both snippets automatically, so they're ready to paste as-is. (Leave it unset and the snippet uses a FORM_ID placeholder you can fill in later — the ID is in the form's URL and in the Forms list.)
4. Note your Team key and Loader URL
The Team key and Loader URL shown at the top are already baked into the snippets — you don't need to copy them separately. The loader's data-api-base value must stay exactly as shown for your environment.
5. Copy the Loader script
Copy snippet 1. Loader and paste it once per page, just before the closing </body> tag. This is the script that fetches and renders your forms.
6. Copy the Form placeholder
Copy snippet 2. Form placeholder — a small <div> — and paste it on the page exactly where you want the form to appear. To show several forms on one page, paste a placeholder for each (the loader only needs to be added once).
7. Paste both snippets on your site
On your external page, paste the loader before </body> and the placeholder where the form should go, then publish the page. As long as the page's domain is allowed, your Cornerspot form loads in place and is ready to take submissions. Keep data-api-base and the loader's attributes exactly as shown — changing them will stop the form from loading.
Where submissions go
Submissions from your embedded form land in the same Submissions inbox as every other channel, tagged with the source so you can tell external-site entries apart. Cornerspot matches each submitter to an existing contact by email or phone, and if there's no match it creates a new contact as a lead — so leads from your other websites feed straight into your CRM.
Troubleshooting
- The form doesn't appear. Check the page's domain is added (and enabled) under Allowed Domains, and that the loader script sits before
</body>. Changes to allowed domains can take a few minutes to take effect. - Nothing renders where the div is. Make sure the placeholder's
FORM_IDmatches a real form, and that you pasted the loader once on the same page. - Submissions are rejected. This is almost always the domain allowlist — confirm the exact hostname the page is served from is listed.