Tạo nút call now (gọi điện thoại) trong giao diện mobile của WordPress một cách dễ dàng.
Nút call now (gọi điện thoại) là một trong những tính năng không thể thiếu cho website doanh nghiệp, đặc biệt là các trang web thương mại điện tử (shop online, kinh doanh dịch vụ online…). Khi ở giao diện desktop, tính năng này chưa phát huy được hết tác dụng vì ngoài nó ra, vẫn còn live chat và các khung liên hệ chia sẻ gánh nặng. Tuy nhiên, nếu khách truy cập sử dụng điện thoại di động hoặc các thiết bị có màn hình bé, nút call now thực sự là lựa chọn tốt nhất giúp họ nhanh chóng liên hệ với bạn.
Tham khảo thêm:
- 22 Plugins contact form tốt nhất cho WordPress (Phần 1)
- 22 Plugins contact form tốt nhất cho WordPress (Phần 2)
Trong WordPress, không cần biết code HTML, bạn vẫn có thể làm điều này một cách đơn giản với sự trợ giúp của plugin. Và plugin mà tôi đang muốn nói đến ở đây chính là Call Now Button.
1. Đầu tiên, như thường lệ, các bạn cần cài đặt và kích hoạt plugin Call Now Button (download).
2. Tiếp theo, truy cập vào Call Now Button => Settings. Tại đây, hãy chọn Enabled rồi click vào nút Save Changes.
3. Sau khi kích hoạt, các bạn sẽ thấy xuất hiện thêm một số tùy chọn liên quan đến theo dõi hoạt động cũng như khả năng hiển thị của nút call now.
Trong đó:
- Click tracking: theo dõi số lượt click vào nút call now bằng Google Analytics hoặc Google Tags Manager.
- Google Ads: theo dõi chuyển đổi trong trường hợp site của bạn có chạy quảng cáo Google Ads (Google AdWords).
- Button size: kích thước của nút call now (mặc định là 100%).
- Order: thiết lập mức độ ưu tiên hiển thị của nút call now (nằm đè lên bên trên các thành phần khác hoặc nằm bên dưới).
Click vào nút Save Changes để lưu lại sau khi thiết lập xong.
4. Truy cập Call Now Button => Button => Basics. Tại đây, các bạn sẽ thấy một vài thiết lập như sau:
Trong đó:
- Phone number: điền số điện thoại của bạn.
- Button text: điền mô tả cho nút call now. Các bạn có thể để trống nếu chỉ muốn hiển thị duy nhất biểu tượng điện thoại.
Click vào nút Save Changes để lưu lại.
5. Chuyển qua tab Presentation:
Trong đó:
- Button color: lựa chọn màu nều cho nút call now.
- Icon color: lựa chọn màu sắc cho biểu tượng điện thoại.
- Position: thiết lập vị trí của nút call now (Right corner – góc phải, Left corner – góc trái, Center bottom – chính giữa và Full bottom – toàn bộ chiều ngang bên dưới màn hình).
- Limit appearance: giới hạn các trang hiển thị nút call now. Nếu bạn muốn hiển thị trên tất cả các trang, hãy để trống mục này.
Sau khi hoàn tất, click vào nút Save Changes để lưu lại.
6. Giờ thì truy cập website của bạn trên thiết bị di động để xem thành quả nhé. Lưu ý, nút này sẽ không hiển thị trên giao diện máy tính. Nó sẽ trông giống như thế này:
Thật đơn giản phải không nào? Chúc các bạn thành công!
Một số plugin khác
Ngoài ra, có một số plugin do chính các tác giả người Việt Nam phát triển với khả năng hiển thị cả số điện thoại và hiển thị cả trên máy tính. Nếu bạn có nhu cầu tương tự thì vui lòng tham khảo trong danh sách bên dưới:
- Hotline Phone Ring (xem chi tiết)
- Easy Call Now by ThikShare (xem chi tiết)
Bạn biết phương pháp tối ưu hơn để tạo nút call now (gọi điện thoại) trong giao diện mobile của WordPress? Hãy chia sẻ nó ngay với chúng tôi bằng cách sử dụng khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Bác có biết cách nào để cái nút gọi điện [href=”tel:12345″] này sài được trên Accelerated Mobile Pages (AMP) không? Bởi em thấy nó hiện thị nhưng khi bấm vào nút gọi thì nó không có gọi được như ở giao diện thông thường.
Cái này mình chịu. Bạn thử lên Google search từ khóa “Call Now Button for AMP” xem sao. :P
cài này với chèn code trực tiếp cái nào ổn hơn bác nhỉ
Cái này cũng tùy bạn ạ. Không nên lạm dụng plugin nhưng không phải cài plugin nào cũng gây ảnh hưởng nhiều tới tốc độ load web. Thậm chí, nhiều code snippets còn kém tối ưu hơn là plugin. Do đó, tốt nhất bạn nên chèn lần lượt từng cách rồi test thử.
Em muốn tạo nút Call now trên máy tính nữa, bác Hiếu chỉ giúp em. thanks
Bạn thử dùng plugin Easy Call Now by ThikShare xem sao nhé.
Em cũng đang gặp vấn đề là nút call to action này đó là nút hiện sau khi kéo hết trang , trang của mình khá dài nếu khách hàng cần gọi sẽ khá bất tiện bạn có biết cách khắc phục hiện tượng này của plugin ko ? em cảm ơn .
Bạn thử plugin Easy Call Now by ThikShare xem sao.
hay quá, ! cảm ơn Hiếu!
hay quá, đúng cái mình đang cần! cảm ơn Hiếu!
cho mình hỏi là mình làm theo hướng dẫn nhưng khi cài lên thì dưới plugin Call now button không có nút cài đặt hay cấu hình thì làm sao nhập số điện thoại vào được mặc dù phiên bản mobile có xuất hiện icon máy điện thoại
Truy cập Settings => Call Now Button đi bạn. Nếu bạn dùng WordPress tiếng Việt thì nó sẽ là Cài đặt => Call Now Button. Ngoài ra bạn có thể thử plugin Easy Call Now by ThikShare đi bạn. Hiển thị được cả số điện thoại ra ngoài giao diện luôn đó.
bác cho em hỏi là cái này chỉ hiện trên mobile thôi à, sao của em hiện mobile mà ko hiện trên desktop nhỉ
Đúng rồi bạn. Chỉ hiện trên mobile thôi nhé. Desktop đâu có hỗ trợ ứng dụng điện thoại bạn, hiện cũng đâu gọi được. :P
Cũng đúng :) trên desktop thì ko gọi được, vâng em cảm ơn bác ạ
Nhưng cần khi khách hàng có việc đang xem trên máy tính và muốn gọi thì tìm số điện thoại hơi mất công.
Bác cho hỏi phần chát và liên hệ điện thoại trang này sử dụng plugin gì vậy.
GOMYNGHESONDONG.VN
Cái này hình như họ code tích hợp vào theme chứ không phải dùng plugin bạn ạ.