Web Forms
How to integrate RevenueHero with Gatsby forms?
Integrate RevenueHero’s scheduler with your Gatsby form in 4 simple steps
- 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://app.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://app.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 🎉🎉