Mailmodo: Xây dựng email tương tác với AMP để tăng mức độ tương tác
Hộp thư đến của chúng tôi tràn ngập những email khủng khiếp… vì vậy nếu doanh nghiệp của bạn có cơ sở người đăng ký rộng lớn và thực sự hy vọng email của bạn sẽ được mở và tỷ lệ nhấp (CTR) lên một tầm cao mới, tính tương tác là rất quan trọng. Một giải pháp đang tạo động lực là sử dụng công nghệ Trang Di động Tăng tốc trong HTML e-mail.
AMP cho email
Khả năng sử dụng công nghệ AMP để tạo nội dung email động và tương tác hơn là một bước tiến lớn trong công nghệ email. AMP cho email không giống như AMP thông thường dành cho trang web và có một số hạn chế về những gì có thể được thực hiện trong email (ví dụ: video và âm thanh hiện không được hỗ trợ).
Hỗ trợ AMP trong email không có sẵn rộng rãi trên tất cả các ứng dụng email, nhưng nó được hỗ trợ bởi một số ứng dụng email chính như Gmail, Outlook.comvà Yahoo! Mail. Cũng cần lưu ý rằng ngay cả khi ứng dụng email hỗ trợ AMP, ứng dụng này có thể không được bật theo mặc định hoặc có thể yêu cầu người nhận thực hiện một số hành động để kích hoạt.
AMP cho Email hoạt động bằng cách cung cấp một tập hợp các thành phần dựng sẵn có thể được sử dụng để tạo nội dung email động và tương tác. Các thành phần này bao gồm những thứ như biểu mẫu, câu đố, băng chuyền hình ảnh, v.v. và chúng có thể được sử dụng để tạo các email hấp dẫn và tương tác mang lại trải nghiệm người dùng tốt hơn cho người nhận.
Email HTML AMP mẫu
Dưới đây là ví dụ về email AMP bao gồm biểu mẫu đăng ký. Lưu ý rằng phần nhúng tập lệnh KHÔNG được bao gồm khi gửi email này, nó chỉ dành cho việc xây dựng và thử nghiệm giải pháp bên ngoài nền tảng tiếp thị qua email của bạn.
<!DOCTYPE html>
<html ⚡4email>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<style amp4email>
.subscribe-form {
display: none;
}
</style>
</head>
<body>
<amp-img src="https://example.com/amp-header.jpg" alt="Header image"></amp-img>
<div amp4email>
<p>Please enable AMP for Email to view this content.</p>
</div>
<form method="post"
action-xhr="https://example.com/subscribe"
target="_top"
class="subscribe-form"
id="subscribe-form"
novalidate
[submit-error]="errorMessage.show"
[submit-success]="successMessage.hide">
<h2>Subscribe to our newsletter</h2>
<label>
Email:
<input type="email"
name="email"
required>
</label>
<div submit-success>
<template type="amp-mustache">
Success! Thank you for subscribing.
</template>
</div>
<div submit-error>
<template type="amp-mustache">
Error: {{message}}
</template>
</div>
<input type="submit" value="Subscribe">
</form>
<amp4email fallback="https://example.com/non-amp-email.html">
<p>View the non-AMP version of this email.</p>
</amp4email>
</body>
</html>Biểu mẫu sử dụng các amp-form phần tử tùy chỉnh để xử lý việc gửi và xác thực biểu mẫu. Khi người dùng gửi biểu mẫu, dữ liệu biểu mẫu sẽ được gửi đến URL được chỉ định trong action-xhr thuộc tính, phải là điểm cuối của máy chủ xử lý việc gửi biểu mẫu. bên trong form thẻ, chúng tôi đã thêm novalidate thuộc tính để tắt xác thực biểu mẫu phía máy khách và chúng tôi đã sử dụng [] cú pháp để thiết lập submit-success và submit-error các mẫu động. Các submit-success và submit-error các phần xác định các mẫu được hiển thị cho người dùng khi gửi biểu mẫu thành công hoặc thất bại, tương ứng.
HTML dự phòng khi KHÔNG có hỗ trợ AMP
Bạn có thể cung cấp nội dung thay thế cho những người dùng chưa bật AMP hoặc những người đang sử dụng ứng dụng email khách không hỗ trợ AMP. Để làm điều này, bạn có thể sử dụng amp4email thuộc tính để chỉ định URL dự phòng trỏ đến phiên bản không phải AMP của email. Trong ví dụ trên, bạn có thể thấy cả thẻ kiểu sẽ ẩn HTML AMP nếu nó không được hỗ trợ cũng như URL dự phòng nơi có thể truy xuất và hiển thị nội dung HTML.
Mailmodo: Tiếp thị và tự động hóa email AMP không có mã
Mailmodo được thiết kế để giúp bạn tận dụng sức mạnh của Email AMP để tạo trải nghiệm người dùng tốt hơn với thiết lập tiếp thị qua email được đơn giản hóa để bạn có thể tăng tỷ lệ tương tác và chuyển đổi… một số ngay từ hộp thư đến!
Các tính năng của Mailmodo bao gồm:
- Email AMP miễn phí dễ dàng và mã hóa – kéo và thả các khối AMP trong một WYSIWYG biên tập để thiết kế email. Bạn có thể cá nhân hóa nội dung cho từng người dùng và thậm chí tải lên tệp HTML của riêng bạn hoặc các đoạn mã khác.
- Tự động hoá email – Tự động hóa chuỗi nhỏ giọt dựa trên hành vi của người dùng và dữ liệu thị trường để gửi email. Trình tạo hành trình trực quan giúp bạn thiết kế bản đồ hành trình của người dùng bằng thao tác kéo và thả. Phân tích hành vi của người dùng và tối ưu hóa trình tự nhỏ giọt và bản đồ hành trình.
- Khả năng phân phối cao – Gửi email hàng loạt với Mailmodo's SMTP hoặc thêm dịch vụ giao hàng của riêng bạn. Tích hợp với AWS SES, SendGrid, hoặc là Pepipost. Bạn cũng có thể nhận được các IP được quản lý và dành riêng.
- Tự động kích hoạt email giao dịch – Tự động kích hoạt email bằng hành động của người dùng như đăng ký, mua hàng hoặc từ bỏ giỏ hàng. Bạn có thể phân khúc người dùng dựa trên lượt mở, lượt nhấp và lượt gửi. Mailmodo cho phép bạn quản lý và cập nhật tất cả các email chuyển tiếp của mình trực tiếp trên nền tảng của họ.
- Tất cả các báo cáo trên một bảng điều khiển duy nhất – trực quan hóa các lần mở, nhấp chuột, hủy đăng ký, gửi và thử nghiệm A/B dòng chủ đề, với khả năng xuất tất cả dữ liệu của bạn ở định dạng CSV.
Tích hợp sản xuất với thương mại điện tử bên ngoài, quản lý quan hệ khách hàng (CRM) và các nền tảng khác cũng có sẵn… bao gồm Shopify, Salesforce, MoEngage, lõi ròng, Chạm thông minh, Pipedrive, WebTham gia, Và nhiều hơn nữa.
Sản phẩm liên quan Martech Zone Nội dung
