How to Set Up AfterShip Email Flows
Plans: Essentials, Pro, Premium, Enterprise Platforms: All platforms, Commerce API
AfterShip provides user-friendly email flows for sending branded email notifications at various delivery stages. This guide offers essential details for crafting effective email templates.
In this article, we will discuss how to:
Create and edit email flow
Customize email content
Log into your AfterShip Tracking admin dashboard
Go to Notifications > Flows
Select the flow that you want to customize the email content for. Find the complete list of supported statuses here .
Click Edit
Or,
If you want to create a new event.
Click Create flow.
Select the event that you want to customize the email for and click Create
In the flow editor, select Send email > Edit
Once you are on the email editor screen, select you would like to create email content from the top dropdown menu.
Easy email editor
Drag-and-drop email editor
HTML editor
Tip: Use the drag-and-drop editor to make changes to your email design and click Save.
Edit the name for the email notification.
Customize the email subject according to your choice.
Customize the sender’s info including the sender email and reply-to email.
You can use an unverified domain. However, we recommend you to use verified domain to send emails as it will help in increasing the delivery rate.
Header: Add your store logo, store name and destination URL.
Image with text: In this block, there are three sections
Image: You can edit the hero image of the email body, set its width, and input the destination URL.
Text: You can edit the Title and Description as per your choice. You can also use merge tags to share more relevant info with customers.
Button: You can edit the text of the track button, for example, “Track order status”. Also, put the tracking link as the destination URL.
Text: In this block, you can mention the additional information and also use merge tags.
Shipment items: In this block, you can show which items customers are going to receive in your email. Set the header along with the image size and shape. Customize the content and set the color of the shipment background as well as the section background.
Image: In this block, you can add any image with the preferred width and make it clickable as well.
Button: In this block, you can add more buttons to your email content, if required. Just give your button a name and add the desired URL. You can also adjust the Border radius, Font and Color of the button.
Text links: In this block, you can add clickable text as per your requirements and also keep the sequence vertical or horizontal.
Social links: In this block, you can add social platform icons with the destination URL, such as Facebook, Instagram, etc. Set Icon shape and Color.
Product documents: In this block, there are three sections:
Text: In this section, you can edit the Title and Description.
Document type: In this section, you can choose to display files or videos which are linked to the items customers are going to receive.
Button: In this section, you can edit the text of the button and also, put the destination URL.
Bar: In this block, you can add a bar to announce special offers, discounts, or promotions.
Hero: This section is the most prominent, visually striking part of the email layout designed to grab attention and convey key messages effectively. It usually includes a headline, a sub-headline, a large hero image, and a CTA button. You can additional block to this section to incorporate additional information if required.
Layout: Use the layout section to segment your email into distinct areas for different types of content, such as promotions, news updates, and product recommendations.
Column: Choose from the list of prebuilt column options available, hosting side-by-side content blocks in various alignments to showcase multiple products, services, or sections within a single email.
Blocks: Add various types of content blocks within a column, such as text, images, buttons, text links and custom code. Each block can be customized to fit your design and message.
Visibility: Ensure that the layout is responsive and looks good on all devices, including desktops, smartphones, and tablets.
Layout customization: Adjust the background color and padding of the layout to suit your specific needs.
Product recommendations: Display personalized or curated product suggestions to customers to enhance engagement and drive conversions.
Custom code: This section allows you to add personalized HTML or CSS customize your email beyond the standard options provided by the editor’s built-in tools. The custom code section comes handy to incorporate complex elements such as custom tables, columns, or intricate designs.
Click Open code editor and paste your HTML code directly into the custom code editor.
Add your CSS code within the <style> tags in the custom code section.
Adjust the visibility settings, background color and padding of the layout to suit your specific needs.
You can customize the Font and Color of the Email, Text, Button, Header and the Footer.
In case you need any further assistance, feel free to reach out to our support team.
Overview
AfterShip provides user-friendly email flows for sending branded email notifications at various delivery stages. This guide offers essential details for crafting effective email templates.
What you’ll learn
In this article, we will discuss how to:
Create and edit email flow
Customize email content
Create and edit email flow
Log into your AfterShip Tracking admin dashboard
Go to Notifications > Flows
Select the flow that you want to customize the email content for. Find the complete list of supported statuses here .
Click Edit
Or,
If you want to create a new event.
Click Create flow.
Select the event that you want to customize the email for and click Create
In the flow editor, select Send email > Edit
Customize email content
Once you are on the email editor screen, select you would like to create email content from the top dropdown menu.
Easy email editor
Drag-and-drop email editor
HTML editor
Tip: Use the drag-and-drop editor to make changes to your email design and click Save.
A. Settings column
Edit the name for the email notification.
Customize the email subject according to your choice.
Customize the sender’s info including the sender email and reply-to email.
You can use an unverified domain. However, we recommend you to use verified domain to send emails as it will help in increasing the delivery rate.
B. Content column
Header: Add your store logo, store name and destination URL.
Image with text: In this block, there are three sections
Image: You can edit the hero image of the email body, set its width, and input the destination URL.
Text: You can edit the Title and Description as per your choice. You can also use merge tags to share more relevant info with customers.
Button: You can edit the text of the track button, for example, “Track order status”. Also, put the tracking link as the destination URL.
Text: In this block, you can mention the additional information and also use merge tags.
Shipment items: In this block, you can show which items customers are going to receive in your email. Set the header along with the image size and shape. Customize the content and set the color of the shipment background as well as the section background.
Image: In this block, you can add any image with the preferred width and make it clickable as well.
Button: In this block, you can add more buttons to your email content, if required. Just give your button a name and add the desired URL. You can also adjust the Border radius, Font and Color of the button.
Text links: In this block, you can add clickable text as per your requirements and also keep the sequence vertical or horizontal.
Social links: In this block, you can add social platform icons with the destination URL, such as Facebook, Instagram, etc. Set Icon shape and Color.
Product documents: In this block, there are three sections:
Text: In this section, you can edit the Title and Description.
Document type: In this section, you can choose to display files or videos which are linked to the items customers are going to receive.
Button: In this section, you can edit the text of the button and also, put the destination URL.
Bar: In this block, you can add a bar to announce special offers, discounts, or promotions.
Hero: This section is the most prominent, visually striking part of the email layout designed to grab attention and convey key messages effectively. It usually includes a headline, a sub-headline, a large hero image, and a CTA button. You can additional block to this section to incorporate additional information if required.
Layout: Use the layout section to segment your email into distinct areas for different types of content, such as promotions, news updates, and product recommendations.
Column: Choose from the list of prebuilt column options available, hosting side-by-side content blocks in various alignments to showcase multiple products, services, or sections within a single email.
Blocks: Add various types of content blocks within a column, such as text, images, buttons, text links and custom code. Each block can be customized to fit your design and message.
Visibility: Ensure that the layout is responsive and looks good on all devices, including desktops, smartphones, and tablets.
Layout customization: Adjust the background color and padding of the layout to suit your specific needs.
Product recommendations: Display personalized or curated product suggestions to customers to enhance engagement and drive conversions.
Custom code: This section allows you to add personalized HTML or CSS customize your email beyond the standard options provided by the editor’s built-in tools. The custom code section comes handy to incorporate complex elements such as custom tables, columns, or intricate designs.
Click Open code editor and paste your HTML code directly into the custom code editor.
Add your CSS code within the <style> tags in the custom code section.
Adjust the visibility settings, background color and padding of the layout to suit your specific needs.
C. Styles column
You can customize the Font and Color of the Email, Text, Button, Header and the Footer.
In case you need any further assistance, feel free to reach out to our support team.
Updated on: 08/10/2024
Thank you!