Nút điện thoại trên website là 1 cách để khách hàng nhanh chóng liên hệ với bạn. Nhờ nút điện thoại này mà tỷ lệ bán hàng của bạn trở nên cao và hiệu quả hơn. Trong bài viết này, mình sẽ hướng dẫn các bạn cách tạo nút gọi, zalo, facebook trên website.

Có thể là hình ảnh về văn bản cho biết 'f Menu Item 1 f Menu item Zalo Menu Item Zalo Menu item Menu Item Menu item Menu Item Menuitem4 f MenuItem1 MenuItem1 Left Expanding Group Left Expand Right Floating Left single Only first item'
Demo các nút gọi và facebook zalo

Trong bài này, sau khi hoàn thành, các bạn sẽ có kết quả như hình bên dưới ở chế độ máy tính. Còn ở chế độ mobile và tablet thì chỉ hiển thị nút gọi điện thoại thôi. Lý do là vì máy tính thì khách hàng không thể gọi điện thoại được nên cần hiển thị số điện thoại để thuận tiện cho khách hàng liên lạc. Còn ở chế độ mobile và tablet, khách hàng có thể click vào và điện thoại trực tiếp.

Để thực hiện việc này bạn cần tải và cài plugin Administrator Z tại đây: https://wordpress.org/plugins/administrator-z/

Bước 1: Tạo một Menu

  • 1. Vào bảng điều khiển của wordpress
  • 2. Giao diện -> Menu
  • 3. Tạo một menu mới với tên tùy ý
  • 4. Thêm Item vào MenuMột số link thường dùng:Link đến số điện thoại: tel:0123456789Link đến email: mailto:abc@gmail.comLink đến zalo: https://zalo.me/0123456789Link đến facebook: https://facebook.com/ten_fanpageLink đến messenger: https://m.me/ten_fanpage
  • 5. Nhấn lưu lại Menu

Bước 2: Chọn style contact group cho Menu

  • 1. Vào Công cụ-> Administrator Z
  • 2. Chuyển sang tab Contact group
  • 3. Chọn style cho menuAdministrator Z hỗ trợ 4 style cho nhóm nút gọi và cho phép đồng thời cả 4 style bật cùng lúc nhé. Tuy nhiên mỗi style chỉ được gọi một lần.
  • 4. Lưu lại và ra ngoài kiểm tra

Bước 3: Chọn icon cho Menu item

  • 1. Vào Công cụ-> Administrator Z
  • 2. Chuyển sang tab Icons
  • 3. Nhấn click vào icon để copy mã iconBộ icon trong plugin chủ yếu lấy từ font awesome. Ngoài ra mình có đưa thêm một số icon của mạng xã hội và nút gọi phổ biến tại Việt Nam.
  • 4. Quay lại trang quản lý Menu item (bước 1)
  • 5. Mở tùy chọn hiển thị “Thuộc tính tiêu đề” và “Quan hệ XFN” nếu chưa có
  • 6. Đưa mã Icon vào item Mã icon: đưa vào ô “Thuộc tính tiêu đề”Màu sắc: đưa vào ô “Quan hệ XFN”
  • 7. Lưu lại và ra ngoài kiểm tra xem được chưa nhé.

Kết quả

0 0 votes
Đánh giá bài viết
VỚIJàng A Quý
NGUỒNJàng A Quý
Mình là Tiên. 9 tuổi, mê công nghệ từ nhỏ đến giờ vẫn còn mê. Sau nhiều năm tìm hiểu, học hỏi giờ đã trở thành "Thợ cài win dạo". Với kinh nghiệm cài win dạo nhiều năm mình lập blog này để chém gió tào lao về công nghệ thông tin.
Theo dõi
Thông báo về
guest
0 Comments
Inline Feedbacks
View all comments