LogoLogo
  • Getting started
    • Admin onboarding checklist
    • Member onboarding checklist
    • Contact support
  • Routers
    • What is a router?
    • Router creation
      • Distribution method
    • Router installation
  • Forms
    • Form mapping
    • Supported forms
      • Custom HTML
      • Hubspot Form
  • Rules
    • Matching rules
    • Distribution rules
  • Event Types
    • Creating event type
  • Booking links
    • Personal meeting link
  • Teams
    • Create teams
  • Settings
    • Personal Settings
      • Profile
      • My Availability
      • Calendars
      • Conferencing
        • Zoom integration
        • ❌Google Calendar integration
      • My Integrations
    • Workspace Settings
      • General
      • Members
      • Integrations
      • Scheduler Settings
      • Vacation
        • Mark Calendar
  • CRM
    • Custom variables
    • Hubspot integration
      • Data pushed to Hubspot by Distro
    • Salesforce integration
Powered by GitBook
On this page
  • Installing the Router: A Simple Process
  • Install the router on your website
  • Popup
  • From the click of an element
  • From an embed

Was this helpful?

Export as PDF
  1. Routers

Router installation

Install the router on your website with a Distro-provided code snippet to activate lead management and scheduling features.

PreviousDistribution methodNextForm mapping

Last updated 1 year ago

Was this helpful?

After configuring your router in Distro, the final step to fully integrate this system into your lead management process is to install the router in your website. This involves implementing a code snippet that links your website’s functionality with the Distro system. This critical step ensures that the lead routing, qualification, and scheduling features are active and functioning seamlessly on your site.

Installing the Router: A Simple Process

  1. Obtain the Router Code Snippet:

After finalizing the setup of your router in the Distro platform, you will be provided with a unique code snippet. This code is the key element that connects your website's lead generation forms and interfaces with the Distro system.

Go to your , select the desired router, and then click on "Install Router."

  1. Follow the specific steps of the form you are using:

Install the router on your website

You can install the router as:

  • A popup

  • From the click of an element

  • As an embed

Popup

You need to first obtain the code snippet from the Install Router page of your router.

Then add the following script tag to the <head> of your page.

Then paste the rest of the javascript snippet before the closing tag of the <body> element.

Thats'it!

From the click of an element

Here is an example of how you can adapt the above code to trigger the popup from a button.

You will need to pass key value pairs to the submit() function. e.g. if you want to pass the email and name. 

// Trigger the popup from a button or link
<script type="text/javascript">
    const btn = document.getElementById('btn')
    console.log(btn)
    btn.addEventListener('click', () => {
      const distro = new Distro({ routerId: '213' }) // replace the router id

      distro.submit({
        field: 'value' // email: 'test@distro.so'
      }).then((data) => {
        console.log(data)
        distro.dialog.open(data);
      }).catch((error) => {
        console.log(error)
      })
    })  
</script>

From an embed

You can open the popup directly inside a selected div once the form has been submitted. All you need to do is to specify the id of the target div. 

<script type="text/javascript" src="https://app.distro.so/inbound.js"></script>
<script type="text/javascript">
window.distro = new Distro({ routerId: '213' })
distro.schedule('#screendesk-form', '#embedDiv')
</script>
Supported forms
Routers