Framer
Add a Form Router to the Framer page containing your form.
Map the form in Distro, including its selector and field names.
Connect the form to the router, configure its rules and event type, then test and activate the router.
Open Install Router and copy the installation code.
In Framer's project settings, open Custom Code, choose Add Script, and add the script for the intended page. Place it at the end of the body, after the form markup.
Publish the Framer site and test the form on the published page.
Use the actual router ID and form selector from Distro. A selector such as #contact-form must identify the intended form on the published site.
Framer's custom-code settings control where and when the script runs. See Framer's custom code guide for its current editor controls.
Confirm the original form submission still reaches its destination as well as checking the scheduler. A custom JavaScript form or provider integration can behave differently from a standard HTML form. See Custom HTML forms for the standard handler's submission behavior.
Last updated