Table of Contents |
---|
Email mẫu là email đã được xây dựng sẵn bằng ngôn ngữ lập trình để tạo ra những email mẫu như là: Email gửi khách hàng, Email về thông tin đơn hàng,.... Nhằm tự động gửi cho khách hàng, nội bộ doanh nghiệp những email theo khuôn mẫu được thiết lập sẵn giúp cho việc gửi email một cách tự động và chính xác.
Ở phần Email Mẫu thì các phần email đã được sử dụng ngôn ngữ lập trình sẵn để cho người sử dụng dễ dàng tạo một email mới chỉ với vài bước đơn giản.
1. Tạo Email Mẫu mới
- Trên thanh công cụ admin chọn Marketing > Dưới phần Promotions chọn Email Template
...
...
- Load Default Template: chọn một mẫu email sau đó nhấn Load Template để hệ thống hiện ra ngôn ngữ email đã được lập trình sẵn.
- Template Information:
- Template Name: nhập tên cho template.
- Template Subject: điền chủ để cho mẫu email. (đã tự động hiện ra ngay sau khi Load Template)
- Template Content: điền nội dung email mẫu. (đã tự động hiện ra ngay sau khi Load Template)
- Template Styles: style email template bằng CSS (ngôn ngữ lập trình).
- Cuối cùng sau khi đã hoàn thành các bước trên ta chỉ việc nhấn vào ở bên góc phải để lưu Email mẫu mới.
2. Quản lý email mẫu sẵn có
Chỉnh sửa Email Template có sẵn: ở mục này không khuyến khích khách hàng thay đổi nội dung email vì tất cả nội dung email được lập trình theo ngôn ngữ lập trình nên việc chỉnh sửa cần những người hiểu về ngôn ngữ lập trình chỉnh sửa.
Trên trang Admin, chọn Marketing > Email Templates.
- Trong trang Email Template, Admin có thể nhấn vào template bất kì để chỉnh sửa. Các bước chỉnh sửa giống như là tạo một Email mẫu mới.
...
Configuring Email Templates
The configuration determines the logo that appears in the default header template, as well as any custom header and footer templates that you want to use for transactional email messages sent from your store(s).
Step 1. Upload Your Logo
On the Admin sidebar, go to Content >Design > Configuration.
Find the store view that you want to configure and click Edit in the Action column.
Under Other Settings, expandthe Transactional Emails section.
To upload your prepared Logo Image, click Upload and select the file from your system.
In the Logo Image Alt field, enter alternate text to identify the image.
Enter the Logo Width and Logo Height in pixels.
Enter each value as a number, without the abbreviation. These values refer to the display dimensions of the logo in the header, and not to the actual size of the image.
Step 2. Choose the Header and Footer Templates
If you have custom header and footer templates for your store, or for different stores, you can specify which templates are used for each, according to the scope of the configuration. Otherwise, the default templates are used.
Choose the Header Template to be used for all transactional email messages.
Choose the Footer Template to be used for all transactional email messages.
When complete, click Save Config.
Message Templates
The process of customizing the body of each message is the same as for customizing the header or footer. The only difference is the message template for each activity or event that triggers a notification. You can use the templates as they are, or customize them to match your voice and brand. In addition to the template text, there is a wide selection of whitelisted predefined variables and custom varibles that you can create and incorporate into the template.
Step 1. Load the default template
On the Admin sidebar, go to Marketing > Communications > Email Templates.
Click Add New Template.
Do the following:
Under Load default template, choose the Template that you want to customize.
Click Load Template.
Step 2. Customize the template
For Template Name, enter a name for your custom template.
If needed, change the Template Subject.
This is the first line of the message, which is the salutation by default. You can leave it as is, or you can enter something more descriptive.
Take note of the Currently Used For path to the template. You will later follow this path to update the configuration.
In the Template Content box, modify the HTML as needed.
The content consists of a combination of HTML tags, CSS directives, variables, and text.
When working in the template code, be careful not to accidentally type over the code that is enclosed in double braces.
To insert a variable, position the cursor in the code where you want the variable to appear.
The selection of variables varies by template and includes whitelisted predefined and custom variables, if available.
Click Insert Variable and choose the variable that you want to insert.
A command to insert the variable is enclosed in curly braces and added to the code at the cursor location. For example:
customVar code=my_custom_variable
To make CSS declarations, enter the styles in Template Styles.
Step 3. Update the configuration
The Currently Used For breadcrumb trail at the top of the Template Information section shows where the template is used. In this example, the template configuration is located on the Customer Configuration page, in the Create New Account Options section, and in the Default Welcome Email field.
Page | Customer Configuration |
Section | Create New Account Options |
Field | Default Welcome Email |
In the Currently Used For breadcrumb trail, click the link to open the template configuration page.
Expand the section, and find the field for the email template that you customized.
Clear the Use system value checkbox and click the name of your custom template.
When complete, click Save Config.
In the message at the top of the workspace, click Cache Management and clear any invalid cache.
Step 4. Preview and save the template
When you are ready to review your work, click Preview Template.
Update the template as needed.
When complete, click Save Template.
Your custom template is now available in the list of Email templates.
Field Descriptions
Load default template
Template | Lists the selection of available templates, and identifies the template to be customized. |
Template Information
Template Name | The name of your custom template. |
Insert Variable | Inserts a variable into the template at the cursor location. |
Template Subject | The Template Subject appears in the Subject column, and can be used to sort and filter the templates in the list. |
Template Content | The content of the template in HTML. |
Template Styles | Any CSS style declarations that are needed to format the template can be entered in the Template Styles box. |
...
...