Getting Started
Installation
Install SK Contact Form Builder from the Shopify App Store and add your first form to your theme.
Last updated June 15, 2026
Install from the Shopify App Store
Find the app
Search for SK Contact Form Builder in the Shopify App Store and click Add app.
Approve permissions
Review the requested permissions and click Install app to complete installation.
Open the app
After installation, the app opens automatically. You can also find it any time under Apps in your Shopify Admin sidebar.
Add a form to your store
There are two ways to embed a form on your storefront. The Theme App Extension is recommended for most stores it requires no code.
Method 1: Theme App Extension (recommended)
Open a form in the app
From the dashboard, open the form you want to publish, then click Add to theme.
Place the block
The Shopify Theme Editor opens with the SK Form block pre-selected. Drag it to any page, section, or template.
Save
Click Save in the Theme Editor. The form is now live on your store.
Compatible themes
The Theme App Extension works with all Shopify Online Store 2.0 themes. If you're on a legacy theme, use the Liquid embed method below.
Method 2: Liquid embed code
Use this for advanced placements embedding a form inside a specific .liquid template file, a blog post layout, or a custom section.
Copy the embed code
Open the form → click Copy embed code.
Open your theme's code editor
In Shopify Admin → Online Store → Themes → Edit Code.
Paste the snippet
Open the .liquid file where you want the form to appear and paste the code at that location.
Save the file
Click Save in the code editor. The form appears on your storefront immediately.
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 is the unique identifier for your form. It's pre-filled automatically when you click Copy embed code you don't need to edit it manually.
Multiple forms on one page
You can embed multiple different forms on the same page by placing multiple embed code snippets. Each form has its own unique token.
Was this page helpful?