> ## Documentation Index
> Fetch the complete documentation index at: https://help.revenuehero.io/llms.txt
> Use this file to discover all available pages before exploring further.

# How to integrate RevenueHero with Gatsby forms?

> Integrate RevenueHero's scheduler with your Gatsby form in 4 simple steps

1. Go to your landing page with your Gatsby form and find your form's identifier which, for example here is `#gform_16`
   <Frame>
     <img src="https://mintcdn.com/revenuehero/UzHLzo_aXht6hSU4/images/gravity_1.gif?s=0d53dd033eef18ae91b2675c38b76367" alt="" width="1440" height="628" data-path="images/gravity_1.gif" />
   </Frame>
2. Set up an [Inbound Router](/routers/inbound/create-inbound-router) in RevenueHero with the form identifier in your form mapping
3. Copy the [installation script](/routers/inbound/create-inbound-router#install-the-script) from the final step of the router set up.
   ```javascript Sample installation script theme={null}
   <script type="text/javascript" src="https://assets.revenuehero.io/scheduler.min.js"></script>
   <script type="text/javascript">
      // Use Router ID inplace of 666 here
      window.hero = new RevenueHero({ routerId: '666' });
      hero.schedule('#gform_16'); // Gatsby form ID
   </script>
   ```
4. In your Gatsby form component code, add the following code to integrate RevenueHero widet on your form submission
   ```typescript theme={null}
   import { Script } from 'gatsby'
   <Script
   src="https://assets.revenuehero.io/scheduler.min.js"
   strategy="afterInteractive"
   onLoad={() => {
      // Replace 666 with your Router ID
      const hero = new window.RevenueHero({ routerId: "666" })
      hero.schedule("#gform_16")
   }}
   />
   ```

That's it. Once published, you're ready to start converting your Demo Meetings 🎉🎉