Articles on: Create, publish & manage

Embed a Hubspot form

In Maglr, you have the ability to place forms in your publications. This can be done in multiple ways, as you can embed created forms in external tools like Pardot, Marketo, Hubspot and MailChimp. In addition to this, you can also directly create forms in Maglr from inside both the Block or Pro editor. The forms element works similarly for both of these editors. In this example, the Pro editor will be used.

Embed a Hubspot form



In order to embed a Hubspot form in your Maglr publication, you would first have to create a form. Create a new form in Hubspot and choose the embedded form option. Then proceed setting up your form.

Image: form types in Hubspot

Next, find your form's sharing/embedding options to find the embed code of your Hubspot form. Then click the copy button to copy the embed code to your clipboard.

Image: Hubspot form embed code

Adding the form to your page in Maglr



To start creating or embedding a form, start by opening the specific page you would like to edit the form to in the editor. As stated before, this can be either the Block or Pro editor. Click the + add button in the top left of the editor to add a new element, and choose the form element. 

Image: form element in the Maglr Pro editor

Drag the element onto your page, and in the menu on the right you will now see a choose / edit form option appear. When clicking this, a window will open with (if done before) all of your existing forms. Select or edit an existing form, or create a new one by clicking the + new form button in the top right. Here you can choose to embed an existing form from another source, or create an entirely new form directly in Maglr. Click the embed an existing form option here.

In the menu on the right, provide a name for your form and select the platform you have used to create your form; select Hubspot here. Next, simply paste your Hubspot form's embed code here and you will directy see your form appearing on the left side of the screen.

Optionally, set a 'Redirect URL' to redirect your viewers to a specific URL when clicking submit in the form here. Then click save form in order to save your Hubspot form in Maglr.

Image: form settings in Maglr

You will now be redirected back to Maglr's Forms overview. Select the form you have just created here by clicking select form, or edit it via the icons next to this button. Now you will be directed back to the editor, in which you will see your form appearing right away.

You have now succesfully placed a Hubspot form in your Maglr publication!

Updated on: 14/03/2024