← Tools & Integrations

Typedream x Hubspot x Typedream

Form

How does this integration work?

background

First, create an account on Hubspot and select the form that you desire

background

Second, copy the embed code from Hubspot into the embed feature in your Typedream's page

background

Then, publish your page and your Hubspot form will be ready in your live website and custom domain

Uses.

Create powerful and useful forms that you can use gather important information about your visitors and contacts. You can create forms using many available templates in Hubspot to meet your needs.

  • Create powerful forms: With HubSpot’s form, you can easily create custom forms for your website without any technical expertise. Every visitor who fills out your forms will automatically be added to your database, so you can nurture them with personalized messaging and email campaigns. 
  • Add the code easily to the embed feature in your page:You only need to copy the code generated from Hubspot's website and paste it in the embed feature. It is that easy

Step 1: Create your Hubspot account

  1. Go to https://www.hubspot.com/
  2. Create your account (you may use your Google account to make things faster)
  3. Check your e-mail for the OTP
  4. Finish the tutorial and important notes from Hubspot

Step 2: Create your form

  1. Go to the dashboard and click on the 'Marketing'
  2. Click on the 'Forms' button on the next slide bar
  3. Finally click on the 'Create Form' button to start creating a new form
  4. Click on the 'Copy CSS to clipboard' button and click 'Done'
  5. In the next screen you'll be asked to choose your desired form type. Choose a template and click on the 'Next' button
  6. You will design and customize your form in the next screen. Finish setting up a new form and click on the 'Next' button

Step 3: Copy the embed code from your form

  1. When you have finished setting up your form, go to the dashboard
  2. Hover your cursor on your newly created form and click on the 'Actions' button
  3. A selection of actions will appear - click on the 'Share' button
  4. A pop-up will appear. Click on the 'Embed Code' tab and click on the 'Copy' button

Step 4: Paste the code into the embed feature in your page

  1. Go to your workspace and select the page that you wish to add the form
  2. Create an empty block and type /embed to create an embed element
  3. Click on the 'Code' tab and paste the code from Hubspot
  4. Click on the 'Insert Code' button and publish your page
  5. Check your page in Preview mode or in custom domain

Done!

But wait, what's Hubspot?

HubSpot’s form lets you to easily create custom forms for your website without any technical expertise. Every visitor who fills out your forms will automatically be added to your database, so you can nurture them with personalized messaging and email campaigns. 

background

Start building your dream site today.

The world needs to see your awesome idea.


We're a remote software company, building online tools for creators, builders, and side hustlers. We quit our 9-5 to pursue our dreams, and we want to help others do the same.

Typedream - No-code site builder, easy as Notion, pretty as Webflow | Product Hunt

Backed by

Copyright © 2023 Govest, Inc. All rights reserved.

Made in Typedream