Dora

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.

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

Select your 3rd-party service via the right-side panel → Embed form → Service

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:

<img src="https://downloads.intercomcdn.com/i/o/1077849012/0709460d75c05d058f0fe3e6/hubsopt.png?expires=1732266000&amp;signature=78cd3ea17f5999fa2ba7900ac6814092baa74ae695abdc6026036fc109417e84&amp;req=dSAgEcF6lIFeW%2FMW3Hu4gdWjJ%2BLttxnsFgVYtdUhdVyeFwD14wVJL%2FwJb4uM%0ADQ%3D%3D%0A" width="20" alt=""> <a href="#h_ee3f8ca995">HubSpot</a>

<img src="https://downloads.intercomcdn.com/i/o/1077850787/95b9dbbf122835d2a4969cce/mailchimp_logo_icon_145088.png?expires=1732266000&amp;signature=c5301db7272d11429539880dcf481dbc8c36166aa89ff45f40309246e8f284f0&amp;req=dSAgEcF7nYZXXvMW3Hu4gVV80h4D3EmrIXcFJH%2Bpa2%2F8HwALbkZ3%2BSTXr7us%0AEw%3D%3D%0A" width="21" alt=""> <a href="#h_efb79cfaa7">Mailchimp</a>

<img src="https://downloads.intercomcdn.com/i/o/1077882033/82429f6221cfe6f8547c6f03/waitlist.png?expires=1732266000&amp;signature=b15c8a10753f5010b587adee386bad99dda019fda4825ca65eb1f9b383b129ce&amp;req=dSAgEcF2n4FcWvMW3Hu4gX%2BQnK%2BTWahmfMD10dBZji0Zf7aABE3fSuhV%2Bu%2B4%0ARg%3D%3D%0A" width="20" alt=""> <a href="#h_474f031208">Get Waitlist</a>

⚙️ <a href="#h_100033a2cc">Other services</a>

___________________________________________________________

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

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.

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

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.

1. Open a new or existing form in your Hubspot marketing dashboard. Copy your portal and form IDs from the embed modal.
 
 
 
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.

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

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

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

Paste the embed code in the right panel. Preview or publish to see your form in action!

1. In Mailchimp, create a new form or open an existing one. Go to “Embedded forms” and copy the embedded form code.
 
 
 
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.
 
4. Paste the embed code in the right panel. Preview or publish to see your form in action!

Open a new or existing form in your Get Waitlist. Copy your form ID from the address bar.

Select "Get waitlist" from the service drop-down menu in the right panel.

Paste the form ID in the right panel. In "Get Waitlist" to customize the appearance of the form.

1. Open a new or existing form in your Get Waitlist. Copy your form ID from the address bar.
 
 
 
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 "Get waitlist" from the service drop-down menu in the right panel.
 
4. Paste the form ID in the right panel. In "Get Waitlist" to customize the appearance of the form.

As long as your third-party form service provides an embed code, it should be compatible with Dora’s Embed Form feature. However, note that the width of the embedded form may not automatically adjust to fill the entire widget.

Editing the embed code. You can add height="100%" and width="100%" in your custom code to ensure your embed completely fills and/or resizes based on the parent element.

Making adjustments in the settings within the third-party service's interface. 

1. Editing the embed code. You can add height="100%" and width="100%" in your custom code to ensure your embed completely fills and/or resizes based on the parent element.
    
2. Making adjustments in the settings within the third-party service's interface. 
    