Install Router on Framer
Installing a Distro Router on your Framer website enables you to efficiently qualify and route bookings that come from form submissions. This integration connects your Framer forms with Distro, allowing for automated meeting scheduling based on your configured routing rules.

Installation Steps
Log into your Framer account
Navigate to the page where you want to add the Distro router in the sidebar
Locate and select the "Settings" option
In the Settings panel, scroll down to the "Custom Code" section
Look for the textarea labeled "End of <body>
tag"
Add the following code snippet into this textarea:
<script type="text/javascript" src="https://app.distro.so/inbound.js"></script>
<script type="text/javascript">
window.distro = new Distro({ routerId: 'replaceWithRouterId' })
distro.schedule('#replaceWithFormId')
</script>
Verifying Installation
After adding the code:
Save your changes in Framer
Preview your page to ensure it loads correctly
Test the form submission to confirm that the Distro scheduling process activates
Important Notes
The code must be placed in the "End of
<body>
tag" section to ensure proper loadingThe form selector (e.g.,
#contact_sales
) must match exactly with your form's IDIf you have multiple forms on your page, you'll need to specify the correct form selector
By following these steps, your Framer website will be successfully connected to Distro, enabling automated meeting scheduling for your qualified leads.
Last updated