Liên kết điện thoại HTML

May mắn thay, bạn có thể tích hợp cả hai bằng cách nhúng các nút nhấp để gọi trong email của mình. Điều này cho phép khán giả của bạn cung cấp cho bạn phản hồi, nêu lên các mối quan tâm cấp bách nhanh hơn và giao tiếp với bạn từ nhiều nền tảng.  

Tiếp tục đọc để tìm hiểu những loại email nào được hưởng lợi từ các số điện thoại nhấp để gọi và hướng dẫn từng bước về cách thêm chúng

Số điện thoại bấm để gọi là gì?

Số điện thoại nhấp để gọi hoặc số điện thoại có thể nhấp là một liên kết bên trong email mở ra ứng dụng gọi điện. Vì vậy, nếu bạn đang mở email trên điện thoại của mình, liên kết sẽ mở ứng dụng điện thoại với số điện thoại được điền sẵn

Khi thêm số điện thoại có thể nhấp vào email của bạn, hãy bắt đầu bằng cách thử nghiệm nút nhấp để gọi cho thiết bị di động. Nếu khán giả của bạn tương tác với nó, thì hãy thử nghiệm phiên bản dành cho máy tính để bàn

Giữ liên lạc với nhóm hỗ trợ/trung tâm cuộc gọi của bạn để xem liệu các cuộc gọi có tăng lên khi hết email không. Kết hợp với tỷ lệ nhấp chuột tốt, số lượng cuộc gọi cao sẽ là một chỉ báo thành công.

Tại sao số điện thoại có thể nhấp lại quan trọng trong email?

Có một vài lý do tại sao số điện thoại có thể nhấp lại quan trọng trong email.  

• Nó xây dựng niềm tin với khán giả của bạn
• Nó đòi hỏi ít nỗ lực hơn từ khán giả của bạn so với viết email
• Nó cung cấp cho khách hàng một cách ngay lập tức để kết nối với công ty của bạn

Gọi ngay là một lợi thế khi nội dung email của bạn khuyến khích cuộc trò chuyện và tương tác. Số điện thoại có thể nhấp được mang lại lợi ích cho email bán hàng, hỗ trợ khách hàng và tư vấn

1. email bán hàng

Loại bỏ các bước giữa khách hàng tiềm năng muốn liên hệ với bạn và thực sự liên hệ với bạn.

2. Email hỗ trợ khách hàng

Trao quyền cho khách hàng để nhanh chóng liên hệ để được hỗ trợ. Một khách hàng vốn đã bối rối có thể không muốn nhập (và đợi)  email trả lời. Bằng cách sử dụng số điện thoại có thể nhấp, họ có thể liên lạc nhanh hơn

Nguồn. tìm nạp xa

3. Email tư vấn

Các thương hiệu có chuyên gia tư vấn nội bộ (như nhà tạo mẫu, chuyên gia dinh dưỡng hoặc kỹ thuật viên) có thể hưởng lợi từ nút số điện thoại có thể nhấp vào HTML. Khách hàng có thể sử dụng chúng để liên hệ trực tiếp với các chuyên gia—tăng khả năng kết nối và mức độ quen thuộc với thương hiệu

Ví dụ này thêm số điện thoại có thể nhấp cho nhà tạo mẫu.  

Nguồn. Ajio Luxe

4. email phản hồi

Số điện thoại có thể nhấp trong email phản hồi được sử dụng sau khi mua hàng (hoặc sau tương tác) giúp khách hàng của bạn dễ tiếp cận hơn.

Trong ví dụ này, số điện thoại có thể nhấp được sử dụng để nhận phản hồi về trải nghiệm mua sắm của khách hàng.  

Nguồn. Hỗ trợ khách hàng Ajio

5. Trả lại gói email

Đặt yêu cầu trả lại thông qua biểu mẫu yêu cầu và ứng dụng mua sắm có thể rất tẻ nhạt—việc sử dụng số điện thoại có thể nhấp để đặt yêu cầu trả lại sẽ dễ dàng hơn nhiều đối với khách hàng

Ví dụ này sử dụng số điện thoại có thể nhấp vào HTML cho các yêu cầu trả lại như một phần của sáng kiến ​​thân thiện với môi trường.  

Nguồn. Tata Cliq sang trọng

Không bao gồm nút nhấp để gọi nếu bạn không thể hỗ trợ tăng số lượng cuộc gọi. Bạn không muốn người đăng ký chỉ gọi để bị tạm dừng. Và nếu bạn có đối tượng Apple Mail lớn, hãy nhớ rằng tính năng nhấp để gọi trên máy Mac sẽ mở FaceTime. Bạn không chắc khán giả duy nhất của mình thu hút ở đâu? . Litmus Email Analytics.

Cách tạo liên kết điện thoại HTML trong email

Bước 1

Bắt đầu tạo liên kết của bạn như bất kỳ liên kết nào khác

Click to call

Nếu bạn đang sử dụng nút, hãy sử dụng nút chống đạn. Nút chống đạn là nút kêu gọi hành động (CTA) được tạo bằng mã thay vì hình ảnh. Vì chúng được xây dựng bằng mã nên chúng hoạt động ngay cả khi khách hàng của bạn ở khu vực có mạng thấp hoặc đã tắt tính năng tải xuống hình ảnh. Điều này làm cho các nút chống đạn trở nên đáng tin cậy hơn và dễ tiếp cận hơn.

Ghi chú. đảm bảo thêm số điện thoại có thể nhấp chống đạn vào email yêu cầu người đăng ký liên hệ cụ thể. (Ví dụ: email bán hàng bao gồm ‘đặt cuộc gọi’ CTA.

Bước 2

Thay vì thêm URL vào href, hãy thêm “tel. ” để tạo liên kết nhấp để gọi rồi thêm số điện thoại.

Click to call

Nếu bạn đang thêm liên kết 'nhấp để chuyển văn bản', bạn cũng có thể thêm "?&body=" sau số điện thoại, giống như cách bạn làm với "mailto. ” liên kết. Sau đó, bạn sẽ cần mã hóa bất kỳ tin nhắn nào bạn muốn đưa vào dưới dạng URL. (Bạn có thể sử dụng các công cụ trực tuyến như URLEncoder để trợ giúp việc này).

Một nhấp chuột vào liên kết văn bản sẽ trông như thế này

Click to text

Bước 3

Tiếp theo, sử dụng lớp di động để ẩn các liên kết nhấp để gọi cho máy tính để bàn

.mobile { display: none !important; }

  

Then you can use a desktop class to provide a linked version that is either a landing page with a contact form or a mailto link with an email address:

.mobile { display: none !important; }

  

Bước 4

Bạn có thể tạo kiểu cho các liên kết nhấp để gọi bằng cách nhắm mục tiêu dựa trên các thuộc tính html

a[href^="tel"] { color: #1F7F4C !important; }
a[href^="sms"] { color: #C54D3F !important; }

Điều này hoạt động trong nhiều ứng dụng email, nhưng đặt các kiểu nội tuyến là cách tốt nhất để đảm bảo hỗ trợ ở mọi nơi

Ghi chú. Kiểm tra email với các liên kết này là chìa khóa. (Ví dụ: chúng tôi đã nghe nói rằng tính năng nhấp để chuyển văn bản không hoạt động trong Gmail, Yahoo và Outlook. com– nhưng chúng đã hoạt động khi chúng tôi thử nghiệm chúng cho bài viết này).

Đây là hai phiên bản nhấp để gọi và nhấp để chuyển văn bản trong Giấy quỳ . .

Cách tạo kiểu liên kết điện thoại HTML trong email

Bạn có thể tạo kiểu cho liên kết điện thoại HTML dưới dạng nút, liên kết hoặc hình ảnh bao quanh.

Số điện thoại có thể nhấp được tạo kiểu dưới dạng nút 'Nhận trợ giúp' trong ví dụ này.  

Nguồn. Quả táo

Có hai cách khác nhau để tạo kiểu cho liên kết điện thoại HTML.  

1. Tạo kiểu cho nó trong phần tiêu đề của email. Để làm điều này, hãy sử dụng bộ chọn thuộc tính như thế này. a[href^="tel:"] or a[href^="sms:"].
   hoặc…
   
2. Tạo kiểu nội tuyến (các bước chi tiết ở trên). Nếu bạn làm điều này, hãy tạo kiểu cho nó bằng một gạch dưới.

Carin Slater, Chuyên gia tiếp thị qua email tại Litmus cũng cung cấp mẹo chuyên nghiệp này. “Đối với các kiểu nội tuyến, di chuột qua là một cải tiến về kiểu dáng. Khi người đọc của bạn di chuột qua liên kết có thể nhấp, tính năng nâng cao sẽ làm cho phần gạch dưới biến mất. Điều này cho người đọc của bạn biết rằng liên kết là một yếu tố tương tác. ”

Ghi chú. Gmail không hỗ trợ số điện thoại có thể nhấp trong phần tiêu đề. Vì vậy, nếu bạn có số lượng lớn người đăng ký trên Gmail, hãy thêm kiểu inline.

Thêm một lần nhấp vào liên kết SMS

Liên kết nhắn tin có thể nhấp cho phép khách hàng của bạn nhắn tin cho bạn thay vì gọi điện. Nó hoạt động giống như một số điện thoại có thể nhấp, nhưng có thể là một tùy chọn thuận tiện hơn cho một số khách hàng

Các liên kết SMS có thể nhấp cũng có thể được sử dụng để khiến khách hàng của bạn chọn tham gia tiếp thị qua SMS, tham gia các nhóm SMS độc quyền hoặc truy cập hỗ trợ khách hàng ngay lập tức

Trong ví dụ này, liên kết nhấp tới SMS được tạo kiểu dưới dạng nút CTA 'trò chuyện với chúng tôi'

Nguồn. cửa hàng cứu hộ spa

Trong ví dụ này, liên kết nhấp để gửi SMS khuyến khích khách hàng tham gia danh sách SMS dành riêng cho sự kiện ra mắt

Nguồn. Email thực sự tốt

Đừng quên kiểm tra số điện thoại có thể nhấp của bạn

Đảm bảo gửi cho bạn các phiên bản email của bạn và kiểm tra chúng trên nhiều thiết bị để đảm bảo tương tác hoạt động như ý muốn của bạn. Và đừng quên kiểm tra số điện thoại có thể nhấp vào HTML của bạn hoặc liên kết SMS cho thiết bị di động và máy tính để bàn cho từng phiên bản

Đảm bảo thiết kế của bạn xuất hiện ngay

Email bị hỏng dẫn đến ít chuyển đổi hơn. Xem trước email của bạn trên hơn 100 ứng dụng email, ứng dụng và thiết bị để đảm bảo trải nghiệm người đăng ký đúng thương hiệu, không có lỗi. Mỗi lần