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

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

1. In Webflow, navigate to your form's settings and set a CSS ID with a unique value. For ex. `email-form`
   <Frame>
     <img src="https://mintcdn.com/revenuehero/tGwUePCk9NL4u_C1/images/webflow_1.gif?s=603269462ceed06bfc8500f6af0a38df" alt="" width="1440" height="686" data-path="images/webflow_1.gif" />
   </Frame>
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 type="text/javascript">
      window.hero = new RevenueHero({ routerId: '<routerId>' }); // Replace 123 with Router ID
      hero.schedule('#email-form'); // Unbounce form ID
   </script>
   ```
4. In Webflow, navigate to **Sidebar** -> **Pages** -> *Your landing page* -> **Edit Page settings** (wheel icon)
   * Scroll to **Inside \<head> tag** section, and paste the RevenueHero source script
   * Scroll to **Before \</body> tag** section, and paste the RevenueHero widget code
   * Verify, and click **Save** in the slide-out's right-top corner
   <Frame>
     <img src="https://mintcdn.com/revenuehero/tGwUePCk9NL4u_C1/images/webflow_2.gif?s=f875253a3b81c7291a04e73207455c03" alt="" width="1440" height="686" data-path="images/webflow_2.gif" />
   </Frame>
5. Publish your landing page

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