Embed a Mailchimp 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.
In order to embed a Mailchimp form in your Maglr publication, you would first have to create a new signup form using Mailchimp's Form builder. In this form builder, you will find a Signup form url to share with your adience.
Warning: Do NOT copy this form url to your clipboard, but open it in your webbrowser. Opening this link will redirect you to the actual url of the form. The link that you would want to place inside your Maglr form will look similar to this:
In case your are using a Mailchimp form in combination with a gate overlay or page redirect you need to redirect the Mailchimp form itself to a special url. The Maglr platform needs to understand when a Mailchimp form is correctly submitted.
Inside the form configuration you are able to configure the thank you page. You can choose this option through the dropdown menu. When the tank you page is selected it's not necessary to fill in all the texts. Just add the following redirect URL : https://forms.maglr.com/confirm
After the form is completed the user will be forwarded back to Maglr. Here we have the option to close the gate overlay, or redirect the user to a different page URL. You can configure these options in the Maglr form module.
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.
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 Mailchimp here. Next, simply paste your Mailchimp form's url 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 Mailchimp form 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 Mailchimp form in your Maglr publication!
Embed a Mailchimp form
In order to embed a Mailchimp form in your Maglr publication, you would first have to create a new signup form using Mailchimp's Form builder. In this form builder, you will find a Signup form url to share with your adience.
Warning: Do NOT copy this form url to your clipboard, but open it in your webbrowser. Opening this link will redirect you to the actual url of the form. The link that you would want to place inside your Maglr form will look similar to this:
Add a redirect URL in your mailchimp form (gated forms)
In case your are using a Mailchimp form in combination with a gate overlay or page redirect you need to redirect the Mailchimp form itself to a special url. The Maglr platform needs to understand when a Mailchimp form is correctly submitted.
Inside the form configuration you are able to configure the thank you page. You can choose this option through the dropdown menu. When the tank you page is selected it's not necessary to fill in all the texts. Just add the following redirect URL : https://forms.maglr.com/confirm
After the form is completed the user will be forwarded back to Maglr. Here we have the option to close the gate overlay, or redirect the user to a different page URL. You can configure these options in the Maglr form module.
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.
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 Mailchimp here. Next, simply paste your Mailchimp form's url 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 Mailchimp form 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 Mailchimp form in your Maglr publication!
Updated on: 08/02/2023