No-code embed
Pick the options, copy one block, paste it into your site builder. The snippet loads
location-picker@3 from jsDelivr and adds a field that submits the exact
coordinates with your form.
Where to paste it
Short and honest: what works, and what to choose in the generator.
Tick “Include a complete form” and set the action. Formspree and
Basin accept any field names.
Netlify Forms registers fields from your HTML at deploy time, so
choose Hidden inputs and add data-netlify="true" and a
name to the form.
Add a Custom HTML block and paste. Script tags there need the
unfiltered_html capability (administrators on a self-hosted site). Form
plugins keep only the fields they define: add hidden fields named lat and
lng in the plugin (Contact Form 7: [hidden lat]), choose
Hidden inputs and tick “My form already has these fields”.
Put a Code Embed element inside your Form Block and paste. Webflow’s form handler only collects real inputs, so choose Hidden inputs. Custom code needs a Webflow plan that allows it.
The built-in Form Block cannot take extra fields. Add a Code Block with “Include a complete form” posting to Formspree or Basin. JavaScript in Code Blocks needs a plan that allows it.
Add a Custom Liquid block on the product page and choose
Hidden inputs named like properties[Delivery location]: the pin
is saved with the order line. The inputs must sit inside the product form or carry its
form="…" id (theme-specific). Checkout does not run custom scripts.
Google Forms and Microsoft Forms have no custom fields or scripts. Wix runs HTML embeds in an iframe, so the picker cannot join a Wix form; a complete form inside the same embed (posting to Formspree or Basin) does work.