Vấn đề chính liên quan đến các liên kết email HTML là chúng có thể bị chặn bởi ứng dụng email khách hoặc bộ lọc thư rác. Điều này có nghĩa là người nhận có thể không truy cập được liên kết, dẫn đến trải nghiệm người dùng kém. Ngoài ra, một số ứng dụng email có thể loại bỏ mã HTML khỏi email, điều này có thể khiến các liên kết bị hỏng hoặc không thể nhấp được.
<a href="mailto:example@example.com">Send an email</a>
1. Dòng mã này tạo phần tử neo HTML, được sử dụng để liên kết đến một trang hoặc tài nguyên khác.
2. Thuộc tính “href” chỉ định đích đến của liên kết, trong trường hợp này là địa chỉ mailto.
3. Giá trị của thuộc tính “href” được đặt thành “mailto:example@example.com”, sẽ mở một ứng dụng email có địa chỉ được chỉ định đã được điền là người nhận khi được nhấp vào.
4. Văn bản giữa thẻ neo mở và đóng (“Gửi email”) sẽ được hiển thị dưới dạng liên kết có thể nhấp trên trang web mà có thể nhấp vào để mở ứng dụng email với example@example.com đã được điền sẵn dưới dạng địa chỉ người nhận khi nhấp vào.
liên kết mailto
Liên kết mailto là một phần tử HTML cho phép người dùng gửi email từ một trang web. Nó thường được thể hiện bằng dòng chữ “mailto:” theo sau là địa chỉ email. Khi được nhấp vào, nó sẽ mở chương trình email mặc định của người dùng và điền trước vào trường Đến với địa chỉ đã chỉ định. Liên kết mailto cũng có thể bao gồm các thông tin khác như dòng chủ đề, nội dung văn bản và địa chỉ cc hoặc bcc.
Cách tạo liên kết email trong HTML
Để tạo một liên kết email trong HTML, bạn cần sử dụng nhãn. Các thẻ được sử dụng để tạo siêu liên kết liên kết trang này với trang khác.
Thuộc tính href được sử dụng để xác định đích đến của liên kết. Để tạo liên kết email, bạn cần đặt thuộc tính href bằng “mailto:email@example.com”. Thao tác này sẽ mở ra một cửa sổ email có địa chỉ được chỉ định trong trường “Tới” khi nhấp vào.
Bạn cũng có thể thêm dòng chủ đề và nội dung cho email của mình bằng cách thêm các thuộc tính bổ sung sau mailto: trong giá trị href của bạn. Ví dụ: nếu bạn muốn thêm dòng chủ đề và nội dung, giá trị href của bạn sẽ giống như sau:
href=”mailto:email@example.com?subject=Subject Line&body=Body Text”
Bạn cũng có thể tùy chỉnh nội dung xuất hiện dưới dạng văn bản có thể nhấp cho liên kết email của mình bằng cách thêm nội dung giữa phần mở đầu và phần kết thúc các thẻ. Ví dụ:
Nhấn vào đây để gửi email cho chúng tôi
Điều này sẽ hiển thị “Nhấp vào đây để gửi email cho chúng tôi” dưới dạng văn bản có thể nhấp sẽ mở ra một cửa sổ email khi được nhấp vào.
Các phương pháp hay nhất để tạo liên kết email HTML
1. Sử dụng URL đầy đủ: Khi tạo liên kết trong email HTML, hãy luôn sử dụng URL đầy đủ thay vì đường dẫn tương đối. Điều này đảm bảo rằng liên kết sẽ hoạt động chính xác ngay cả khi email được chuyển tiếp hoặc xem trên một thiết bị khác.
2. Sử dụng văn bản neo mô tả: Văn bản neo là phần có thể nhấp vào của một liên kết và phải được mô tả để người đọc biết họ đang nhấp vào cái gì trước khi nhấp vào nó. Tránh sử dụng các từ chung chung như “bấm vào đây” làm văn bản liên kết, vì điều này có thể khiến người đọc khó hiểu họ đang được đưa đến đâu khi họ nhấp vào liên kết.
3. Kiểm tra liên kết của bạn: Trước khi gửi email có liên kết HTML, hãy kiểm tra chúng để đảm bảo chúng hoạt động bình thường và đưa người dùng đến đúng đích. Điều này có thể được thực hiện bằng cách nhấp vào từng liên kết trong ứng dụng email hoặc trình duyệt web trước khi gửi tin nhắn của bạn.
4. Bao gồm các tùy chọn dự phòng: Nếu bạn bao gồm các liên kết HTML trong email, hãy bao gồm các phiên bản văn bản thuần túy của cùng các liên kết đó để người dùng không thể xem email HTML vẫn có thể truy cập chúng từ hộp thư đến văn bản thuần túy của họ.
