How to integrate RevenueHero with Gatsby forms?

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.

1. Go to your landing page with your Gatsby form and find your form’s identifier which, for example here is #gform_16
   
2. Set up an Inbound Router in RevenueHero with the form identifier in your form mapping
3. 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>
   
4. 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")
   }}
   />