Sync EComposer form submissions to Sheets
Capture leads from EComposer landing pages, popup elements, mega menus, and cross-selling sections in Google Sheets for unified reporting across every page you build.
CMS: Shopify
Overview
EComposer is a Shopify page builder featuring live drag-and-drop editing, form elements, a built-in popup builder, mega menu support, and AI-powered content generation. LeadToSheet captures form submissions from all EComposer-built pages and elements, ensuring that leads from custom landing pages, popup offers, and cross-selling sections flow into Google Sheets without requiring custom development.
Implementation checklist
- 1
Add the SDK to your Shopify theme
In your Shopify admin, go to Online Store > Themes > Edit Code. Add the LeadToSheet snippet to theme.liquid before the closing </head> tag.
theme.liquid snippet
<script src="https://cdn.leadtosheet.com/sdk.min.js" data-client="YOUR_CLIENT_KEY"></script> - 2
Publish EComposer pages and test forms
EComposer's live editor shows real-time previews, but external scripts only execute on the published page. Save, publish, and visit the live URL to test form submissions.
Tip: EComposer's popup builder creates popups tied to specific pages. Test on each page where a popup is configured to confirm LeadToSheet captures all of them.
- 3
Verify multi-element captures
If your EComposer page includes both an inline form and a popup form, submit test data through both and confirm each appears as a separate row in your Google Sheet.
Customization ideas
Capture cross-selling section inquiries
EComposer's cross-selling sections can include 'notify me' or inquiry forms. LeadToSheet captures these alongside the product context from the page URL, letting you build product demand reports in Sheets.
Track popup-to-page form conversion paths
If your EComposer page uses a popup form and an inline form, LeadToSheet records both submission types with page context so you can compare popup vs inline conversion rates in Sheets.
Leverage AI-generated content tracking
EComposer's AI content generator creates page variations. When you test different AI-generated landing pages, LeadToSheet captures form data from each, enabling you to measure which AI-written content drives the most leads.
Troubleshooting
Live editor forms do not trigger LeadToSheet
EComposer's live editor renders pages in an isolated environment. The LeadToSheet SDK only loads on published pages via theme.liquid. Always test on the live store URL after publishing.
Popup forms from EComposer's popup builder not detected
EComposer popups inject into the DOM on trigger events (click, scroll, time delay). LeadToSheet's observer will detect these, but verify the popup form uses a standard HTML form element rather than a custom JavaScript-only submission.
Mega menu forms not captured
EComposer mega menus can include embedded form elements. These render inside the navigation DOM, which may collapse before submission completes on some themes. Ensure the mega menu stays open during form submission by testing with EComposer's 'stay open on interaction' setting.
Resources
Frequently asked questions
- Can LeadToSheet capture forms from EComposer's section builder?
- Yes. EComposer sections embed into existing Shopify pages. Any form element within an EComposer section renders as standard HTML on the published page and is captured by LeadToSheet.
- Does the AI content generator affect form capture?
- No. EComposer's AI generates text content, not form structures. The form elements you place in the editor remain unchanged regardless of AI-generated surrounding content.
- Can I capture forms from EComposer-built 404 or collection pages?
- Yes. As long as theme.liquid loads on those page types (which it does by default in most Shopify themes), LeadToSheet will capture form submissions from any EComposer-customized page.