Hướng dẫn thêm nút Click-to-Call vào website WordPress

Chào mừng quý bạn và các vị đã quay trở lại với CunghocWP, tôi là tiendatdinh ^^~

Bạn có đang muốn thêm một nút Click-to-Call vào website hay không? Có nhiều người dùng sẽ truy cập website của bạn bằng điện thoại thông minh, do đó việc thêm một nút Click-to-Call sẽ giúp họ dễ dàng liên lạc với bạn.

Trong bài viết này, CunghocWP sẽ chỉ cho bạn cách đơn giản để thêm tính năng Click-to-Call vào website của bạn.

Cùng tìm hiểu nhé 🙂

Tại sao cần thêm nút Click-to-Call vào website?

Có nhiều website dựa vào sự liên hệ trực tiếp của khách hàng để gửi cho họ báo giá, thông tin hoặc các hỗ trợ trực tiếp.

Đó là lý do khiến chúng tôi khuyên bạn nên thêm một hình thức liên hệ cho các website của bạn.

Tuy nhiên tùy vào một số ngành nghề, người dùng sẽ muốn có một cuộc gọi trực tiếp ngay lập tức cho bạn.Khi lưu lượng truy cập website trên toàn thế giới tăng lên, người dùng sẽ cảm thấy thuận tiện hơn khi chỉ cần 1 click họ có thể gọi ngay cho bạn lúc cần.

Nếu bạn mới bắt đầu kinh doanh và đang điều hành một doanh nghiệp nhỏ thì chúng tôi cũng khuyên bạn nên xem qua danh sách dịch vụ tổng đài ảo chuyên nghiệp dành cho các doanh nghiệp để có thể thực hiện chuyển tiếp cuộc gọi, ghi âm, quản lý hay trả lời cuộc gọi từ bất cứ đâu thay vì chỉ với điện thoại cố định.

Bây giờ, hãy cùng xem làm như thế nào để thêm nút Click-to-Call vào website của bạn với CunghocWP nhé.

Video hướng dẫn

Nếu không thích xem video hướng dẫn hoặc do cá mập lại phập cáp quang nhà bạn, bạn có thể xem bài viết dưới đây của CunghocWP nha ^^

Thao tác thêm nút Click-to-Call vào website WordPress

Cách 1: Sử dụng plugin để thêm tính năng Click-to-Call vào website

Cách này khá dễ dàng và được khuyến nghĩ cho tất cả mọi người. Bạn cso thể sử dụng nó để tạo các nút gọi điện ngay trong Gutenberg, trình chỉnh sửa nội dung cổ điển, widget hay thậm chí là một nút bẩm nổi trên website.

Đầu tiên hãy kích hoạt plugin WP Call Button. Nếu chưa biết cách cài đặt thì bạn có thể xem hướng dẫn chi tiết về cách cài đặt plugin WordPress tại đây.

Bây giờ, bạn hãy truy cập Settings » WP Call Button để cấu hình cài đặt cho plugin.

Trong trang cài đặt, bạn sẽ thấy các tính năng hiển thị cho nút gọi điện của bạn như: nút gọi dính, cuộn với nội dung…

Khi thêm tính năng Click-to-Call vào website, nó sẽ giúp bạn tối ưu hóa chuyển đổi và nhận được nhiều cuộc gọi hơn, bạn cũng có thể chốt đơn dễ dàng hơn.

Bạn chỉ cần nhập số điện thoại của bạn mà bạn muốn người dùng gọi tới vào phần Phone Number và chọn mã vùng cho khu vực của bạn.

Bây giờ, bạn có thể thêm văn bản hiển thị cho nút Click-to-Call cũng như vị trí hiển thị của chúng.

Theo mặc định thì plugin sẽ thêm nút gọi cho tâtá cả các trang và hiển thị trên tất cả thiết bị. Bạn cũng có thể tùy chọn hiển thị nó trên một số trang nhất định hoặc chỉ hiển thị trên thiết bị di động.

Khi hoàn tất, đừng quên kích hoạt nó phía trên và lưu lại để tính năng được thêm vào website của bạn nhé.

Dưới đây là minh họa cho tính năng nút Click-to-Call sẽ hiển thị trên giao diện điện thoại.

Bây giờ, nếu bạn muốn thêm nút Click-to-Call vào trang liên hệ, bạn có thể vào một trang bất kỳ hay một bài đăng truwóc đó. Bạn sẽ có 2 cách để thêm chúng vào bài viết.

Nếu bạn đang sử dụng trình chỉnh sửa block mới của WordPress thì chỉ cần chỉnh sửa hoặc thêm bài đăng mới. Sau đó bạn sẽ thấy 1 block có tên Call Now Block. Hãy nhấp vào nó để thêm nó vào bài đăng.

Call Now Block có nhiều tùy chọn tinh chỉnh như sửa màu, văn bản hay kích thước và font chữ của nó. Ngoài ra bạn cũng có thể hiển thị hoặc ẩn icon điện thoại bên cạnh.

Khi đã thêm nút, người dùng có thể click vào đó và gọi điện trực tiếp cho bạn thôn qua số điện thoại bạn đã cài đặt bên trên.

Còn nếu bạn đang sử dụng trình chỉnh sửa trang cổ điển thì bạn sẽ cần tạo một shortcode trong Wp Call Buton để dán vào nội dung bài viết.

Hãy truy cập Settings » WP Call Button sau đó nhấp vào Static Call Button ở phía đầu trang.

Bây giờ bạn có thể tùy chỉnh lại nút click-to-call của mình từ màu sắc, văn bản… SAu đó, hãy sao chép đoạn shortcode này và dán vào nội dung bài viết của bạn.

Plugin WP Call Button cũng cho phép bạn thêm nút click-to-call vào widget nữa.

Chỉ cần truy cập Appearance » Widgets và kéo widget WP Call Button vào nơi bạn muốn chúng hiển thị.

Widget này sẽ cho phép bạn tùy chỉnh tiêu đề và mô tả. Bạn cũng có thể nhấp vào mục cài đặt nâng cao để tùy chỉnh lại văn bản cho nút gọi điện của bạn.

Đến đây, có lẽ bạn đã biết tại sao WP Call Button là plugin toàn diện nhất trên thị trường hiện nay.

Ngoài việc miễn phí 100%, nó cũng được tích hợp hoàn hảo với Google Analytics.

Tất cả những gì bạn cần làm là sử dụng plugin MonsterInsights và nó sẽ tự động theo dõi số lượng người click vào nút gọi điện của bạn cũng như trang nào trên website của bạn tiềm năng nhất. Do đó, bạn có thể sử dụng các dữ liệu này để phát triển doanh nghiệp của mình một cách tối ưu hơn.

Cách 2: Thêm nút click-to-call bằng cách thủ công

Cách này giúp bạn thêm thủ công nút click-to-call vào website của mình ở bất cứ đâu trên website của bạn.

cách dễ nhất là thêm vào website của bạn một đoạn code trông sẽ như thế này:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->
 
<a href="tel:+15555551212">+1 (555) 555-1212</a> 
  
<a href="tel:15555551212">Call Me</a>

Đoạn code này sẽ mở ứng dụng điện thoại trên thiết bị di động. Khi người dùng online bằng máy mac thì nó sẽ tự động mở Facetime, với máy Windows 10 nó sở bật Skype để vào tính năng gọi điện.

Bạn cũng có thể dùng HTML để thêm các hình ảnh, tùy chỉnh lại giao diện của nút click-to-call nếu muốn.

Chúng ta hãy xem làm như thê snào để làm điều này nhé.

Trước tiên bạn hãy vào Media » Add New và tải lên hình ảnh bạn muốn sử dụng cho nút click-to-call. Sau đó hãy vào mục edit để tiếp tục.

Bây gờ bạn đã vô giao diện chỉnh sửa hình ảnh, hãy sao chép đoạn URL của hình ảnh vừa tải lên.

Giờ bạn có thể chỉnh sửa bài đăng hoặc widget HTML của bạn, nơi bạn muốn hiển thị nút click-to-call và dán đoạn code sau vào đó.

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a>

Hãy nhớ là thay đổi SĐT trong đoạn code bên trên nha. Sau khi hoàn thành, nút click-to-call của bạn sẽ trông giống như sau:

Bạn cũng có thể chỉnh sửa lại nó với văn bản hoặc thêm CSS để chúng trông đẹp mắt hơn.

Thêm nút click-to-call vào menu điều hướng

Ngoài các cách trên, bạn cũng có thể thêm nút gọi điện vào menu điều hướng của WordPress.

Chỉ cần truy cập Appearance » Menus và vào tab liên kết tùy chỉnh.

Bây giờ bạn hãy thêm URL tùy chỉnh của bạn dưới dạng như sau:

tel:+155555555

Bây giờ, bạn chỉ cần sửa văn bản và thêm nút bằng cách bấm Add to Menu.

Bây giờ website của bạn sẽ có một liên kết trông như thế này. Bạn hãy click thử vào đó và tận hưởng thành quả nha.

Bạn cũng có thể thêm icon hình ảnh vào menu điều hướng với bài viết cách thêm biểu tượng hình ảnh vô menu điều hướng WordPress của chúng tôi.

Hy vọng rằng với bài viết này, bạn đã biết cách để thêm nút click-to-call vào website của mình. Bạn cũng có thể muốn tham khảo cách tạo địa chỉ email doanh nghiệp miễn phí được chia sẻ bởi CunghocWP.

Nếu thích bài viết này, hãy đăng ký Kênh YouTube của chúng tôi để xem video hướng dẫn nhé. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook để cập nhật các thông tin mới nhất từ CunghocWP.

Chúc các bạn thành công!