How to embed your Concierge Form on your website
Once you've created and saved your Concierge Form, you can add it to any webpage using a short embed snippet. The form loads as a web component, so it works with any website platform.
Before you start
Make sure you've saved your form at least once — the embed snippet is only generated after the form is first saved. You'll see a notice in the embed panel until you do.
Finding the embed snippet
- Go to Concierge → Forms and open your form for editing, or create a new one.
- On the right-hand side of the form builder, find the Embed snippet panel.
- You'll see three code blocks:
| Snippet | What it is |
|---|---|
| Script tag | Loads the Concierge widget on your page. Add this once per page. |
| Form element | Places the form at a specific location on your page. |
| Full snippet | Both combined — use this if you want a single copy-paste block. |
Click the copy icon next to any block to copy it to your clipboard.
Adding the embed to your website
Paste the full snippet into the HTML of the page where you want the form to appear:
<script src="..." defer></script>
<concierge-form form-key="YOUR_FORM_KEY"></concierge-form>
The <script> tag can go anywhere on the page but is best placed before the closing </body> tag. The <concierge-form> element should be placed exactly where you want the form to render.
If you're already using the script tag on other pages, you only need to add it once — just paste the <concierge-form> element wherever you need the form.
Platform-specific notes
- Shopify / custom storefronts — Paste into a custom HTML section or theme file.
- Squarespace / Wix — Use a Code Block or Custom HTML element.
- WordPress — Use a Custom HTML block or add directly to a page template.