--- title: "Integrating web forms using URL parameters" description: "If you want to integrate your web form with OnceHub, you'll need to set up your web form to redirect to an external URL and include the submitted form data i..." url: "https://help.staticso2.com/scheduleonce/sharing-publishing/web-form-integration/integrating-web-forms-using-url-parameters" --- If you want to integrate your web form with OnceHub, you’ll need to set up your web form to redirect to an external URL and include the submitted form data in the URL. The URL should be either a standalone [Booking page](https://help.staticso2.com/scheduleonce/event-types-booking-pages/booking-pages/introduction-to-booking-pages "Introduction to Booking pages") (e.g. ), or a custom Thank you page with a website integration option on it (for example, a [Website button](https://help.staticso2.com/scheduleonce/sharing-publishing/publishing-on-websites/website-button "Website Button") or [Website embed](https://help.staticso2.com/scheduleonce/sharing-publishing/publishing-on-websites/website-embed "Website Embed")). The submitted form data must be formatted to match our [supported OnceHub URL parameters](https://help.staticso2.com/scheduleonce/sharing-publishing/personalized-links/url-parameters-syntax-and-processing-rules "OnceHub URL parameters and processing rules"). In this article, you’ll learn about integrating your web form with OnceHub using URL parameters. Note This article describes how to send information from your web form to a OnceHub Booking page. It’s also possible to [redirect booking confirmation data](https://developers.oncehub.com/docs/client-side-api/redirecting-booking-confirmation-data/) from your OnceHub Booking form to a web form using URL parameters. ## Using URL parameter with web form apps [Section titled “Using URL parameter with web form apps”](#using-url-parameter-with-web-form-apps) There are many web form apps available on the market, but only a few of them support the URL parameters functionality. Most often, you will find this functionality in the **Notifications** section of your web form. In this article, we use [Wufoo](http://help.wufoo.com/articles/en_US/SurveyMonkeyArticleType/Form-Rules) to describe the steps required to integrate your web form with OnceHub, but the same steps should apply to any web form which is capable of supporting URL parameters. Some other web forms that support this functionality include [123FormBuilder](https://www.123formbuilder.com/docs/how-to-pass-user-input-from-one-form-to-another/) and [GravityForm](https://www.gravityhelp.com/documentation/article/gform_confirmation/). ## Requirements [Section titled “Requirements”](#requirements) To integrate your web form with OnceHub, you must ensure that the web form can pass parameters to the Thank you page. ## Copying the Website embed or Website button code from OnceHub [Section titled “Copying the Website embed or Website button code from OnceHub”](#copying-the-website-embed-or-website-button-code-from-oncehub) 1. Go to the **Schedule button** in the top navigation menu and select **Publish on your website**. 2. Select the publishing option you will add to your Thank you page. * [Website embed](https://help.staticso2.com/scheduleonce/sharing-publishing/publishing-on-websites/website-embed "Website Embed"): This option displays your Booking page as an integrated part of your web page. * [Website button](https://help.staticso2.com/scheduleonce/sharing-publishing/publishing-on-websites/website-button "Website Button"): Clicking the button displays your Booking page in a lightbox on top of your web page, or in a new browser tab. 3. In the **Select a Booking page** step, select the page you want to integrate with your web form (Figure 1). ![Figure 1: Select a Booking page step](https://help.staticso2.com/_astro/screenshot-2022-10-12-203527.DMyfK1OE_Z15urF7.png)Figure 1: Select a Booking page step 4. Select **Customer data is passed via URL parameters** from the **Customer data** step. 5. In the **Booking form** step, you can select one of the two options below: * **Skip the Booking form:** Skipping the OnceHub Booking form helps you maximize your booking conversions and provides your Customers with a quicker booking process. * **Prepopulate the Booking form:** The data is visible in the Booking form and can be edited by the Customer before submission. [Learn more about prepopulated Booking forms](https://help.staticso2.com/scheduleonce/event-types-booking-pages/booking-forms-redirect/prepopulated-booking-forms "Prepopulated Booking forms") 6. Click **Copy code** to copy the code to your clipboard. ## Creating a Thank you page [Section titled “Creating a Thank you page”](#creating-a-thank-you-page) In this step, you’ll need to create a Thank you page where your prospects will be redirected to after filling out and submitting your form. Most web form apps provide a Thank you page that you can customize. However, you might want to use your own Thank you page, which sits on your branded website or on an external landing page builder app. On your Thank you page, paste the OnceHub Website embed or Website button code that you copied in the steps above. You should paste the code where you want the publishing option to show. ## Sending the web form data to the Thank you page via URL [Section titled “Sending the web form data to the Thank you page via URL”](#sending-the-web-form-data-to-the-thank-you-page-via-url) This is the most important part of the process. Follow the steps below to complete the integration: 1. **Redirect the web form to your Thank you page:** When the form is submitted, it needs to redirect to the Thank you page you set up earlier. For example, if you’re using **Wufoo**, you can use a feature called [Form Rules](http://help.wufoo.com/articles/en_US/SurveyMonkeyArticleType/Form-Rules) to define the form submission redirect URL. 2. **Pass web form data to the Thank you page URL:** In addition to redirecting to the Thank you page, you’ll need to configure how the web form passes data in the URL to make sure that all Booking form data is added to the URL. 3. **Match web form data to OnceHub supported fields:** To be able to use the web form data in OnceHub, you need to make sure the right fields are passed to OnceHub. Only supported fields are processed. Most modern web form apps provide **field** **mapping** functionality, which allows you to change the names of the web form fields when passing them via the URL. For example, if you’re using [Wufoo](http://www.wufoo.com/), you can map Wufoo fields to third-party app fields using a feature called [Templating](http://help.wufoo.com/articles/en_US/SurveyMonkeyArticleType/Templating). 4. To add more URL parameters to the code, check the [OnceHub URL parameters article.](https://help.staticso2.com/scheduleonce/sharing-publishing/personalized-links/url-parameters-syntax-and-processing-rules "OnceHub URL parameters and processing rules") Congratulations! You have integrated OnceHub with your web form.