Sending Kombai Generated Email via ESPs

Kombai-generated code is compatible with the most popular Email Service Providers(ESPs). For images, we support the use of external assets and Base64 embedded images.

In external assets, we store all images used in the design inside an assets folder and use the relative path of those images inside the code. When you download the code, images are also downloaded along with it.

Under Base64 embedded images, we use Base64 strings to encode the images used in the design. Base64 (opens in a new tab) is an encoding process to convert binary data into ASCII characters for easy transmission and storage of data.

In this guide, we will cover how you can send Kombai-generated HTML emails through various ESPs in both methods. Here's the list of ESPs we are covering:

• Klaviyo
• Mailchimp
• HubSpot
• Constant Contact
• ActiveCampaign
• Campaign Monitor
• Moosend
• Brevo
• Zoho Campaigns
• Mailjet
• GetResponse

Klaviyo

Kombai also provides direct integration with Klaviyo for pro users. It allows you to send the code for your designs to Klaviyo's templates and campaigns in a single click. For more information, visit Klaviyo Integration doc.

Sending Kombai-generated HTML containing assets and linked images

To send the Kombai-generated email along with external images through Klaviyo, you have to create a template followed by creating a campaign. But before that, sign up for Kombai and download the code.

Creating a template in Klaviyo

1. Go to Content > Templates.

   

2. Click on Import Template.

   

3. Give a name to your template, upload the HTML and zip file of the assets folder, and click Import Template.

Creating a Campaign in Klaviyo

1. Go to Campaigns > Create campaign.

   

2. Select Email in Type and click Save and Continue.

   

3. Now, add your recipients and click Continue to Content.

   

4. In the Campaign Content box, add the email title, preview text, etc, and hit Drag and Drop in How would you like to design your email? section.

   

5. Click Saved templates, select your template and click Use template.

   

6. Once the template is loaded in the editor, click Back to Content.

   

7. Now, continue further to review your details and schedule or send the mail.

Sending Kombai-generated HTML containing Base64 embedded images

To send the generated HTML code through Klaviyo:

1. Copy/Download the code with Base64 embedded images from Kombai.
2. Repeat steps 1 to 3 of Creating a Campaign in Klaviyo.
3. In the Campaign Content box, add the email title, preview text, etc, and hit HTML in How would you like to design your email? section.

4. Paste the HTML code you downloaded from Kombai into the editor, save, and click Back to Content.

   

5. Now, continue to review your details and schedule or send the mail.

Mailchimp

Sending Kombai-generated HTML containing assets and linked images

To send the email along with external images through Mailchimp, you can either send it directly through the campaign or create a template. Let's discuss both these steps:

Creating a Campaign in Mailchimp

1. In the Mailchimp dashboard, click Create.

   

2. Name your email and click Create email.

   

3. Fill all email related info(sender, subject, send time etc.) and click Design Email.

   

4. Click Code your own, select Import zip, and upload the zip file you downloaded from Kombai.

   

5. Continue and send or schedule your mail.

Creating a template in Mailchimp

To create an email template in Mailchimp:

1. Click Content > Email templates in the dashboard.

   

2. Click Create Template.

   

3. Go to Code your own and click Import zip.

   

4. Name your template, upload the zip file, and click Upload.

   

5. Save the template once it's loaded in the Mailchimp editor.

Sending the email template

1. Repeat steps 1-3 of Creating a Campaign in Mailchimp section.
2. Go to Saved templates and select the template you saved.
3. Continue and send/schedule your email campaign.

Sending Kombai-generated HTML containing Base64 embedded images

To send the generated HTML email code through Klaviyo, you have to:

1. Copy/Download the code with Base64 embedded images from Kombai.

2. Repeat steps 1-3 of Creating a Campaign in Mailchimp.

3. Click Code your own and select Paste in Code.

   

4. Paste the code inside the editor and click Continue.

   

5. Now, send/schedule the email.

HubSpot

Sending Kombai-generated HTML containing assets and linked images

To send the generated HTML code through HubSpot, you have to create a template and send it through a campaign. Download the code from Kombai along with external images and follow the below steps:

Creating a template in HubSpot

1. From your dashboard, go to Marketing > Files and Templates > Design Tools.

   

2. Click Create a new file.

   

3. In the new popup, select HTML + HubL from the dropdown and click Next.

   

4. Select Email in Template type, name your file, and click Create.

   

5. Replace the existing HubSpot code with the Kombai-generated code.

6. Create a new assets folder and upload the design images to it(see the example below).

7. Replace the source of each image with the public URL HubSpot provides(see the example below).

8. Once all the image sources are replaced, click Publish changes.

Creating an Email campaign in HubSpot

1. In the top menubar, go to Marketing > Email.

2. Click Create email.

3. Select Regular.

4. Go to Custom and select your template.

5. Fill all email-related info(sender details, recipients, etc.) and send the email.

Sending Kombai-generated HTML containing Base64 embedded images

To send the generated HTML code through Mailjet, you have to:

1. Copy/Download the code from Kombai with Base64 embedded images.
2. Repeat steps 1 to 5 of Creating a template in HubSpot and publish your template.
3. Repeat steps 1 to 5 of Creating a campaign in HubSpot.

Constant Contact

Sending Kombai-generated HTML containing assets and linked images

Constant Contact does not support direct upload of zip file for images. So you have to upload the HTML code in the editor, upload the images in the library, and replace them manually in the code:

Creating a campaign in Constant Contact

1. Download the code from Kombai and sign up for Constant Contact.
2. On the Constant Contact website, click Marketing Campaigns > Email.

3. Click Create an Email.

4. Select Use your own HTML.

5. In the HTML editor, replace the existing code with Kombai-generated code and add the [[trackingImage]] tag just below the opening body tag(see the example below).

   💡

   Note: [[trackingImage]] tag is mandatory to have in your code.

6. Now, select Images from the Insert dropdown.

7. Upload the images to Constant Contact.
8. Replace the source of your existing images with the URLs provided by Constant Contact(see the example below).

9. Save the template, add email info (subject, sender details, recipients, etc.), and send your mail.

Sending Kombai-generated HTML containing Base64 embedded images

To send generated HTML email code through Constant Contact, you have to:

1. Copy/Download the code with Base64 embedded images from Kombai.
2. Repeat steps 1-5 of Creating a campaign in Constant Contact.
3. Save the template, add email info (subject, sender details, recipients, etc.), and send your mail.

ActiveCampaign

Sending Kombai-generated HTML containing assets and linked images

ActiveCampaign does not support direct upload of zip file for images. You have to upload the images in the library and replace them manually in the code:

Creating a campaign in ActiveCampaign

To send the generated HTML code through ActiveCampaign, you have to:

1. In your dashboard, click on Create a Campaign.

2. Name your campaign, select Standard, and click Next.

3. Select the recipient list and click Next.

4. Choose the Custom HTML template type and continue.

5. Select new template, type the email subject, and continue.

6. In the editor, paste your code.

7. Select Image from the Insert dropdown and upload the images to ActiveCampaign.

8. Replace the source of your existing images with the URLs provided by ActiveCampaign(see the example below).

9. Fill all the campaign details(sender, subject, etc.) and send/schedule the mail.

Sending Kombai-generated HTML containing Base64 embedded images

To send the generated HTML code through ActiveCampaign, you have to:

1. Repeat steps 1-7 from Creating a campaign in ActiveCampaign.
2. Save the template, fill all the campaign details(sender, subject, etc.), and send/schedule the mail.

Campaign Monitor

Sending Kombai-generated HTML containing assets and linked images

To send the Kombai-generated(base64) HTML code through Campaign Monitor, you have to:

Creating a campaign in Campaign Monitor

1. Download the code from Kombai and sign up for Campaign Monitor.
2. In the dashboard, click Create, then select Campaign.

3. Name your campaign and continue.

4. Fill in the necessary info like subject, from, etc., and click Design Email.

5. Select Import HTML.

6. Import your HTML file and zip file of the assets folder and click Start Import.

7. Continue further and send/schedule the mail.

Sending Kombai-generated HTML containing Base64 embedded images

To send the Kombai-generated(base64) HTML code through Campaign Monitor, you have to:

1. Repeat steps 1-5 of Creating a campaign in Campaign Monitor.
2. Import your HTML file and click Start Import.

3. Continue further and send/schedule the mail.

Moosend

Sending Kombai-generated HTML containing assets and linked images

To send the generated HTML code through Moosend, you have to:

Creating a campaign in Moosend

1. Download the code from Kombai and sign up for Moosend.
2. Choose Campaigns > Regular in the menu bar.

3. Click New, then Regular.

4. Fill the email-related details(sender, subject, etc.) and click Next.

5. Select the mailing list and continue.
6. In the design section, turn on the Imported Campaign Template and upload the zip file that you downloaded from Kombai.

7. Add personalization tags(if you want), then click Next.
8. Now send or schedule the campaign.

Sending Kombai-generated HTML containing Base64 embedded images

To send the generated HTML code through Moosend, you have to:

1. Repeat steps 1-5 of Creating a campaign in Moosend.
2. Turn on the Imported Campaign Template, import HTML, and click Next.

3. Add personalization tags(if you want), then click Next.
4. Now send or schedule the campaign.

Brevo

Sending Kombai-generated HTML containing assets and linked images

To send the generated HTML through Brevo, you have to first create a template and then send it through a campaign:

Creating a template in Brevo

1. Download the code from Kombai and sign up for Brevo.
2. Go to Campaigns > Templates > New Template.

3. Fill the required info(template name, sender, subject, etc.) and click Next Step.

4. Now select Code your own > Paste your code.

5. In the HTML editor, paste your code and replace each image in the Picture Manager with its local counterpart in your system, then save and continue.

6. Now, save and activate the template.

Creating a campaign in Brevo

To create a campaign in Brevo, you have to:

1. Go to Campaigns > Email > Create an email campaign.

2. Name your campaign and click Create campaign.

3. Fill in all the email details and click Start Designing.

4. Click My templates and select the saved template.

Sending Kombai-generated HTML containing Base64 embedded images

To send the generated HTML code through Brevo, you have to:

1. Copy the code from Kombai and sign up for Brevo.
2. Repeat steps 1-3 of Creating a campaign in Brevo.
3. Click Code your own, then Use HTML Editor.

4. Paste your HTML code in the editor and continue.

5. Now send or schedule the email.

Zoho Campaigns

Sending Kombai-generated HTML containing assets and linked images

To send the generated HTML through Zoho Campaign, you have to create an Email campaign. First, download the code from Kombai along with external images and follow the below steps:

Creating a campaign in Zoho Campaigns

1. In your dashboard, click Create.

2. In the new popup window, choose Email Campaign.

3. Create a new Regular Email campaign, name your campaign and proceed.

4. Fill subject, sender, recipient details and click Create Content.

5. Click Import/Upload HTML and select Upload from Computer.

6. Upload the html file and zip(that contains both HTML and images) file you downloaded from Kombai.

7. Send or schedule your campaign.

Sending Kombai-generated HTML containing Base64 embedded images

To send the generated HTML code through Zoho Campaigns, you have to:

1. Copy/Download the code from Kombai with Base64 embedded images.
2. Repeat steps 1-4 of Creating a campaign in Zoho Campaigns.
3. Select HTML Code Editor.

4. Click the code(</>) icon at the right side of the options bar.

5. In the new input box, paste your code and click Insert.

6. Continue further and send/schedule your email campaign.

Mailjet

Sending Kombai-generated HTML containing assets and linked images

To send the generated HTML through Mailjet, you have to create an Email campaign. First, download the code from Kombai along with external images and follow the below steps:

Creating a campaign in Mailjet

1. In your Mailjet dashboard, go to Create a campaign.

2. Fill all the required info(subject, sender details, etc.), then click Design email.

3. Go to Code in HTML and select Code from scratch.

4. Paste your code in the editor. Then go to Images > Insert image from gallery and upload the images from assets folder.

5. Replace the existing image source with the images you uploaded to Mailjet(see the below example).

6. Continue further and send or schedule your mail.

Sending Kombai-generated HTML containing Base64 embedded images

To send the generated HTML code through Mailjet, you have to:

1. Copy/Download the code from Kombai with Base64 embedded images.
2. Repeat steps 1-3 from Creating a campaign from Mailjet.
3. Paste your code into the editor.
4. Continue further and send/schedule your mail.

GetResponse

Sending Kombai-generated HTML containing assets and linked images

To send the generated HTML through GetResponse, you have to create an Email campaign. First, download the code from Kombai along with external images and follow the below steps:

Creating a campaign in GetResponse

1. Click Email marketing in the navbar.

2. Go to Create Newsletter > By myself.

3. Fill all email-related info(sender, title, etc.) and click Design message.

4. Go to the HTML editor, click Upload from ZIP, and upload the zip file you downloaded from Kombai.

5. Once the code is loaded in the editor, continue further and send or schedule your message.

Sending Kombai-generated HTML containing Base64 embedded images

To send the generated HTML code through, you have to:

1. Copy/Download the code from Kombai with Base64 embedded images.
2. Repeat steps 1-3 of Creating a campaign in GetResponse.
3. Go to the HTML editor and click Paste in code.

4. Paste your code in the editor and continue to send or schedule your message.