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. :)
Xin chào anh Hiếu, cảm ơn về bài viết hữu ích. Em có 1 website sử dụng 1 theme Buiders của Mythemeshop (site: salonhongtintin. com). Theme này có 2 phần liên hệ và địa chỉ ở ngay phần trang chính. Vấn đề là em không biết làm thế nào để một khách hàng khi click vào button *phone* và được tự chuyển qua trình liên lạc call trên di động hoặc chuyển qua Google Map với botton *Map*.
Trong phần Theme Options có phần:
*Contact Item URL(optional)*
Add item URL here
Phần này có thể là câu trả lời trên nhưng em không biết url này là gì?
Mong rằng a hồi âm em sớm, cảm ơn a <3
Cái này đơn giản mà. Trong mục
Contact Item URL(optional)của điện thoại, bạn điền cấu trúc như thế này vào:tell://0123456879. Thay0123456789bằng số ĐT của bạn. Còn mụcContact Item URL(optional)của bản đồ thì tất nhiên là điền link bản đồ hoặc link tới trang có chứa bản đồ.Cảm ơn a <3, phần map thì đẹp rồi, mỗi cái phần phone là click = samsung thì k được, click = WP thì bắt cài app, iphone chưa thử :v
Mình chả thấy đơn giản gì. có plugin nào hiện cả số điện thoại và hiện trên mọi kích thước như mấy site bđs, thuốc, spa thì mới đẹp
Mấy cái đó phải tự code bạn ơi. Không có sẵn plugin. :P
Hay quá, cảm ơn bạn chia sẻ
bạn ơi sao mình tải về rồi mà không hiện được số điện thoại mình vậy?
site của mình đây http://giamsat24hvn.com mong ad hỗ trợ
Nó chỉ hiện biểu tượng điện thoại ở góc dưới bên trái màn hình, còn không hiện số đâu bạn nhé. Khách hàng bấm vào đó thì sẽ mở ứng dụng gọi điện trên điện thoại. Bạn muốn hiện số điện thoại trừ khi bạn làm 1 cái ảnh có số điện thoại và thay thế biểu tượng hiện tại đi. :P
Bài viết rất hữu ích. Mình cũng đang cần click 5 sao luôn :)
cái này khá hay, cám ơn admin đã hướng dẫn
Cảm ơn bài viết của bác hay quá
Nút ni nhìn hơi xấu, thấy anh em có chia sẻ một mẫu nhấp nháy khá đẹp.
Bạn ơi, nếu mình muốn chỉnh sửa plugin (CSS hoặc thêm code), nhưng lại được {Cảnh báo: Không nên thay đổi gói mở rộng đã kích hoạt. Nếu thay đổi của bạn gây ra lỗi nghiêm trọng, gói mở rộng sẽ tự động bị dừng kích hoạt.} >> mình phải chỉnh ở đâu vậy bạn?
CSS bạn có thể thêm qua Appearance => Customize => Additional CSS. Còn function thì bạn có thể thêm qua file functions.php của theme. Nhưng không chắc là chúng sẽ có hiệu quả và thậm chí có thể gây lỗi theme trong trường hợp bạn chèn code sai cấu trúc. :P
Oh, mình cảm ơn bạn nhiều lắm!
Xin cho mình hỏi thêm, muốn thêm CSS thì dùng Additional CSS, nhưng để xóa CSS của plugin thì mình phải làm sao, vì mình không dám trực tiếp vào Plugin để chỉnh sửa khi thấy dòng Cảnh báo mình có nhắc đến ở trên. Cảm ơn bạn!
Nếu bạn không xóa trực tiếp trong file của plugin thì cách duy nhất là ghi đè thôi bạn ạ. :P
Bạn có thể chỉ mình cách ghi đè CSS? (mình đã thử thay đổi số nhưng vẫn không tác động vào được tại Chỉnh sửa CSS.
Và, mình muốn thêm text kế icon mobile, nhưng mình không tìm được thẻ tương ứng để thêm vào. Cảm ơn bạn!
Mình làm được rồi, cảm ơn bạn!
Nếu dùng tính năng này thì khách hàng của mình gọi vào họ vẫn bị tính tiền, bạn có biết tính năng nào mà khi khách hàng gọi đến mình mà họ không bị tính tiền không? Mong bạn giúp mình. Cảm ơn bạn!
Nếu muốn khách hàng không bị tính tiền khi gọi điện thì bạn phải đầu tư tổng đài miễn phí cho khách. :D
Mình cảm ơn thật nhiều!
mình đã làm như hướng dẫn mà nó không hiện ad ơi. Mong giúp đỡ