---
title: "Adding Routing Forms to Your Unbounce Landing page"
description: "Adding a routing form to your Unbounce landing page is quick and easy."
url: "https://help.staticso2.com/human-engagement/routing-forms/sharing-embedding/adding-routing-forms-to-your-unbounce-landing-page"
---

Adding a routing form to your Unbounce landing page is quick and easy.

Caution

You can add custom javascript when working in the Classic Unbounce Builder only.

## Add a routing form to your landing page

[Section titled “Add a routing form to your landing page”](#add-a-routing-form-to-your-landing-page)

### Create the routing form

[Section titled “Create the routing form”](#create-the-routing-form)

1. Go to **Routing forms** on the left.
2. Click on the **Create routing form** button OR duplicate another form by clicking the three dots menu for that form and selecting **Duplicate**.

[**Create the form**](https://help.staticso2.com/human-engagement/routing-forms/introduction-to-routing-forms/creating-routing-form) as you prefer, either duplicated from another, from scratch, or using a template.

When you’ve added the interactions you want, routed them, and designed the form as you like, navigate to the **Embed on website** tab.

### Install the code

[Section titled “Install the code”](#install-the-code)

#### In OnceHub

[Section titled “In OnceHub”](#in-oncehub)

You’ll grab the code you need for Unbounce.

1. On the **Embed on website** tab, pick a color for your routing form, then click **Get the code**.
2. Copy the code.

![](https://help.staticso2.com/_astro/fo-publish-copy.C43Ifa4b_Z1cD0CL.gif)Figure 1: Copy the embed code

#### In Unbounce

[Section titled “In Unbounce”](#in-unbounce)

In the Classic Builder, you’ll use a [**custom HTML widget**](https://documentation.unbounce.com/hc/en-us/articles/360034877112-How-Do-I-Embed-Custom-HTML-or-Widgets-onto-my-Landing-Page-) in each individual place where you want a form. This creates an iframe on the page, where your form will appear.

1. Edit your landing page.
2. Click to add a [**custom HTML widget**](https://documentation.unbounce.com/hc/en-us/articles/360034877112-How-Do-I-Embed-Custom-HTML-or-Widgets-onto-my-Landing-Page-).
3. In the **Embed Custom HTML Code** section, paste the code from OnceHub and adjust as needed.
4. Make sure the size of the widget is large enough on your page to hold the embedded form in it, as you want it displayed. This may require multiple attempts as you adjust and preview.
5. Save your page.

That’s it! Your landing page can now display your routing form in the place you added it.