# 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.

{% hint style="info" %}
When you integrate Distro with your Framer website:

* Your form continues to function exactly as before
* Distro only activates the scheduling widget when a form is submitted
* There is no interference with your current form setup or data collection processes
  {% endhint %}

<figure><img src="/files/1QDmKIrNuw0pOOdSdwGv" alt=""><figcaption></figcaption></figure>

### Installation Steps

{% stepper %}
{% step %}
Log into your Framer account
{% endstep %}

{% step %}
Navigate to the page where you want to add the Distro router in the sidebar
{% endstep %}

{% step %}
Locate and select the "Settings" option
{% endstep %}

{% step %}
In the Settings panel, scroll down to the "Custom Code" section
{% endstep %}

{% step %}
Look for the textarea labeled "End of `<body>` tag"
{% endstep %}

{% step %}
Add the following code snippet into this textarea:

```javascript
<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>
```

{% endstep %}
{% endstepper %}

#### Verifying Installation

After adding the code:

1. Save your changes in Framer
2. Preview your page to ensure it loads correctly
3. 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 loading
* The form selector (e.g., `#contact_sales`) must match exactly with your form's ID
* If 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.distro.so/routing/form-router/install-router-on-framer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
