Shopify Forms can be added to your Instant layouts using the App Island feature. This works on all section layouts or pages with Shopify Markets enabled.
Overview
Shopify Forms is a free, built-in solution for capturing customer information such as email addresses, contact details, and custom data.
Common Use Cases
Use Case | Description |
Email signup | Newsletter subscription forms |
Contact forms | Customer inquiries and support |
Lead capture | Collect customer information |
Feedback forms | Gather customer opinions |
Creating Forms in Shopify
Before adding forms to Instant, create your form in Shopify.
Step 1: Access Shopify Forms
Go to your Shopify Admin
Navigate to Apps → Shopify Forms (install if not already added)
Step 2: Create a New Form
Click Create form
Choose a form type:
Email signup
Contact form
Custom form
Configure form fields as needed
Customize the form design
Save your form
Step 3: Configure Form Settings
Setting | Description |
Fields | Add or remove input fields |
Success message | Message shown after submission |
Notifications | Email alerts for new submissions |
Integrations | Connect to email marketing tools |
Adding Shopify Forms to Instant
Step 1: Open the Insert Panel
Go to Insert → Elements → Embed and select App Island.
Step 2: Add the App Island Element
Drag and drop the App Island element into your section.
Step 3: Publish Your Section
Click Publish to make your section live in Shopify.
Step 4: Open the Shopify Theme Customizer
In Shopify, navigate to Online Store → Themes → Customize.
Step 5: Add the Section to Your Page
Locate and add the section you created in Instant to your Shopify page.
Step 6: Insert the Shopify Forms Block
Select your Instant section in the theme customizer
Click Add block
Choose the Shopify Forms app block
Select the form you want to display
Save your changes
Requirements
Requirement | Details |
Layout type | Sections or pages with Shopify Markets enabled |
App Island | Must be placed where form should appear |
Shopify Forms app | Must be installed in your store |
Published section | Section must be published before adding blocks |
Troubleshooting
Issue | Solution |
Form not appearing | Ensure App Island is placed and section is published |
Shopify Forms not in block list | Install Shopify Forms app from App Store |
Form not submitting | Check form settings in Shopify Forms app |
Quick Reference
Task | Action |
Create form | Shopify Admin → Apps → Shopify Forms → Create |
Add App Island | Insert → Elements → Embed → App Island |
Publish section | Click Publish in Instant |
Add form block | Theme Customizer → Select section → Add block → Shopify Forms |
Workflow Summary
Step | Location | Action |
1 | Shopify Admin | Create form in Shopify Forms app |
2 | Instant Builder | Add App Island element |
3 | Instant Builder | Publish section |
4 | Shopify Customizer | Add section to page |
5 | Shopify Customizer | Add Shopify Forms block |