Sync Spectra form block entries to Google Sheets
Capture submissions from the Spectra (formerly Ultimate Addons for Gutenberg) Form block and stream them to Google Sheets for reporting, lead routing, and automation.
CMS: WordPress
Overview
Spectra (formerly Ultimate Addons for Gutenberg) adds a Form block to the WordPress block editor with conditional logic, Google reCAPTCHA integration, custom styling options, and email notifications. LeadToSheet listens for the form submit event on the frontend and writes the payload to Google Sheets, giving Spectra users a structured lead database without writing custom code or installing additional plugins.
Implementation checklist
- 1
Embed the LeadToSheet SDK in your WordPress footer
Add the script tag to your theme footer or use a header/footer plugin. Spectra renders form blocks as standard HTML on the frontend, so the SDK can detect and monitor them once the page loads.
LeadToSheet 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
Configure field names in the Spectra Form block
Open the Gutenberg editor, select each field in the Spectra Form block, and assign a readable name in the block settings sidebar. These names become your Google Sheets column headers.
Tip: Spectra auto-generates field names like `uagb-form-name-input`. Override them with clean identifiers like `first_name` or `phone_number`.
- 3
Submit a test entry with reCAPTCHA enabled
If you use Spectra's Google reCAPTCHA integration, submit a test from the published frontend to verify the entry passes validation and arrives in your Google Sheet. The SDK captures form data at the browser submit event, before server-side validation determines success or failure.
Customization ideas
Keep Spectra's email notifications active alongside sheet logging
Spectra's built-in email notification continues to fire normally. LeadToSheet adds a parallel Google Sheets record with additional metadata like UTMs, referrer, and device info that the email notification does not contain.
Leverage Spectra's conditional logic for targeted data capture
Spectra's conditional show/hide logic determines which fields the visitor fills in. LeadToSheet records only the visible fields at submission time, so your sheet reflects the actual user experience without empty conditional columns.
Style forms with Spectra's design options without affecting capture
Spectra offers extensive block styling (colors, spacing, typography). These visual changes are CSS-only and have no effect on the form's submission payload, so LeadToSheet captures data identically regardless of your design choices.
Troubleshooting
Spectra form submission returns success but no sheet row appears
Check that the LeadToSheet SDK script is not being deferred or excluded by a performance optimisation plugin. Spectra's AJAX submission fires quickly, and if the SDK loads after the form submits, the event is missed. Exclude `www.leadtosheet.com` from script deferral.
Block editor shows the form but test submissions fail
The Gutenberg block editor renders a design preview, not a functional form. Navigate to the published page URL in a new browser tab to test real submissions that will reach your Google Sheet.
reCAPTCHA v3 score causes silent form rejection
If Spectra's reCAPTCHA v3 threshold is too strict, submissions may be rejected server-side without a visible error. Lower the score threshold in Spectra settings or test in an incognito browser to rule out low scores caused by browsing history.
Frequently asked questions
- Is the Spectra Form block different from Spectra's other blocks for data capture?
- Yes. Only the dedicated Form block generates submission payloads. Other Spectra blocks (like call-to-action or buttons) do not produce form data. LeadToSheet specifically listens for form submission events.
- Does Spectra need to be the Pro version for LeadToSheet to work?
- No. The Form block is available in the free Spectra plugin. LeadToSheet captures submissions from both the free and pro versions identically.
- Can I capture forms from multiple Spectra Form blocks on the same page?
- Yes. Each Spectra Form block generates a separate form element. LeadToSheet tracks each one independently and records the block's identifier so you can distinguish submissions in your sheet.