Tạo khả năng click để gọi từ số điện thoại trên website WordPress, Opencart..v.v

Tạo khả năng click để gọi từ số điện thoại trên website WordPress, Opencart..v.v

Lượng người truy cập website từ điện thoại đang ngày càng tăng nhanh. Rất nhiều doanh nghiệp đưa số điện thoại của họ lên trang web của họ, tuy nhiên phần lớn đều ở dạng text, không thể click trực tiếp vào số điện thoại đó để gọi ngay được. Yêu cầu đặt ra là làm sao để khách hàng có thể click vào số điện thoại trên website để gọi ngay được mà không cần phải bấm lại từng số (lưu ý là truy cập web từ các smartphone chứ không phải điện thoại cục gạch  ). Trong bài viết này mình sẽ hướng dẫn các bạn làm điều này.

Nếu một số điện thoại được viết ở định dạng có thể nhận dạng, thì phần lớn smartphone hiện nay có thể tự động nhận ra số điện thoại và chuyển nó về dạng liên kết gọi. Tuy nhiên bạn cũng có thể thay thế số điện thoại bởi anchor text, hoặc hình ảnh.

Định dạng để viết một số điện thoại là:

<Country Code> <(Area Code)> <Local Number>

Ví dụ: +1 (555) 555-1212

+84 (37) 369-6969

Tuy nhiên, hầu hết các smartphone cũng nhận ra định dạng:

• +15555551212
• +1.555.555.1212
• 555-555-1212
• 555 555 1212

Viết số điện thoại ở trong một định dạng thích hợp sẽ tự động chuyển chúng thành liên kết cho người sử dụng điện thoại di động. Tuy nhiên với các điện thoại đời cũ hay cục gạch thì hết cách.

1 2 3

<!--Link này làm việc trên Android và iPhone. --> <a href="tel://+15555551212">+1 (555) 555-1212</a> <a href="tel://15555551212">Call Me</a>

Vấn đề xảy ra với code trên là nó hiển thị link trên tất cả các thiết bị. Khi người dùng sử dụng máy tính để bàn click vào nó thì sẽ báo lỗi hoặc không hoạt động.

1 2	<!-- Link này sẽ bât Skype trên desktop và notebooks, trên điện thoại nó sẽ hỏi người sử dụng nếu họ muốn bật skype hoặc gọi điện bằng dịch vụ di động của họ --> <a href="callto://15555551212">+1 (555) 555-1212</a>

Trong ví dụ trên chúng ta đã sử dụng giao thức callto:, giao thức này được sử dụng bở Skype cùng với giao thức skype:. Cách này có một lợi thế mà người sử dụng smartphone có thể gọi bằng điện thoại bằng dịch vụ di động của họ. Trong khi người sử dụng máy tính để bàn và các thiết bị khác có thể gọi bằng Skype.

1 2	<!-- Link a number to an image --> <a title="Call Me" href="callto://15555551212"><img alt="Call Me" src="/images/call-me.png" /></a>

Trong ví dụ trên là liên kết gọi bằng hình ảnh sử dụng Skype theo giao thức callto:. Vấn đề với code này các smartphone có thể nhận ra giao thức skype nhưng không nhận ra được số điện thoại. Hơn nữa nó không thể cung cấp cho người dùng một cơ hội để gọi điện từ điện thoại của họ.

Bạn có thể tạo ra liên kết đến Skype usernames để hỗ trợ trực tuyến hoặc gọi thoại cho người truy cập của bạn.

1	<a href="skype:echo123">Skype</a>

Chúc bạn thành công và kiếm được nhiều khách hàng hơn.

Nguồn: Đà Thành Phố (Wpbeginner)