Đánh dấu email thông báo bằng HTML từ những năm 1990 luôn là một điều khó chịu, nhưng giờ đây, thông báo cần trải rộng trên các kênh bổ sung như SMS, Slack, Microsoft Teams, đẩy di động, đẩy web, v.v. Chúng cũng cần đáp ứng các trường hợp sử dụng năng động hơn như liên kết đăng nhập ma thuật, thông báo đa ngôn ngữ và cảnh báo dựa trên vị trí khiến thách thức định dạng nội dung trở nên phức tạp và cồng kềnh hơn nhiều
Ví dụ: nếu bạn cần kích hoạt thông báo bao gồm lời kêu gọi hành động cho email, SMS và Slack, CTA cần phải là nút HTML trong email, liên kết văn bản thuần túy trong SMS và phần tử Khối chậm. Nhiệm vụ này thường được tiếp cận bằng cách tạo ba mẫu riêng biệt hoặc mã hóa một số câu lệnh if/then, cả hai đều trở nên rất cồng kềnh rất nhanh
Đó là lý do tại sao chúng tôi xây dựng Courier Elemental, ngôn ngữ đánh dấu đa kênh cho thông báo. Elemental cung cấp một cú pháp dựa trên JSON mạnh mẽ để mô tả nội dung thông báo của bạn cho email, đẩy, trò chuyện hoặc bất kỳ kênh nào bạn sử dụng để thông báo cho người dùng (xem tài liệu). Với Courier Elemental, bạn có thể tùy chỉnh giao diện, ngôn ngữ và cấu trúc của thông báo dựa trên ngôn ngữ, kênh và logic tùy chỉnh nâng cao khác. Elemental không chỉ làm cho các phần tẻ nhạt của quá trình phát triển thông báo trở nên đơn giản mà còn cho phép trải nghiệm thông báo hấp dẫn, năng động hơn giống như một phần mở rộng tự nhiên của trải nghiệm sản phẩm cốt lõi. Hãy cùng xem một số thông báo mà Courier Elemental kích hoạt cho ứng dụng Bat Signal
ví dụ
"email":"bruce.wayne@gmail.com"
"title":"Password Reset!",
"body":"Hi Bruce, here is your temporary password: {{new_password}}"
"new_password":"hf73*sh1!hfshjsk"
Một thông báo đa kênh với hình ảnh và hành động
"email": "bruce.wayne@gmail.com"
"title": "Citizen In Need",
"body": "Hi Bruce, {{citizen_name}} needs help!",
"href": "{{directions_to_incident}}"
"src": "{{citizen_image}}",
"href": "{{citizen_profile}}",
"altText": "{{citizen_name}} Image"
"citizen_name": "Distressed Damsel",
"citizen_profile": "www.bat-signal.com/profile/distressed-damsel",
"citizen_image": "www.bat-signal.com/profile/distressed-damsel/profile.png",
"directions_to_incident": "//www.google.com/maps/dir/ghct"
"email":"{{citizen_email}}"
"title":"Rescue Feedback Survey",
"content":"Hi {{citizen_name}}, we're so happy that your rescue was successful!
Please complete this survey and tell us how we did.",
"if":"data.rescue_success === true"
"content":"Hi {{citizen_name}}, we're so sorry that your Batman was not able to provide you
with a successful rescue. Please complete this survey and tell us how we did.",
"if":"data.rescue_success === false"
"content":"Complete Survey",
"citizen_name":"Distressed Damsel",
"citizen_email":"distressed.damsel@gmail.com",
"survey_link":"//bit.ly/3BFUief"
Chúng tôi cũng đã tập hợp một ứng dụng mẫu trên GitHub có tên là Trung tâm cảnh báo chuyển phát nhanh để hiển thị thông báo được tạo bằng Elemental trông như thế nào trong cơ sở mã thực
Cái gì tiếp theo?
Đây mới chỉ là khởi đầu cho Courier Elemental. Trong những tháng tới, chúng tôi sẽ phát hành các yếu tố mới cũng như chức năng API mới để mở ra nhiều trường hợp sử dụng hơn nữa cho nhà phát triển. Một trường hợp sử dụng thú vị mà Courier Elemental sẽ sớm kích hoạt là khả năng khách hàng của chúng tôi nhúng trình thiết kế thông báo tùy chỉnh vào sản phẩm của họ cho người dùng cuối. Hãy tưởng tượng một nền tảng giảng dạy nơi giáo viên muốn tạo thông báo cho sinh viên hoặc CRM dành cho doanh nghiệp nhỏ muốn cho phép chủ doanh nghiệp thông báo cho khách hàng của họ. Đây chỉ là một trong nhiều trường hợp sử dụng thông báo mới sẽ đến với Courier vào năm 2022
Nếu bạn muốn bắt đầu xây dựng với Courier Elemental ngay hôm nay, bạn chỉ cần làm hai việc
Nếu bạn muốn tham dự một bản demo kỹ thuật chuyên sâu hơn và đặt bất kỳ câu hỏi nào, vui lòng đăng ký Phát triển với Elemental và tham gia với chúng tôi vào tuần tới
Tôi không hiểu bài tập Cú pháp CSS số 3 của mình bị lỗi gì Nó cứ nói với tôi. Rất tiếc, hãy thử lại. Đảm bảo bạn đặt thẻ p của mình thành họ phông chữ. chuyển phát nhanh
Bạn có thể giúp?
Cảm ơn rất nhiều
tôi đã thử
p{ họ phông chữ. Chuyển phát nhanh;
và
p{ họ phông chữ. “Chuyển phát nhanh”;