Với tính năng Text Accordion — một trong những thành phần AMP (Accelerated Mobile Pages) tương tác đầu tiên của chúng tôi — bạn có thể trình bày một lượng lớn thông tin theo cách gọn gàng, được tổ chức rõ ràng mà không làm hộp thư đến của người nhận bị quá tải bởi việc cuộn vô tận.
Text Accordion cho phép bạn tạo các phần nội dung có thể mở rộng và thu gọn, mang lại trải nghiệm đọc tương tác và có kiểm soát hơn cho người nhận email.
Text Accordion là gì?
Text Accordion là một thành phần AMP được thiết kế để quản lý và hiển thị nội dung trong các đoạn có thể mở rộng/thu gọn. Đây là lựa chọn lý tưởng cho những email chứa nhiều văn bản, danh sách dài câu hỏi, hoặc thông tin chi tiết không cần thiết phải hiển thị cùng một lúc.
Hãy tưởng tượng:
Thay vì hiển thị một danh sách FAQ dài chiếm toàn bộ màn hình, bạn có thể trình bày mỗi câu hỏi dưới dạng tiêu đề có thể nhấp. Khi người nhận nhấp vào câu hỏi, câu trả lời sẽ “xuất hiện” bên dưới. Nhiều phần có thể mở cùng lúc, và các phần đã mở trước đó sẽ vẫn mở trừ khi được đóng lại thủ công.
Tại Sao Nên Sử Dụng Text Accordion Trong Email?
Việc tích hợp Text Accordion vào email mang lại nhiều lợi ích:
Tiết Kiệm Không Gian & Giữ Bố Cục Gọn Gàng
Hiển thị nội dung dài mà không khiến email trông lộn xộn hoặc quá dài, giữ cho bố cục sạch sẽ và dễ điều hướng.Tăng Tương Tác Khách Hàng
Khuyến khích người nhận chủ động nhấp để xem thông tin, giúp họ cảm thấy gắn kết hơn với nội dung.Kiểm Soát Trải Nghiệm Đọc
Người nhận có thể chọn thông tin họ muốn tìm hiểu, tạo ra luồng đọc cá nhân hóa và hiệu quả hơn.Trình Bày Thông Tin Có Cấu Trúc
Hoàn hảo cho nội dung có thể chia thành các tiểu mục hoặc định dạng Hỏi & Đáp.
Ví Dụ Ứng Dụng Text Accordion
Thành phần Text Accordion rất linh hoạt và có thể được áp dụng cho nhiều kịch bản email marketing khác nhau:
FAQ (Câu Hỏi Thường Gặp)
Trường hợp phổ biến và hiệu quả nhất. Trình bày câu hỏi dưới dạng tiêu đề accordion và câu trả lời dưới dạng nội dung mở rộng.Chi Tiết Sản Phẩm/Dịch Vụ
Hiển thị tóm tắt sản phẩm, sau đó dùng accordion cho “Thông Số Kỹ Thuật”, “Tính Năng Đầy Đủ”, “Cách Hoạt Động”, hoặc “Lời Chứng Thực”.Điều Khoản & Điều Kiện
Chia nhỏ các điều khoản dài thành các phần dễ truy cập và tìm kiếm.Mục Lục Cho Bản Tin Dài
Nếu bản tin của bạn có nhiều mục hoặc bài viết, hãy dùng accordion làm mục lục có thể nhấp.Báo Cáo hoặc Tóm Tắt Khảo Sát
Trình bày các điểm chính ngắn gọn, kèm tùy chọn mở rộng phần để xem dữ liệu hoặc thông tin chi tiết.Hướng Dẫn Từng Bước
Với email hướng dẫn, mỗi bước có thể là một phần accordion mà người nhận mở dần từng bước.
Cách Tạo Text Accordion Trong MTARGET
Chúng tôi đã thiết kế giao diện MTARGET để việc xây dựng Text Accordion trở nên trực quan:
Chọn Thành Phần
Kéo và thả thành phần “Text Accordion” vào khung soạn thảo email.
Thêm Phần Nội Dung
Thêm nhiều mục accordion tùy theo nhu cầu.
Chỉnh Sửa Nội Dung
Thêm tiêu đề cho từng mục accordion và nhập nội dung vào phần thân.
Thiết Kế Fallback
Đảm bảo bạn thiết kế phiên bản HTML fallback cho nội dung accordion. Fallback sẽ hiển thị toàn bộ văn bản (không có tính năng mở rộng/thu gọn). Điều này đảm bảo người nhận không hỗ trợ AMP vẫn nhận được thông tin đầy đủ, rõ ràng và được trình bày đẹp mắt.
Tầm Quan Trọng Của HTML Fallback Cho Text Accordion
Như chúng tôi luôn nhấn mạnh, thiết kế fallback là chìa khóa. Với thành phần Text Accordion, những người nhận không thể hiển thị email AMP sẽ thấy phiên bản HTML fallback.
Nếu Fallback Được Thiết Kế Tốt
Nội dung sẽ xuất hiện trong bố cục sạch sẽ, dễ đọc — chẳng hạn như danh sách văn bản tiêu chuẩn hoặc với các liên kết đến chi tiết hơn trên website của bạn.Nếu Không Có Fallback Được Thiết Kế (Mặc Định Hệ Thống)
Người nhận có thể thấy bố cục kém tối ưu, nơi toàn bộ văn bản hiển thị thành một khối liên tục mà không có cấu trúc accordion, hoặc thậm chí bị lệch so với thương hiệu của bạn.
Chúng tôi khuyến nghị mạnh mẽ rằng bạn luôn thiết kế fallback cho Text Accordion sao cho vừa nhiều thông tin vừa hấp dẫn về mặt hình ảnh, đảm bảo trải nghiệm nhất quán cho tất cả đối tượng người nhận.