Skip to main content

How to Integrate Mail Chimp with Icegram Engage

MailChimp Integration example

note

All the mailing list providers can be integrated with Icegram Engage. All you need to do is enter is the form's HTML code in the form section of Icegram Engage. Follow the steps given below within your respective mail list provider.

Part 1: How to get the Form in Mailchimp?

Step 1: Go to Lists. Click on the list name you want to generate a subscription form for.

Step 2: Go to Signup forms. Select Embedded forms

Step 3: Icegram Engage can work with any HTML code here - including the ones that have custom JavaScript and CSS code in them. For example, you may use the "Classic" form like this:

mailchimp-embed-classic-form

Step 4: But what may work best, is to use "Super Slim" or "Naked" form, with minimum number of fields. The "Naked" form gives minimal form HTML code and you can easily customize it if needed.

mailchimp-embed-naked-form

Step 5: Copy the HTML code from "Copy/paste onto your site" textbox.

  • This form code has lot of line breaks. And extra line breaks cause extra paragraphs in WordPress. So let's clean it up so that everything is on a single line. To do this,

Step 6: go to TextFixer's free online line break / paragraph removal tool. Paste MailChimp's form embed code. Remove line breaks. Copy the resulting HTML code.

removing-linebreaks-from-subscription-form-html-code

Part 2: How to insert this HTML in Icegram Engage Form Embed Fuctionality?

Step 1: Create a new campaign & add the message type of your choice

Step 2: Tick mark the form checkbox in the content editing panel of the message type

Step 3: Next select a form style.

note

this is the style of the input boxes only

Step 4: Select the position of the input boxes. They are graphically represented so you can choose them easily.

note

if you select the position as INLINE. You will have to manually insert the ig_form in the location of your choice in your message body.

Step 5: Paste the HTML code / short code of your third party service or simply add HTML code for your custom form

Step 6: Save draft and Check preview. If everything is well, Go live!

how_to_add_optin