Capture forms.app submissions on Shopify
forms.app embeds on your Shopify store via iframe with 4000+ templates, payment forms, and e-signatures. Use LeadToSheet's webhook integration so every submission lands in Google Sheets with full storefront 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. A webhook fallback is the solution: configure the LeadToSheet webhook URL in forms.app's integration settings so every submission, including payment forms, product order forms, and quizzes, lands in your Google Sheet with Shopify page context.
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>(function(w,d,s,u,k,e){if(w.__formsync){return}w.__formsync={q:[],k:k,endpoint:e};var js=d.createElement(s);js.src=u;js.async=1;js.onload=function(){w.__formsync.init&&w.__formsync.init({ clientKey:k })};d.head.appendChild(js);})(window,document,'script','https://www.leadtosheet.com/sdk.min.js','YOUR_CLIENT_KEY','https://www.leadtosheet.com/api/ingest');</script> - 2
Set up the webhook fallback in forms.app
Since forms.app renders inside an iframe on a different domain, the SDK cannot capture submissions directly. Add the LeadToSheet webhook URL to forms.app's integration settings to ensure every submission is forwarded to your Google Sheet.
Tip: The webhook approach bypasses cross-origin restrictions entirely and is the most reliable method for iframe-embedded forms.
- 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
For forms captured via the webhook integration, the parent page URL is not automatically included. Add the page URL as a parameter in the webhook configuration if needed. Build a pivot table to see which product pages, landing pages, or collection pages drive the most forms.app submissions.
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. Set up the webhook fallback in forms.app's integration settings to bypass cross-origin restrictions entirely.
Submission captured without Shopify page context
When using the webhook fallback, the Shopify page URL is not automatically included. LeadToSheet excludes hidden fields, so instead use a visible read-only text field pre-filled with the Shopify page URL, or rely on the page URL that LeadToSheet captures automatically when the SDK is loaded on the storefront page.
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 LeadToSheet webhook 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. The webhook fallback in forms.app's integration settings is the solution for reliable capture.
- 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.