Capture forms.app submissions on Shopify
forms.app embeds on your Shopify store via iframe with 4000+ templates, payment forms, and e-signatures. Use forms.app's own Google Sheets integration or another automation tool for the actual submission rows, and keep LeadToSheet on the storefront page for page-level context.
CMS: Shopify
Overview
forms.app is an external form builder with 4000+ templates that embeds on Shopify via iframe. Because the form lives on a different domain, the SDK cannot capture submissions across the cross-origin iframe boundary. Use forms.app's own Google Sheets integration or another automation tool for the actual submission data, and pass page or campaign context into forms.app itself if you need it downstream.
Implementation checklist
- 1
Add the LeadToSheet SDK to theme.liquid
Open Online Store > Themes > Edit code. Add the SDK snippet to theme.liquid before </body>. This loads the SDK on the parent page hosting the forms.app iframe.
LeadToSheet SDK snippet
<script async src="https://www.leadtosheet.com/api/sdk?k=YOUR_CLIENT_KEY"></script> - 2
Choose forms.app's delivery path
Since forms.app renders inside an iframe on a different domain, the SDK cannot capture submissions directly. Use forms.app's own Google Sheets connector or another automation tool for those submissions.
Tip: Iframe-embedded builders need provider-side delivery because the browser cannot read the inner form DOM.
- 3
Submit a test form and verify the row in Sheets
Complete a test submission through the forms.app embed on your Shopify page. Confirm the row appears in your Google Sheet with both the form field data and the Shopify page URL where the form was embedded.
Customization ideas
Capture payment form data for order reconciliation
forms.app payment forms collect transaction details. LeadToSheet records the payment fields submitted through the form so you can cross-reference orders in your Google Sheet with Shopify sales data.
Score quiz responses in Sheets
If you use forms.app quizzes on product pages, LeadToSheet captures quiz answers. Use Apps Script formulas to calculate recommendation scores and match visitors with product suggestions.
Track which Shopify pages generate submissions
If you use forms.app's own integrations, the parent Shopify page URL is not automatically included. Pass page or campaign values into the form itself if you need them in the downstream sheet.
Troubleshooting
Iframe cross-origin blocking submissions
forms.app embeds load from a different domain, which triggers cross-origin restrictions that prevent the SDK from capturing submissions. Use forms.app's own integration or another automation tool for the submission data instead.
Submission captured without Shopify page context
When using forms.app's own integration or another automation tool, the Shopify page URL is not automatically included. Pass the page URL or campaign values into forms.app directly if you need them in the downstream sheet.
E-signature forms not syncing
E-signature data may be submitted as a separate API call after the main form. If the signature field is missing from your sheet, configure the external automation endpoint in forms.app to capture the complete payload including signature data.
Frequently asked questions
- Why does forms.app on Shopify require special cross-origin handling?
- forms.app renders inside an iframe hosted on forms.app's domain, not your Shopify domain. Browsers restrict cross-origin communication between iframes and parent pages, so the SDK cannot capture these submissions directly. That is why you need forms.app's own integration or another automation tool for response delivery.
- Can I capture forms.app payment form details in Google Sheets?
- Yes. LeadToSheet records the form field values submitted at the time of completion, including payment-related fields like amount and plan selection. Sensitive payment card data is handled by forms.app's payment processor and is not included in the form payload.
- Do forms.app product order forms work with LeadToSheet?
- Yes. Product order forms, quizzes, and standard contact forms are all captured. Each submission includes the form fields plus the Shopify page context so you can tie orders to specific product pages.