> ## 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 Gravity forms?

> Integrate RevenueHero's scheduler with your Gravity form in 5 simple steps

1. Go to your landing page with your Gravity form and find your form's identifier which will be something like `#gform_16`
   <Frame>
     <img src="https://mintcdn.com/revenuehero/UzHLzo_aXht6hSU4/images/gravity_1.gif?s=0d53dd033eef18ae91b2675c38b76367" width="1440" height="628" data-path="images/gravity_1.gif" />
   </Frame>

<Warning>
  Ensure the your Gravity form has AJAX enabled.

  <Frame>
    <img height="200" width="200" src="https://mintcdn.com/revenuehero/UzHLzo_aXht6hSU4/images/gravity_ajax.png?fit=max&auto=format&n=UzHLzo_aXht6hSU4&q=85&s=87c285035a38e19620c76d1e2bb3297d" data-path="images/gravity_ajax.png" />
  </Frame>
</Warning>

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>
   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**
   <Frame>
     <img src="https://mintcdn.com/revenuehero/UzHLzo_aXht6hSU4/images/gravity_2.png?fit=max&auto=format&n=UzHLzo_aXht6hSU4&q=85&s=4242f1e71d6101d42fc70b4e48185ff9" width="2880" height="1320" data-path="images/gravity_2.png" />
   </Frame>
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
   <Frame>
     <img src="https://mintcdn.com/revenuehero/UzHLzo_aXht6hSU4/images/gravity_3.gif?s=35dea3c93ee6320b4740154cd42c87e8" width="1440" height="656" data-path="images/gravity_3.gif" />
   </Frame>

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