Cách tạo nút gọi điện cho WordPress mà không yêu cầu nhập lại số

Mặc dù không còn quá phổ biến như nhiều năm trước nhưng tạo nút gọi điện cho WordPress vẫn còn khá nhiều bạn quan tâm và có nhu cầu sử dụng trên Website của mình.

Nếu bạn là một trong số đó, hướng dẫn này sẽ gửi cho bạn hầu hết các phương pháp tốt và dễ dàng nhất.

Bạn sẽ có một nút gọi ngay lập tức để người dùng liên hệ với bạn chỉ với một cú nhấp thay vì họ phải nhập lại số trên bàn phím.

Thông thường trên các Website hiện nay, mọi người dần ưa chuộng liên hệ với nhau qua cách gián tiếp bằng địa chỉ Email, đơn giản vì nó cảm thấy mọi người thoải mái hơn. 

Vì vậy mình nghĩ tốt nhất bạn nên tạo một biểu mẫu liên hệ trên WordPress của mình trước khi cân nhắc thêm nút gọi điện.

Tuy nhiên ở một số lĩnh vực, việc kết nối qua điện thoại vẫn còn giá trị nhất định. Ví dụ như bất động sản, bảo hiểm, giáo dục,...những thứ này thường làm cho mình giật mình mỗi khi tập trung viết Blog.

Vì vậy khi bạn đọc xong hướng dẫn này, hãy tha cho mình 😄

Ngoài ra số người dùng truy cập bằng di động đang dần tăng theo thời gian với con số khoảng trên 50% trên tổng số truy cập Internet. Vì vậy đây có thể coi là một cách thông minh để khách hàng nhanh chóng kết nối với bạn chỉ bằng một nút bấm thay vì họ phải nhập lại trên bàn phím.

Thành thật mà nói, các nút bấm gọi điện trên Website có cũng có thể gia tăng tỷ lệ chuyển đổi của bạn.

Cách tạo nút bấm gọi điện trên Website WordPress

Có 3 cách cơ bản cho phép bạn tạo nút gọi điện cho WordPress và chúng khá dễ thiết lập mà không yêu cầu ở bạn kiến thức mã hóa.

Mình hứa điều này chỉ diễn ra trong vài phút. 

Nếu như bạn thích mình sẽ chỉ bạn cả 3 nhưng mình khuyên bạn nên chọn một cách cảm thấy phù hợp nhất.

Cách #1 - Tạo nút gọi điện bằng plugin

Dành cho những bạn không rành về code và sự nhanh chóng, plugin luôn đáng đi đầu trong các lựa chọn.

Đầu tiên bạn hãy đi đến thư viện plugin và tìm "Call Now Button". Sau đó cài đặt và kích hoạt nó.

tao-nut-goi-dien-cho-wordpress-bang-plugin-call-now-button
  • Save

Tiếp đó chọn Settings -> Call Now Button.

call-now-button
  • Save

Trên tab Basics hãy tick vào Enabled, sau đó điền số điện thoại của bạn để người dùng có thể gọi khi nhấp.

Mục Button text bạn có thể điền văn bản nút. Ví dụ như gọi ngay, gọi cho tôi, nhận hỗ trợ,...

cau-hinh-cnb-basic
  • Save

Bạn có thể xem kết quả trên thiết bị di động.

ket-qua-nut-goi
  • Save

Lưu ý nút này chỉ khả dụng trên điện thoại nếu bạn xem ở những kích thước như máy tính bảng, PC hoặc laptop thì nó sẽ không hiển thị. 

Ngoài ra bạn có thể sử dụng Tab Presentation để tùy chỉnh các yếu tố:

  • Button color: Màu của nút
  • Icon color: Màu của biểu tượng
  • Position: Vị trí nút, mình khuyên bạn nên chọn left hoặc full button.
  • Limit appearance: Nhập id trang và bài viết nếu bạn muốn áp dụng hiển thị ở những trang nhất định. Hoặc có thể nhấp vào mục "Exclude these posts and pages" để áp dụng loại trừ. Tính năng này bạn nên áp dụng để tăng trải nghiệm người dùng.
tab-hien-thi-cnb
  • Save

Cuối cùng Tab Advanced cung cấp các tùy chỉnh nâng cao:

  • Click Tracking: Tùy chọn theo dõi nhấp chuột qua Google Analytics. (Bạn cũng có thể xem cách kết nối Website với Google Analytics của mình).
  • Google Ads: Theo dõi số lần nhấp chuột vào nút dưới dạng chuyển đổi Google Ads.
  • Button size: Bạn có thể kéo thể tùy chỉnh kích thước nút.
  • Order: Độ ưu tiên nằm trên các yếu tố thiết kế. Nó bằng thuộc tính z-index của CSS. Thông thường mình khuyên bạn nên để mặc định.
tab-advanced-cnb
  • Save

Nhớ lưu lại các cài đặt của bạn khi kết thúc tùy chỉnh và thưởng thức kết quả.

Cách 2: Sử dụng cách thủ công

Cách này không được chuyên nghiệp như trên nhưng nó có thể hạn chế việc bạn cài thêm plugin và đây thường là nguyên nhân dẫn đến Website của bạn tải chậm.

Vì vậy thêm một liên kết gọi điện có thể sẽ hữu ích lúc này.

Cụ thể bạn chỉ cần thêm một đoạn liên kết dưới dạng HTML, sau đó thêm thẻ tel: trước số điện thoại.

<a href="tel:0372148235"> 0372148235 </a>

Hoặc bạn cũng có thể đổi văn bản liên kết thành lời kêu gọi hành động.

<a href="tel:0372148235"> Gọi ngay </a>

Bây giờ bạn có thể đem đoạn HTML này dán bất kỳ vị trí nào bạn mong muốn như top bar, header, sidebar và footer của WordPress.

Hoặc nếu bạn sử dụng trình soạn thảo Gutenberg thì có thể dùng Block "Custom HTML" để chèn mã này vào trang hoặc bài viết.

chen-link-goi-html
  • Save

Giờ thì khi ai nhấp vào liên kết đó trên thiết bị di động thì họ có thể gọi đến số đó ngay lập tức mà không cần phải nhập lại số.

ket-qua-nut-goi-html
  • Save

Cách thêm nút gọi vào menu WordPress

Mình thấy cách này được khá nhiều chủ Website sử dụng vì vị trí này thường được rất nhiều người chú ý khi trải nghiệm trên Web.

Một số bạn tưởng rằng thêm nút gọi vào WordPress theo cách này chỉ có theo mặc định của theme vì vậy không dám nghĩ tới việc áp dụng, tuy nhiên thật ra nó dễ như ăn bánh.

Mình sẽ chỉ cho bạn cách thế nào. Tuy nhiên hãy chắc chắn khi ở đây bạn đã biết cách tạo menu trên WordPress. Còn không thì nhấp vào đây để truy cập vào khóa học WordPress cơ bản miễn phí của mình.

Giờ hãy chọn Appearance -> Menu -> Chọn mục Custom links.

Ở ô url bạn hãy điền tel:sodienthoai. ví dụ: tel:0123456789

Còn ô Link Text bạn điền văn bản cho link trên, bạn có thể là ghi lại số điện thoại hoặc một lời kêu gọi hành động như cách đầu mình có đề cập.

tao-nut-goi-tren-menu
  • Save

Nhấn Add to Menu sau đó lưu lại và nhận kết quả.

Bạn sẽ thấy nó xuất hiện dưới dạng liên kết có thể nhấp.

lien-ket-goi-menu
  • Save

Tuy nhiên nếu bạn muốn nó nổi bật, bạn cần làm đẹp một chút với mã CSS.

Trên giao diện tạo menu hãy nhấp vào mục Screen options, sau đó tick vào mục CSS Classes.

mo-muc-css-classes
  • Save

Bây giờ ở mục tùy chỉnh item của menu bạn sẽ thấy thêm một ô mới.

Hãy đặt tên lớp css của liên kết cần tạo nút gọi điện, mình đặt btn-call.

Nhớ lưu lại!

dat-ten-css-classes
  • Save

Giờ hãy truy cập Appearance -> customize -> Additional CSS và thêm đoạn mã sau:

.btn-call a{
color:#fff !important;
background-color:#333 !important;
}

them-css-nut-goi
  • Save

Và kết quả bạn nhận được sẽ đại loại như vầy, nếu có kinh nghiệm về mã màu bạn có thể tùy chỉnh theo ý muốn của mình.

them-css-nut-goi
  • Save

Đơn giản mà, phải không?

Lời kết

Mình hy vọng qua bài viết này bạn đã tạo được nút gọi điện cho WordPress để phục vụ nhu cầu cho doanh nghiệp của mình. Chắc chắn nó không có gì quá phức tạp để làm khó bạn.

Nếu bạn không rành về mã mình khuyến nghị bạn nên dùng cách đầu để chóng có được nút gọi điện chuyên nghiệp và tùy chỉnh dễ dàng.

Phương pháp HTML có thể hữu ích nếu bạn muốn chèn link gọi điện dưới dạng liên kết để không phụ thuộc plugin WordPress và còn giúp tăng tốc WordPress của bạn.

Cuối cùng, cách tạo nút gọi trên menu là một ý tưởng không tồi. Kết hợp với các phương pháp làm đẹp của mình bạn sẽ có một nút gọi ở vị trí tuyệt vời và dễ gây sự chú ý cho người dùng. Hầu hết các doanh nghiệp thường sử dụng phương pháp này.

Bạn tạo nút gọi điện cho WordPress theo cách nào? Cho mình biết ý kiến trong comment bên dưới và mình sẽ phản hồi sớm cho bạn.

  • Save
Đôi chút về Nam Nguyen

Nam là một Blogger & giáo viên WordPress. Cậu ấy giúp mọi người bắt đầu & phát triển Website một cách dễ dàng & chuyên nghiệp mà không yêu cầu kiến thức lập trình. Theo dõi cậu ấy trên Facebook, Twitter, Linkedin.

Nhận nội dung tốt nhất từ mình

Bao gồm các hướng dẫn WordPress, mẹo, công cụ & ưu đãi tốt nhất để phát triển doanh nghiệp trực tuyến của bạn.

>

Hướng dẫn miễn phí

Bạn có muốn?

Học cách phát triển doanh nghiệp từ WordPress như một chuyên gia hàng đầu.

Share via
Copy link