Overview
123FormBuilder is a cloud form platform with thousands of templates covering registration, payment, surveys, and HIPAA-compliant healthcare forms. It supports both iframe and JavaScript embeds, plus native webhook integration. LeadToSheet adds UTM parameters, referrer data, and device context to every submission row in Google Sheets. This is attribution data that 123FormBuilder's own integrations do not capture.
Implementation checklist
- 1
Add the LeadToSheet SDK to your embed page
Place the script tag on the page hosting your 123FormBuilder form. If you use the JavaScript embed, LeadToSheet captures form fields natively from the DOM.
LeadToSheet snippet
<script src="https://cdn.leadtosheet.com/sdk.min.js" data-client="YOUR_CLIENT_KEY"></script> - 2
Select the JavaScript embed option
In 123FormBuilder's Publish settings, choose the JavaScript embed code over the iframe option. The JS embed renders the form in your page DOM, enabling LeadToSheet to detect and capture all fields without cross-origin restrictions.
Tip: If you need the iframe embed for styling isolation, configure a webhook in 123FormBuilder's Integrations tab to POST to your LeadToSheet webhook URL.
- 3
Test a payment form with digital signature
Submit a test entry that includes payment and digital signature fields. Verify that the payment status, signature timestamp, and all standard fields appear in your Google Sheet.
Customization ideas
Track HIPAA form submissions by channel
For healthcare forms requiring HIPAA compliance, LeadToSheet adds attribution data so you can measure which marketing channels drive the most patient intake form completions while keeping data in your controlled Google Sheet environment.
Route different templates to separate tabs
If you embed multiple 123FormBuilder templates across your site, use data-leadtosheet-tab attributes to send each template's submissions to a dedicated sheet tab, keeping event registrations separate from contact forms.
Combine digital signature status with lead scoring
123FormBuilder's digital signature fields indicate agreement acceptance. Use Apps Script to score leads higher when the signature column is populated, prioritizing signed agreements for your sales team.
Troubleshooting
JavaScript embed form not rendering
123FormBuilder's JS embed loads asynchronously. If the form does not appear, check your browser console for script loading errors. Ensure no Content Security Policy headers are blocking the 123formbuilder.com domain.
Iframe embed requires webhook fallback
The iframe embed runs on 123formbuilder.com's domain. LeadToSheet cannot access fields inside it due to cross-origin restrictions. Configure a webhook integration in 123FormBuilder to deliver submissions to your LeadToSheet endpoint server-side.
Conditional logic fields not appearing in sheet
Fields controlled by conditional logic may not render during a test if the conditions were not met. Submit test entries that trigger every conditional branch to pre-create all column headers in your Google Sheet.
Resources
Frequently asked questions
- Does 123FormBuilder's JavaScript embed work on all website platforms?
- Yes. The JS embed is a standard script tag that works on any HTML page, React app, WordPress site, or custom-built website. LeadToSheet captures the form wherever it renders.
- Can I use LeadToSheet with 123FormBuilder's HIPAA plan?
- Yes. LeadToSheet sends data directly to your Google Sheet without storing it on intermediate servers. Ensure your Google Workspace account also meets HIPAA requirements with a Business Associate Agreement in place.
- Will LeadToSheet interfere with 123FormBuilder's native integrations?
- No. LeadToSheet operates at the browser level independently. Your existing email notifications, CRM integrations, and payment processing in 123FormBuilder continue to work unchanged.