Embed typeforms on any Cloudflare-hosted site
Got a website hosted by Cloudflare? You can easily embed typeforms anywhere. Choose from embed options like full page, pop-up, and seamless mode so your typeform blends in perfectly with your site’s design.
Here are just a few things you can do with Typeform and Cloudflare:
- Create a contact form that matches your website's look and feel
- Kick-start your lead generation by embedding a typeform wherever it makes the biggest impact
- Sell a product or service via a typeform shopping cart with a seamless experience
You can add multiple typeforms to one site, so you can engage people in as many conversations as you like. All that without any coding whatsoever.
What you need:
- A free Typeform account
- A free Cloudflare account
Click the Use this integration button, on the left of this text, to get started.
If you already have a Typeform account, you’ll be asked to log in, and then to either choose an existing typeform, or create a new one to connect with Cloudflare.
If you don’t yet have a Typeform account, we’ll get you signed up, and then take you through creating a typeform to connect with Cloudflare.
- Log in to your Cloudflare account.
- Click on Apps, then write ‘Typeform’ in the search apps bar. Now you should see the Typeform app appear. Click on this to open the Typeform dashboard. Alternatively, you can find it by scrolling through the featured apps.
- Here’s the Typeform app dashboard:
- Click Preview on your site, which opens the interface where you can add a typeform to your site.
- You need an active Typeform account – you can either create a new one here, or log in to your existing account. We’re going to log in to our account, so click on Typeform login (highlighted above).
- A new window will pop up. Log in to your Typeform account, and then click Accept.
- Now you’ll see a new dropdown menu, Typeforms. Click this and you’ll find all the typeforms in your account. Select the one you want to add to your site.
- Next you can choose where to place your typeform. Click on Pick a location, and scroll to where you want to add your typeform, in the preview panel on the right, and click.
- Your typeform will now appear in the preview panel. You can customize exactly where in this location is appears, using the Location dropdown menu on the left.
- Now you can choose how you want your typeform to appear. Choose from our embed options – full embed or pop-up. Please refer to this article which explains our embed features in more detail.
- Click Preview in a separate window to see how your site will look in a full page.
- Once you’re happy with where and how your typeform looks in the preview, click Install and the typeform will be added to your site.
- Now, when you open the Apps tab in Cloudflare, and go to Installed Apps, you’ll see Typeform listed. You can click Edit install at any time to make changes to where and how your typeform appears on your site.
