From contact forms to registration forms, the best websites employ a variety of forms to convert leads into customers. Using Dora’s Embed feature, you can seamlessly integrate third-party forms into your website.

First, add an “Embed form” widget to your Dora project.

  1. Click the + Insert menu in the top toolbar, select “Embed form,” and drag to create an embed widget in the canvas.
  2. Select your 3rd-party service via the right-side panel → Embed form → Service

Next, add the configuration values for your chosen 3rd-party platform in the right-side panel.

You can refer to the following tutorials to find your configuration values:

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ed67693f-2f8d-4fe4-a49c-52b8cadb532d/download-1.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ed67693f-2f8d-4fe4-a49c-52b8cadb532d/download-1.svg" width="40px" /> HubSpot

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c6465d6c-693f-4598-b219-4f4ee80b605e/Mailchimp.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c6465d6c-693f-4598-b219-4f4ee80b605e/Mailchimp.svg" width="40px" /> Mailchimp

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/dd752119-1450-4927-be26-3ec0b20d7f49/Waitlist_Logo_1.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/dd752119-1450-4927-be26-3ec0b20d7f49/Waitlist_Logo_1.svg" width="40px" /> Get Waitlist

</aside>

<aside> ⚙ Other services

</aside>

Hubspot

  1. Open a new or existing form in your Hubspot marketing dashboard. Copy your portal and form IDs from the embed modal.

    Untitled

  2. Open a project in Dora. Click the + Insert menu in the top toolbar, select “Embed form,” and drag to create an embed widget in the canvas.

  3. Select "Hubspot" from the “Service” drop-down menu in the right panel.

  4. Paste the portal and form IDs into their respective ID fields (in the right panel). Head over to your Hubspot marketing dashboard to customize the form’s appearance.

Mailchimp

  1. In Mailchimp, create a new form or open an existing one. Go to “Embedded forms” and copy the embedded form code.

    Untitled

  2. Open a project in Dora. Click the + Insert menu on the top bar, and drag to create an embed widget in the canvas.

  3. Select "Mailchimp" from the “Service” drop-down menu in the right panel.