Export Code Output
Export to ESPs/MAPs

Export to ESPs/MAPs

Kombai-generated code can be exported directly to the marketing platforms without involving any manual steps to download and upload the code. The code can be exported either as a template, or as a template and campaign.

This feature is currently available to our users on Premium plan or above.

Omnisend

Kombai generates Omnisend-specific HTML emails for the input design. Once Omnisend is selected as the ESP to export the emails, you can download the Kombai-generated email template and send it to your users via Omnisend.

Select Omnisend as the default ESP/MAP to export your email

Here are the steps to set Omnisend as the default ESP/MAP:

  1. Go to Settings and scroll to Select ESP to export your email.
  2. Select Omnisend from the dropdown.
  3. Apply the settings.

Export to Omnisend

Follow the steps below to export the email to Omnisend:

  1. In Kombai, go to Export CodeExport to ESPOmnisend.
  2. Click Copy Code.
  3. Go to Omnisend and click on CampaignsCreate campaign.
  4. Click Create email under the email card.
  5. Add all campaign information(Subject line, reply-to email, preheader, etc.)
  6. Click Choose email template.
  7. Select Other in Filter by Goal.
  8. Hover on HTML template and click Use template.
  9. Click on the loaded template in the preview area.
💡

Note: If the email design width is not 600px, click the surrounding email canvas and match the canvas width to your email design width.

  1. Replace the existing HTML code with the Kombai-generated code.
  2. Click Save & choose recipients.
💡

Note: If the email has no unsubscribe link, Omnisend will add its custom footer to the email. Click continue to go with it or visit this section to know how to add an unsubscribe link to the Kombai-generated email.

  1. Add your audience and click Review campaign.
  2. Review the campaign details and send or schedule the campaign.

Frequently asked questions(FAQs)

How do I save the Kombai-generated email to Omnisend?

To save the Kombai-generated email to Omnisend:

  1. Follow steps 1-10 of the Export to Omnisend.
  2. Click on the down arrow beside Send test email.
  3. Click Save as template.
  4. Add the template name and click Save as template.

How do I add the unsubscribe & manage preferences link for the Omnisend email?

To add the unsubscribe link and manage preferences link:

  1. Go to SettingsReplace texts with Merge TagsLinks tab.
  2. In Text column, add the text where you want to place the unsubscribe link.
  3. In Merge Tag column, add the following merge tag - [[unsubscribe_link]] and tap .
  4. Again, in the Text column, add the text where you want to place the manage preferences link.
  5. In Merge Tag column, add the following merge tag - [[preference_link]], tap and confirm.

Klaviyo

Kombai provides direct integration with Klaviyo. Once your Klaviyo account is connected to Kombai, you can export the generated HTML email code directly to Klaviyo without manually downloading or uploading the code.

Connect the Klaviyo account

Connecting the Klaviyo account to Kombai is a one time activity. To connect your Klaviyo account to Kombai:

  1. Load the design in Kombai.
  2. Go to Settings and scroll to bottom.
  3. Click on Connect in Klaviyo section under Connected Apps.
  4. Create a new Private API Key in Klaviyo. Visit this section to know how to generate a Private API Key in Klaviyo.
  5. Paste the generated API Key & Account Name in the input box, and click Connect.

Visit this section to know how to connect multiple Klaviyo accounts to Kombai.


Generate API key in Klaviyo

Follow the steps below to generate an API key in Klaviyo:

  1. Open the Klaviyo dashboard.
  2. Click the organization's name in the bottom left.
  3. Go to SettingsAPI KeysCreate Private API Key.
  4. Name your API key and grant the following permissions to below mentioned API scopes:
API ScopesPermissions
AccountsRead
CampaignsRead/Write
ImagesRead/Write
ListsRead
TemplatesRead/Write
  1. Click on Create.

Export code to Klaviyo

Kombai-generated code can be exported to Klaviyo, both, as a template and a campaign:

  • Export as a Template - This will export the generated email template to Klaviyo.
  • Export as a Template and Create a Campaign - This will export the generated email template to Klaviyo and automatically create a Klaviyo campaign using the template in draft mode.

Depending upon whether you have marked any texts, images, or sections as Klaviyo-editable, there are two different ways to export the generated code to Klaviyo. Let's discuss each of them in detail:

Follow the steps below to export the Kombai-generated code to Klaviyo if your design includes Klaviyo blocks:

  1. Hover on Export Code and go to Export to ESPsKlaviyo.

  2. From here, you can let Kombai upload the template to Klaviyo via integration or upload the HTML yourself:

Upload template via integration

Kombai will upload the code and create a draft template/campaign via Klaviyo API. In this case, you need to follow a few steps to open the uploaded template in Klaviyo’s drag-and-drop editor.

Follow the steps below to upload template via integration:

  1. Select Upload template via integration, name your template, and click Export to Klaviyo.

  2. Optionally, you can choose to create a campaign. In that case, select Also create a template in draft state in Klaviyo, name your campaign, add your campaign audience and click Export to ESP.

Upload HTML file manually

💡

Note: We recommend this method only to those users who have prior experience in uploading HTML templates to Klaviyo manually.

Follow the steps below to know how to upload HTML file manually:

  1. Select Upload HTML file manuallyDownload HTML file to download the HTML file. Your assets have already been uploaded to Klaviyo.
  2. Now, open your Klaviyo dashboard and go to Content > Templates.
  3. Click on Import Template.
  4. Name your template, upload the HTML file you downloaded from Kombai, and click Import Template.
💡

Note: Unsubscribe tag is mandatory for marketing templates in Klaviyo. Visit this section to know how to generate email code with Klaviyo's unsusbscribe tag using Kombai.


Edit template in Klaviyo

Depending on whether you have selected to export only the template or the template with campaign, there are two ways to edit the template in Klaviyo:

💡

Note: Only templates that have texts, images, or sections as Klaviyo-editable can be edited in Klaviyo.

Follow the steps below to edit the draft template in Klaviyo’s drag-and-drop editor:

  1. Create a campaign in Klaviyo.
  2. Click the Drag and Drop option to design your email campaign, select the recently uploaded template from the Saved templates section.
  3. Click Save button on the top of the email template editor.
  4. Click Back to Content after saving the template.
  5. Click Edit email on the top right of Campaign Content section. Your template should now open in Klaviyo’s drag and drop editor.
💡

Note: If you see any error while loading the template in the editor, please reload the page.

  1. Select the editable block in the preview area.
  2. If it's a text block, edit the content in the Content section in the left sidebar.
💡

Note: If your design is using a custom font, please ensure that you have added that particular font to Klaviyo. To know how to add custom fonts to Klaviyo, visit this section.

  1. If it's an image or section block, replace it with another image or drag a new block on top of it from the left sidebar and delete the old block.

Add custom fonts to Klaviyo

Klaviyo's default fonts are pre-installed on a wide majority of devices. If your email is using a custom font other than those default fonts, please import the concerned font to Klaviyo before sending the campaign.

There are two ways to import a custom font in Klaviyo- Inside Drag & Drop Builder and Inside Images & Brand.

To import custom font inside drag and drop builder:

  • Open the Klaviyo-editable design you downloaded from Kombai and load it inside the Klaviyo's drag and drop builder.
  • Select the text that you marked as editable.
  • Click on Select an option dropdown in the left sidebar and select Add font.
  • Google Fonts: If the concerned font is hosted on Google Fonts- select the font from Select Google Font dropdown, select a fallback font, and click Add Font.
  • Adobe Fonts: If the concerned font is hosted on Adobe Fonts- paste your CSS Address inside the input box in Adobe Fonts section and continue.
  • Import Font: If the concerned font is hosted elsewhere- define the font name, weight, style, source address, and select a fallback font in Import Font section and click Add Font.

Connect multiple Klaviyo accounts

Kombai supports integration of multiple Klaviyo accounts. This feature is currently available to our users on Business Plan.

There are two ways to connect multiple Klaviyo accounts to Kombai:

  1. Connect the first Klaviyo account. Visit this section to know how to connect a Klaviyo account to Kombai.
  2. Hover on Export Code.
  3. Click Export to ESP.
  4. Under Connect Your ESP Account, click on Klaviyo.
  5. Paste your Klaviyo API Key and Account Name in the input box, and click Connect. Visit this section to know how to generate a Private API Key in Klaviyo.

Disconnect the Klaviyo account

Follow the steps below to disconnect the Klaviyo account:

  1. Go to Settings and scroll to bottom.
  2. Click on Disconnect in Klaviyo section, under Connected ESPs.

To re-connect your Klaviyo account to Kombai, refer Connect your Klaviyo account.

Frequently asked questions (FAQs) & troubleshoot

Klaviyo's unsubscribe link and manage preferences tag were not found in the downloaded HTML

By default, Kombai does not put any ESP/MAP-specific merge tags in the generated code. If no unsubscribe link or manage preferences tag is found in the exported code, Klaviyo will add its default unsubscribe link at the bottom of the email.

Here are the steps to add a custom unsubscribe and manage preferences link to your email:

  1. Add {% unsubscribe %} and {% manage_preferences %} to the footer of the figma design and regenerate code.
  2. Go to Manage Fonts and ensure the above font sizes are not converted to images.
  3. Export the generated email to Klaviyo or download the code and manually upload it to Klaviyo.
  4. Save and send the campaign.

Klaviyo will replace the corresponding tags with Unsubscribe and Manage Preferences text and add the links automatically to the sent email.

💡
Note: If you want to add the unsubscribe link with a custom name other than Unsubscribe, add the following text to the footer of the Figma design- {% unsubscribe 'YOUR UNSUBSCRIBE TEXT' %}

The unsubscribe and manage preferences link in Klaviyo always renders in same #1155CC color

Follow the steps below to add a custom color to the unsubscribe link:

  1. Mark the unsubscribe text as Klaviyo editable.
  2. Export the generated code to Klaviyo through Kombai.
  3. Create a campaign with the exported template(only for those who have not exported the code as a template and campaign).
  4. Once the email is loaded inside Klaviyo's drag-and-drop builder, select the unsubscribe text block.
  5. Click the code icon in the left sidebar.
  6. Turn the <p> tag to <a> tag and add {% unsubscribe_link %} to the href attribute.
  7. Now, select the manage preferences text block in the preview.
  8. Click the code icon in the left sidebar.
  9. Turn the <p> tag to <a> tag and add {% manage_preferences_link %} to the href attribute.
  10. Save and send the campaign.

Klaviyo API limit reached for image uploads

Klaviyo allows 100 automated image uploads, via APIs, per day per account. If the upload limit is reached for your account, we cannot upload the images in the template automatically.

Follow the steps below to manually upload the iamges to Klaviyo:

  1. Click the Download Assets button and unzip the downloaded file.
  2. Upload the unzipped file containing images to the Images tab of your Klaviyo account.
  3. After uploading the images, return to Kombai and click Continue creating campaign/template.

One or more uploaded images were not found in the Klaviyo

While manually uploading the images to Klaviyo after reaching the upload limit, please ensure that all the images inside the zip file are uploaded. If Kombai is unable to locate some of the images, you may have to re-upload the entire unzipped file that you downloaded.

Follow these steps to export the assets to Klaviyo successfully:

  1. Unzip the downloaded file.
  2. Upload the unzipped file containing images to the Images tab of your Klaviyo account.
  3. Return to Kombai, and click I have re-uploaded the unzipped file.
  4. Click on Continue creating campaign/template.