How to Import Custom HTML Email Templates

Overview

SmartPush supports importing HTML email templates from external platforms and automatically adapts certain dynamic texts from Klaviyo or Shopify Email. However, it is recommended that proficient marketers or developers use a custom HTML editor for secondary editing, saving, and repeated application in your future marketing emails or automated marketing tasks.

In this article, you will learn:

● How to import custom HTML templates into SmartPush
● Where to view and use imported templates
● Considerations for secondary editing of imported HTML templates
● How to save edited templates

How to import custom HTML templates into SmartPush

Custom HTML templates must be .html files and can only be imported as individual files. Follow these steps to import:

1. Navigate to 'Marketing Campaigns' > 'Template Library'

2. Click on 'Import Template'

3. Enter a template name, then drag and drop or select the file

4. Click 'Confirm and import'

If you import email templates from Klaviyo or Shopify Email platforms, SmartPush will automatically verify if they include unsubscribe, contact email, and other dynamic text information, eliminating the need for manual modifications. Other platforms will be automatically compatible in the future. Learn more about unsubscribe and contact emails

Additionally, SmartPush's included tags will be automatically mapped to the imported template, including:

SmartPushTag format	Klaviyo Tag format	Shopify email Tag format	Profile property
[[contact.firstName]]	{{ first_name }}	{{ data.customer.first_name}}	First name
[[contact.lastName]]	{{ last_name }}	{{ data.customer.last_name}}	Last name
[[contact.name]]	{{ person.full_name }}	-	Full name
[[contact.phone]]	{{ person.phone_number }}	-	Phone Number
[[shopName]]	{{ organization.name }}	{{ shop.name}}	Your organization’s name
[[shopURL]]	{{ organization.url }}		Your organization’s website
[[unsubscribe.url]]	{% unsubscribe %}	{{ unsubscribe_link}}	Unsubscribe
	If you'd no longer like to receive emails, {% unsubscribe 'click here' %}.		If you'd no longer like to receive emails, click here.
	This is a fancy <a href="{% unsubscribe_link %}" >unsubscribe</a> link.		This is a fancy unsubscribe link.
[[viewEmail]]	{% web_view %}	{{ email.preview_text}}	View in Your Browser
	Can't see this email? {% web_view 'Open in your browser' %}.	-	Can't see this email? Open in your browser.
	This is a fancy <a href="{% web_view_link %}">web view</a> link.	-	This is a fancy web view link.
[[contact.firstName:friend]]	{{ first_name|default:'friend' }}	-	Hey friend
[[orderUrl]]	-	{{ abandoned_checkout.url}}	This is an abandoned checkout url
[[shopDomain]]	-	{{ shop.domain}}	This is your shop domain
[[shopifyDomain]]	-	{{ shop.shopify_domain}}	This is your shopify domain
[[emailSubject]]	-	{{ email.subject}}	This is an email subject
[[customerEmail]]	Automatically validated and added to the footer when sending	{{ Automatically validated and added to the footer when sending}}	Your customer support email

External tags not supported by SmartPush will be temporarily stored as HTML code upon import. When using the template, check and edit the code as prompted in the HTML code editor.

Where to view and use imported templates after import

1. Navigate to 'Marketing Campaigns' > 'Template Library' > 'Saved Templates'

2. Click 'Use' to enter the editor

3. Click on the HTML block in the canvas to check for error prompts in the HTML editor on the right

4. Open the HTML editor, and make necessary edits based on error prompts

5. After testing the email for accuracy, proceed with sending

Considerations for secondary editing of imported HTML templates

Note that while importing HTML templates allows for quick duplication of custom formats, dynamic blocks (such as products or discounts) will require manual editing. You can:

1. Segment imported HTML blocks, identify dynamic blocks, and replace them with SmartPush blocks.

2. Export a template from SmartPush containing desired dynamic blocks, open the HTML link, and

replace this code with that from the external template.

How to save edited templates

To avoid the need for repeated HTML code editing when using the template in the future, click 'Save Template' at the top of the editor, then choose to replace an existing template:

1. After editing the email template, click 'Save Template' at the top of the editor

2. Enter a template name in the pop-up (optional)

3. Choose whether to save as a new template or replace an existing one

4. Confirm for new templates; for replacements, select the template to replace from the dropdown

menu

5. You can find your saved templates under 'Template Library' > 'Saved Templates'