> For the complete documentation index, see [llms.txt](https://recatch.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://recatch.gitbook.io/docs/features/booking-page/embed.md). # Install Booking Page If you're on a Basic Plan or above, you can seamlessly embed your Re:catch booking page into your website's inbound lead form. This allows your leads to effortlessly schedule meetings with your team directly from your website. \ Follow these steps to install a booking page on your website: 1. [Copy installation code snippet](#copy-installation-code-snippet) 2. [Apply installation code snippet](#apply-the-installation-code-snippet) *** ### Install Re:catch on your website's inbound lead form
#### Copy your installation code snippet 1. Click **'Share'** on the top right corner of the booking page, and select **'Web Form Embed'** tab. 2. Choose between light and dark mode to align with the **style** of your website. 3. *IMPORTANT* : Include the HTML **'form' class** on your website's form to integrate the booking page.\ **Note:** If you already have a form, find the 'form' class following the instruction below. If you haven't assigned a form class yet, add one in this step first and then apply the same class name when building your form. {% hint style="info" %} To locate the **`
`**, visit the webpage containing your form, open the Developer Tools (right-click -> select 'Inspect'), and identify the code snippet containing the`form` element. Look for code resembling what you can see in the ['Integrate Custom Web Form'](/docs/workflow-installation/integrate-custom-web-form.md) guide, then identify the form tag resembling `**`"abcde"`**`...>`. Then, copy the "**`abcde`**" as your form class! {% endhint %} 4. If you would like to view and analyze user data from your website visit to their form submission (e.g. website to form submission conversion rate), click 'Collect Visitor Data'. 5. Once you've finished configuring all the settings, simply click 'Copy' to copy the installation code snippet. #### Apply the installation code snippet 1. Navigate to the HTML code of the webpage that contains the form where you want to install Re:catch. Then, paste the copied code snippet into the `` section of the HTML.
2. (*Optional*) If you want to match the information you're already gathering with Re:catch Booking Page, you can configure the `` field names as follows:\ \ Name: \\ Email: \ \ Phone Number: \
3. You're all set! Once you've saved the changes and published your website, any leads who submit their details on your form will be able to smoothly schedule a meeting with you using Re:catch. {% hint style="warning" %} **Facing issues while installing on your form?** We provide guidance for various website types, so determine which of the following form types matches yours and find detailed instructions on integrating a custom web form: * [Custom HTML Form](/docs/workflow-installation/integrate-custom-web-form/custom.md) * [Imweb](broken://pages/NfbIjEesB3qlqEWrqqst) * [Webflow](broken://pages/bY7cwPdO52kEttj3vfT2) * [Framer](broken://pages/uZXdoIP9kb0u8JcU7ZhT) * [Hubspot](broken://pages/Zlk4MMkjT9nDtAdCjm4g) * [Framer](broken://pages/uZXdoIP9kb0u8JcU7ZhT) * [SDK Mode](/docs/workflow-installation/integrate-custom-web-form/sdk-mode.md) {% endhint %}