Add a Typeform to your Unbounce page
Seamlessly add a typeform directly to an Unbounce Smart Builder landing page in just a few clicks. Share your typeform on a pre-optimized landing page and track every conversion.
Set up is easy:
1. Within Unbounce's Smart Builder, simply click the Apps icon and select Typeform
2. From there, you'll be able to choose a layout to add a typeform to or create a new typeform, then see it in real time within Unbounce's Smart Builder. No more copy and pasting code!
3. Any Typeform submissions will be counted as conversions in your Unbounce page stats, but lead integrations are only available through Typeform's integrations.
__What you need:__
- A Typeform account with at least one active typeform
- An Unbounce account and landing page built with the all-new Smart Builder
__Getting Started__
1 Login to your Unbounce account. If you don't already have an Unbounce account, you can sign up for one [here](https://unbounce.com/pricing/ "Sign up for Unbounce").
2 Navigate to the __Apps__ tab within the lef-hand side menu.
3 Click the __plus button__ next to Typeform to install the app.
![smart-builder-apps-typeform](https://images.contentful.com/co0pvta7hzrh/4JoPz0KTU37qlXw3YQiWVT/4f2d3c142bea9fc5337aff5d6fc63b1a/smart-builder-apps-typeform.png)
4 A window will appear where you may choose a Typeform section template. See [Unbounce's documentation for more on Section templates](https://documentation.unbounce.com/hc/en-us/articles/4403350773012 "Unbounce's documentation for more on Section templates").
5 Once selected, the Typeform section template will appear on the page for you to customize.
![adding-a-typeform-section-template](https://images.contentful.com/co0pvta7hzrh/6fmlkO2kpp54nqvtTFDuY7/f5ba2b55a323d65eeab5ac88105bbc96/adding-a-typeform-section-template.gif)
__Authorizing Typeform with Unbounce__
Next you'll want to authorize your Typeform account to this Unbounce landing page.
1 Within the Typeform section template, click the __Add Existing Form__ button.
![Add Existing Form](https://images.contentful.com/co0pvta7hzrh/75mtG0xifMpez2DP32cUjj/3fd82e4e4075af079cbe37ec47b7cb90/add-first-typeform.png)
*You can update and change the form or create a new form from scratch at a later time. This step is to ensure that you authorize Typeform with Unbounce.*
2 Click the __Connect__ button to continue.
![Connect Typeform with Unbounce](https://images.contentful.com/co0pvta7hzrh/5UShCK7Yy6KB1DEoYp49U9/d8f8e341758ea655202f6560b9bac73c/authorize-typeform-1.png)
3 A page will appear with a list of required permissions Unbounce will need in order to connect with the Typeform app
![authorize-typeform-2](https://images.contentful.com/co0pvta7hzrh/4sLLbaL6de6jxYFYHdxheC/8d6c99fbc69fb5666a662ced4e9d1cbe/authorize-typeform-2.png)
*If you’d like to sign into a different Typeform account, click the __Choose a different account__ button and follow the prompts to sign in.*
4 Once you’ve logged into the Typeform account, click __Accept__ - a new page will appear with available Typeforms to choose from.
*Note: this authorization process happens the first time you connect Typeform with Unbounce. If you need to revoke these permissions, navigate back to your Typeform account & click your avatar at the top right and corner, then select __Settings__. Navigate to Authorized Apps and click __Revoke__ next to Unbounce.*
__Embedding a Typeform__
Now that you’ve authorized your Typeform account with Unbounce, you can embed the form directly to your page!
To embed an existing form:
1 Scroll the list of available forms in your Typeform account to apply it to your page.
2 Select a form & scroll to the very bottom of the page, and click the blue __Choose this form__ button.
![embedding-a-typeform](https://images.contentful.com/co0pvta7hzrh/1lXyzoAWN25hj0gIM4vY42/b1d28dc5875eef357e5eaf004e50fd82/embedding-a-typeform.gif)
And that’s it! The form will appear on the landing page!
__Create a New Form__
1 Scroll to the bottom of the list of available forms in Typeform and click __Create new form__.
![create-new-form](https://images.contentful.com/co0pvta7hzrh/21Lzrhe0TcTd9UZu0uM2Ti/eebf4281c4c72bc8677c99e7b5bfe2c4/create-new-form.png)
2 The Typeform app will appear in a new window, where you can start creating a new form to embed later. To test the form, toggle the __Preview__ at the top of Smart Builder.
![preview-typeform](https://images.contentful.com/co0pvta7hzrh/Za1DC4eh9cGSIi5X5MrW2/d6ebd34267088dbe7bc659f699fac834/preview-typeform.gif)
__Resizing and Changing the Layout of your Typeform__
To change the section layout, click the __Change Layout__ icon at the bottom right-hand corner of the Typeform section. A window will appear at the bottom of the page, with different section templates to flip through.
To resize the form, single-click the form and use the drag icons (box icons on either side of the element) to reposition the form.
![resize-and-change-layout-typeform-section](https://images.contentful.com/co0pvta7hzrh/6WGGVIRjCuzCGp3k8hcnjH/dabafb7e5f7f6767046353ae1897bc5c/resize-and-change-layout-typeform-section.gif)
Need to make edits to your Typeform fields, change the design or layout? See [Typeform’s documentation](https://help.typeform.com/hc/en-us "Typeform's Help Center") on how to style and design your form, and apply more custom formatting options.
__Conversion Tracking & Typeform__
You can enable or remove conversion tracking for your typeform on your page. That way, any time a user completes a form submission via typeform, Unbounce will track this as a conversion.
Click the __More Options__ button to view the Conversion Tracking for this typeform. By default, the app will automatically track submissions to the typeform as conversions:
![typeform-conversion-tracking](https://images.contentful.com/co0pvta7hzrh/68jH306Hix3Iyci1cv3D9J/d535c7de5befaf34952319cf8f794c7d/typeform-conversion-tracking.png)
To view information about your leads, you will need to log in to Typeform and navigate to the Results section.