How to integrate RevenueHero with Gatsby forms?

Go to your landing page with your Gatsby form and find your form’s identifier which, for example here is #gform_16
Set up an Inbound Router in RevenueHero with the form identifier in your form mapping

Copy the installation script from the final step of the router set up.

Sample installation script

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

In your Gatsby form component code, add the following code to integrate RevenueHero widet on your form submission

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 🎉🎉