Export Code Output
Export to ESPs/MAPs
Export to Klaviyo

Export to 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. There are two ways to connect the Klaviyo account to Kombai:

  1. Load the design in Kombai.
  2. Go to Export Code → Export to ESP.
  3. Go to deliverability settings and select Klaviyo under Select ESP to export your email(if not done earlier).
  4. Click Klaviyo.
  5. Click Add new account, add the account name, and click Connect.
💡

Note: Your Klaviyo account will be saved with this name in Kombai.

  1. Log in to your Klaviyo account(if logged out).
  2. Click Continue → Allow to authorize Kombai.

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

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 ESPs → Klaviyo.

  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 manually → Download 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. Select the recently uploaded template and click Use template.
  3. Click Save → Back to Content.
  4. Click Edit on the top right. 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.

Handle merge tags in Klaviyo

Here's an example of how to add merge tags like unsubscribe link and manage preferences in Klaviyo:

  1. Go to Settings → Replace texts with Merge Tags → Links 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 %} 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 - {% manage_preferences %}, tap and confirm.

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. Go to Export Code → Export to ESP.
  3. Go to deliverability settings and select Klaviyo under Select ESP to export your email(if not done earlier).
  4. Click Klaviyo.
  5. Click Add new account, add the account name, and click Connect.
💡

Note: Your Klaviyo account will be saved with this name in Kombai.

  1. Log in to your Klaviyo account(if logged out).
  2. Click Continue → Allow to authorize Kombai.

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

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.
Export to ESPs/MAPsDesign Guidelines to Follow in Figma