Capture PageFly form submissions in Sheets
Sync lead capture forms from your PageFly landing pages, product pages, and custom sections into Google Sheets without any server-side code or third-party connectors.
CMS: Shopify
Overview
PageFly is a Shopify page builder with drag-and-drop form elements that render as standard HTML forms on your published pages. LeadToSheet captures these form submissions directly from the browser, making it the simplest way to collect PageFly form data in Google Sheets without building custom Shopify app integrations or webhook handlers.
Implementation checklist
- 1
Install the SDK in theme.liquid
Open your Shopify admin, go to Online Store > Themes > Edit Code, and add the LeadToSheet snippet to theme.liquid before the closing </head> tag.
theme.liquid 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
Publish and test your PageFly forms
PageFly forms only work on published pages, not in the editor preview. Publish your page, visit it on your live store, and submit test data to confirm LeadToSheet captures it.
Tip: PageFly's editor preview uses an iframe that does not load your theme.liquid code. Always test on the published URL.
- 3
Verify field names in your sheet
Check that PageFly form field names map to readable column headers. If PageFly generates generic names, rename the field elements in the PageFly editor and republish.
Customization ideas
Route landing page leads by campaign
If you build separate PageFly landing pages per marketing campaign, use LeadToSheet's URL-based routing to send each page's leads to a dedicated sheet tab for clean campaign attribution.
Capture product page inquiry forms
PageFly lets you add contact forms to product page sections. LeadToSheet captures the product page URL alongside the form data, so you can track which products generate the most inquiries.
Track attribution with visible fields
LeadToSheet excludes hidden fields (input[type='hidden']), so adding hidden form fields for UTM parameters will not work. Instead, rely on the page URL and referrer data that LeadToSheet captures automatically, or add visible read-only text fields for additional attribution data.
Troubleshooting
Forms work in preview but not on live site
PageFly's editor preview renders forms differently than the published page. If forms submit in preview but LeadToSheet does not capture them on the live site, verify the published page includes the form element by inspecting the DOM on the live URL.
AJAX form submission not captured
Some PageFly form configurations submit via AJAX without a full page reload. LeadToSheet captures form data at the browser submit event, which works with both standard and AJAX form submissions as long as a DOM submit event fires, but if a custom PageFly element uses a non-standard submission method (e.g., fetch API without a form element), wrap it in a standard <form> tag so the SDK can detect the submission event.
Forms on password-protected pages not syncing
If your PageFly page is behind a Shopify password page, the SDK loads but the form may not render until after authentication. Once the visitor passes the password page and the form renders, LeadToSheet will capture submissions normally.
Frequently asked questions
- Do I need PageFly's form integration add-on?
- No. LeadToSheet works at the browser level and captures PageFly form submissions directly from the HTML form element. You do not need any additional PageFly integrations or third-party apps.
- Can I capture forms from PageFly's 100+ templates?
- Yes. Regardless of which PageFly template you start from, the published form renders as standard HTML. LeadToSheet captures any HTML form on the page.
- What happens if I redesign my PageFly page?
- If you change form field names during a redesign, LeadToSheet will create new column headers in your sheet for the updated fields. Old columns remain untouched so historical data is preserved.