VPS
Hosting
Email
Máy chủ
Firewall
Tên Miền
SSL
3
3

Cách thêm hotline plugin WordPress trong WordPress

1512
Lượt xem
Home WordPress Cách thêm hotline plugin WordPress trong WordPress

Bạn có muốn thêm nút bấm để gọi trong WordPress không? Khi nhiều người truy cập website của bạn bằng smartphone, việc thêm nút click-to-call giúp họ dễ dàng liên hệ với bạn. Vậy đâu là cách để tiến hành cài nút hotline plugin WordPress này? Trong bài viết này, Vietnix sẽ hướng dẫn bạn cách dễ dàng thêm nút gọi và liên hệ trong website WordPress.

Tại sao nên thêm nút gọi trong WordPress?

Nhiều website kinh doanh nhỏ dựa vào khách hàng để liên hệ với họ để biết báo giá, thông tin trước khi bán hàng hoặc hỗ trợ. Đó là lý do tại sao bạn nên thêm một biểu mẫu liên hệ cho tất cả chủ sở hữu website.

Tuy nhiên, tùy thuộc vào ngành, một số người dùng có thể muốn nói chuyện với người khác ngay lập tức. Khi lưu lượng truy cập trên mobile vào website ngày càng tăng, người dùng thường cảm thấy thuận tiện hơn khi chỉ cần nhấp vào và nhận thông tin họ cần.

tai sao can them nut goi trong WordPress
Tại sao cần thêm nút gọi trong WordPress

Nếu bạn mới bắt đầu kinh doanh, thì Vietnix khuyên bạn nên xem xét dịch vụ điện thoại doanh nghiệp chuyên nghiệp. Vì vậy bạn có thể thực hiện chuyển tiếp cuộc gọi, chia sẻ số với nhân viên và trả lời cuộc gọi bằng điện thoại di động của mình từ bất kỳ đâu (Thay vì điện thoại cố định). Chính vì vậy, việc thêm nút hotline hay nút gọi là điều rất cần thiết đối với người dùng.

Sau đây chúng ta sẽ xem chi tiết cách để thêm nút gọi trong WordPress bằng plugin với cách thủ công.

Hướng dẫn tạo nút gọi điện thoại cho website WordPress

Dưới đây là một số cách tạo nút gọi điện thoại cho website WordPress bạn có thể tham khảo với các cách làm chi tiết dưới đây.

Cách 1: Tạo nút gọi điện cho WordPress với Plugin Call Now Button

Bước 1: Tiến hành cài đặt và active plugin Call Now Button.

Cài đặt plugin Call Now Button

Bước 2: Click vào Call Now Button trên menu trong phần Dashboard của WordPress.

Click vao call now button tren menu dashboard
Click vào Call Now Button trên menu Dashboard

Bước 3: Button status > Click chọn Active để bắt đầu cấu hình.

chon active de kich hoat plugin hoat dong
Chọn Active để kích hoạt plugin hoạt động

Phần tab Basic, trong đó:

  • Button type: Chọn loại button bạn muốn như Phone, Email, Telegram, Messenger,…
  • Phone number: Nhập số điện thoại cá nhân hoặc doanh nghiệp của bạn.
  • Button text: Nhập text bạn muốn hiển thị cùng với button, chỗ này sẽ đặt các CTA.
cau hinh mau sac, vi tri, icon cho nut goi dien thoai
Cấu hình màu sắc, vị trí, icon,… cho nút gọi điện thoại

Phần Presentation, trong đó:

  • Button color: Chọn màu sắc cho button của bạn.
  • Icon color: Màu sắc của icon.
  • Position: Vị trí hiển thị của button.
  • Limit appearance: Giới hạn không hiển thị ở một số trang, bài viết.

Bước 4: Nhấp Save changes để lưu thay đổi cấu hình.

Plugin Call Now Button sẽ hiển thị trên điện thoại như hình dưới đây:

ket qua cua plugin call now button
Kết quả của plugin Call Now Button

Cách 2: Thêm nút gọi điện trên WordPress với plugin WP Call Button

Phương pháp này dễ dàng hơn và được khuyến nghị cho tất cả người dùng. Cho phép bạn dễ dàng tạo nút gọi điện thoại trong Gutenberg, Classic Editor, WordPress Sidebar Widget và thậm chí là nút gọi cố định.

Bước 1: Cài đặt và kích hoạt plugin WP Call Button.

Cài đặt và kích hoạt plugin WP Call Button
Cài đặt và kích hoạt plugin WP Call Button

Bước 2: Click vào Settings > Chọn WP Call Button như hình dưới đây để cấu hình.

Vào Settings của plugin WP Call Button
Vào Settings của plugin WP Call Button

Bước 3: Bắt đầu cài đặt cấu hình trong plugin WP Call Button.

Cấu hình cho nút gọi điện thoại trêm WordPress
Cấu hình cho nút gọi điện thoại trêm WordPress
Lưu lại cấu hình khi hoàn tất
Lưu lại cấu hình khi hoàn tất

Sticky Call Button sẽ giúp scroll theo người dùng khi họ duyệt website của bạn, đây cũng chính là trang cài đặt đầu tiên dành cho tính năng được yêu cầu phổ biến nhất. Không những thế, tính năng tối ưu hóa chuyển đổi cao này giúp bạn nhận được nhiều cuộc gọi hơn và chốt nhiều giao dịch nhanh hơn.

Phần Sticky Call Button, trong đó:

  • Call Now Button Status: Bạn cần trượt sang trái để kích hoạt.
  • Phone Number: Số điện thoại bạn muốn người dùng gọi đến.
  • Call Button Text: Bạn cần nhập text kèm theo.
  • Call Button Position: Vị trí bạn muốn button xuất hiện (Full Width, Bottom left, Bottom Center, Bottom Right).
  • Call Button Color: Bạn chọn màu cho button của mình.
  • Call Button Visibility: Tùy chỉnh button xuất hiện ở những đâu trên trang web của bạn.
  • Show Call Button Only on Mobile devices?: Bật để show button trên mobile.
Cấu hình Static Call Button
Cấu hình Static Call Button

Phần Stactic Call Button để thiết lập shortcode chèn thủ công, trong đó:

  • Call Button Text: nhập text bạn muốn hiển thị.
  • Call Button Color: Chọn màu sắc cho button của bạn.
  • Hide the phone icon in your button?: Tick chọn nếu bạn muốn ẩn icon trên di động.

Bước 4: Nhấp Save Changes để lưu thay đổi cấu hình.

Sau đó, bạn có thể truy cập website của mình để xem nút gọi điện thoại đang hoạt động trên website của bạn.

Kết quả sau khi cài đặt plugin Wp Call Button
Kết quả sau khi cài đặt plugin Wp Call Button

Nếu bạn muốn thêm nút gọi tĩnh trong trang liên hệ WordPress, trang giới thiệu hoặc bất kỳ bài viết và trang nào khác, thì bạn có hai tùy chọn.

Nếu bạn đang sử dụng WordPress Block Editor mới thì chỉ cần đơn giản tạo hoặc chỉnh sửa một trang hiện có. Tiếp theo, cần thêm WP Call Button Block bằng cách nhấp vào biểu tượng “+”.

Ngoài ra, thêm trực tiếp vào bài viết (Block Editor)
Ngoài ra, thêm trực tiếp vào bài viết (Block Editor)
Nút gọi điện thoại xuất hiện
Nút gọi điện thoại xuất hiện

Block Call trong WordPress có nhiều tùy chọn tùy chỉnh như khả năng tùy chỉnh màu nút, văn bản nút, kích thước font chữ và khả năng hiển thị hoặc ẩn biểu tượng điện thoại.

Sau khi bạn thêm nút, nó sẽ cho phép người dùng nhấp và gọi đến số điện thoại của bạn mà bạn đã chỉ định trong trang cài đặt WP Call Button.

Lưu ý: Nếu bạn đang sử dụng WordPress Classic Editor thì bạn cần sử dụng trình tạo Static Call Button để lấy shortcode như bước 3 ở trên.

Plugin WP Call Button cũng cho phép bạn thêm nút gọi vào Sidebar của webside bằng cách sử dụng Sidebar Widget.

Cách thực hiện: Click chọn Appearance > Widget > Chọn WP Call Button vào Widget bạn muốn hiển thị.

Thêm WP Call Button vào Widget
Thêm WP Call Button vào Widget

Widget này cho phép bạn thêm tiêu đề và mô tả của Widget. Bạn có thể điền thêm thông tin Title và Desciption như trong hình.

Ngoài ra, phần tốt nhất ở hotline plugin WordPress ở việc nó miễn phí hoàn toàn 100% và tích hợp liền mạch với Google Analytics.

Tất cả những gì bạn cần làm là sử dụng MonsterInsights plugin và nó sẽ tự động theo dõi có bao nhiêu người nhấp vào nút gọi của bạn cũng như những trang nào đang mang lại cho bạn nhiều khách hàng tiềm năng nhất. Vì vậy, bạn có thể tập trung vào những gì đang hoạt động để phát triển doanh nghiệp của mình nhanh hơn.

Cách 3: Thêm nút gọi đơn giản vào Menu WordPress

Đây là một cách đơn giản mà nhiều người thường đang áp dụng vì trên menu cũng sẽ được người dùng quan tâm nhiều.

Dưới đây là các bước thực hiện chi tiết:

  • Bước 1: Truy cập vào Dashboard của WordPress.
  • Bước 2: Vào Appearance > Menu > Chọn mục Custom Link.
them nut goi bang menu wordpress
Thêm nút gọi bằng menu WordPress
  • Bước 3: Nhập URL với cú pháp “tel: SĐT”. Ví dụ ở đây, Vietnix sẽ điền “tel:1800 1093”.
  • Bước 4: Và nhập text cho URL ở trên.
  • Bước 5: Nhấp “Add to Menu” để thêm vào menu.
Thêm URL và Link text cần hiển thị
Thêm URL và Link text cần hiển thị
  • Bước 6: Nhấn Save Changes để lưu lại.

Cách 4: Thêm nút gọi theo cách thủ công trong WordPress

Phương pháp thêm hotline plugin WordPress này cho phép bạn thêm các liên kết ở bất kỳ đâu trên website WordPress của mình theo cách thủ công.

Cách dễ nhất để thêm số điện thoại vào website của bạn, bạn có thể thêm đoạn HTML sau:

<a href="tel:18001093">1800 1093</a> 
<a href="tel:18001093">Gọi Ngay</a>

Các liên kết này sẽ mở app trên thiết bị di động. Trên máy tính để bàn, người dùng Mac sẽ thấy tùy chọn mở liên kết trong Facetime, trong khi người dùng Windows 10 sẽ thấy tùy chọn mở liên kết đó trong Skype.

Bạn cũng có thể sử dụng HTML để thêm hình ảnh hoặc biểu tượng bên cạnh liên kết văn bản click vào để gọi. Sau đây sẽ là những hướng dẫn chi tiết để thêm hotline plugin WordPress bằng cách thủ công.

Bước 1: Truy cập vào Dasboard của WordPress.

Bước 2: Vào phần Media > Add New > Upload hình ảnh mong muốn của bạn.

Bước 3: Xong khi đã Upload hình ảnh > Chọn Edit để tiếp tực chỉnh sửa.

Bước 4: Thực hiện sao chép URL của hình ảnh vừa được upload.

Tạo nút gọi điện thoại cho website WordPress bằng cách thủ công

Giờ đây, bạn có thể chỉnh sửa post hoặc page hay các tiện ích HTML tùy chỉnh mà bạn muốn hiển thị biểu tượng điện thoại. Trong khu vực chỉnh sửa, bạn có thể thêm hình ảnh biểu tượng điện thoại nằm bên trong “tel:” như dưới đây:

<a href="tel:18001093"><img src="https://vietnix.vn/wp-content/uploads/2022/08/call.png" alt="Gọi ngay" /></a> 

Sau khi hoàn tất, bạn có thể truy cập website của mình để xem liên kết nhấp để gọi với hình ảnh bạn đã tải lên.

Bạn có thể tùy chỉnh thêm điều này bằng cách thêm nhiều văn bản vào trước hoặc sau liên kết và sử dụng CSS tùy chỉnh để tạo kiểu đẹp hơn.

>> Xem thêm: CSS là gì? Tìm hiểu về các ví dụ CSS

Lời kết

Sử dụng hotline plugin WordPress là một lựa chọn tốt khi bạn muốn thiết kế nút gọi và liên hệ cho website của mình, với cách sử dụng đơn giản và linh hoạt, nó sẽ giúp bạn có thêm nhiều sự tương tác từ đối tượng khách hàng của bạn. Hy vọng bài viết cung cấp cho bạn nhiều kiến thức bổ ích mới, chúc bạn thành công!

Chia sẻ bài viết
Đánh giá
5/5 - (1 bình chọn)
Kết nối với mình qua
Mình là Trường - hiện đang phụ trách một số mảng trong chiến lược Marketing của Vietnix và đặc biệt là SEO. Ngoài ra, mình còn thích sử dụng WordPress để xây dựng website trong nhiều năm qua. Mình mong muốn có thể dùng trải nghiệm thực tế khi làm việc tại Vietnix để đem lại những chia sẻ hữu ích cho các bạn.
Đăng ký nhận tin
Để không bỏ sót bất kỳ tin tức hoặc chương trình khuyến mãi từ Vietnix
Bài viết liên quan
Bình luận
Theo dõi
Thông báo của
guest
0 Comments
Phản hồi nội tuyến
Xem tất cả bình luận
Yêu cầu Vietnix gọi lại

Vui lòng nhập thông tin để chúng tôi liên hệ lại với bạn

NGÀY
GIỜ
PHÚT
GIÂY