How to integrate RevenueHero with Gravity forms?

1. Go to your landing page with your Gravity form and find your form’s identifier which will be something like #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>
   jQuery(document).on("gform_post_render", function(event, formId, currentPage) {
      // Track AJAX submit and send to RH manually
      // [Step-1] Use right form ID in place of "#gform_xy"
      jQuery("#gform_xy").on("submit", function(ev){
         window.gformData = Object.fromEntries(
            new FormData(ev.currentTarget).entries()
         );
      })
   });
   jQuery(document).on("gform_confirmation_loaded", function(event, formId) {
      if(window.gformData !== undefined) {
         // [Step-2] Use right router ID in place of 'abc'
         window.hero = new RevenueHero({ routerId: 'abc', showLoader: true });
         hero.submit(window.gformData).then((sessionData) => {
            hero.dialog.open(sessionData);
         });
      }
   });
   </script>
   

4. Go to your Gravity Forms account and navigate to your landing page by going to Sidebar -> Pages -> Landing Page -> Edit
5. Toggle the Block Inserter, scroll to Widgets and add Custom HTML to the bottom of the page. Paste the RevenueHero installation script in it and click Update on top-right corner to persist changes

That’s it. You’re ready to start converting your Demo Meetings 🎉🎉