Form Builder
Embedding Forms
Add forms to your Shopify store using the Theme App Extension or the Liquid embed code.
Last updated June 15, 2026
There are two methods for adding a form to your storefront. The Theme App Extension is recommended for most merchants it requires no code editing.
Method 1: Theme App Extension (recommended)
Open the form in the app
From the dashboard, open the form you want to embed and click Add to theme.
Place the block in the Theme Editor
The Shopify Theme Editor opens with the SK Form block pre-selected. Drag it to your desired page, section, or template.
Save
Click Save in the Theme Editor. The form is live on your store.
Theme compatibility
The Theme App Extension works with all Shopify Online Store 2.0 themes. If your theme is a legacy (non-2.0) theme, use the Liquid embed method below.
Method 2: Liquid embed code
Use this for custom placements inside .liquid template files for example, embedding a form in a product page, blog post template, or a specific collection page layout.
Copy the embed code
Open the form → click Copy embed code.
Open the Shopify code editor
Go to Shopify Admin → Online Store → Themes → your active theme → Edit Code.
Paste into the right template
Open the .liquid template where you want the form. Paste the snippet at the exact location where it should render.
Save the file
Click Save. The form appears on that page immediately.
Full embed code structure:
<sk-form-main>
<sk-form>
<script type="application/json" sk-forms data-id="FORM_TOKEN">
{{ shop.metafields.squadkin_form["FORM_TOKEN"] }}
</script>
<script type="application/json" sk-customization data-id="FORM_TOKEN">
{{ shop.metafields.squadkin.sk_customizations }}
</script>
<style sk-global-css>{{ shop.metafields.squadkin.sk_global_css }}</style>
<div class="sk-form" sk-form-block data-token="FORM_TOKEN"></div>
</sk-form>
<div class="sk-captcha" data-token="FORM_TOKEN">...</div>
</sk-form-main>The FORM_TOKEN placeholder is automatically filled in when you click Copy embed code you don't need to edit it manually.
Popup and floating forms
For forms using the Popup or Floating layout, embed the code anywhere on the page the form is positioned by the app, not by where the code is placed in the template. The floating button appears in the corner you configured; the popup appears as an overlay.
See Design & Layout for layout configuration.
Multiple forms on one page
You can embed multiple different forms on the same page by placing multiple embed snippets. Each form has a unique token so they operate independently.
Placement tips
| Goal | Approach |
|---|---|
| Contact form on the Contact page | Use Theme App Extension add to the contact page template |
| Form inside a product description | Use Liquid embed in product.liquid |
| Form in a specific section on all pages | Add the block in the Theme Editor to the section you want |
| Popup that appears across the whole store | Use Popup layout; embed code once in theme.liquid |
Was this page helpful?