Cách tạo nút liên hệ bán hàng cực chất cho blogger kiểu mới nhất 2020

Đối với các trang web bán hàng trên nền tảng blogger, việc tăng tương tác với khách hàng là một lợi thế cực lớn. Mà trong số đó, tiện ích nhỏ nhưng cực kỳ hữu ích là việc cài thêm nút liên hệ bán hàng với đầy đủ các tính năng liên lạc như: facebook chat, zalo chat, telegram, call viber, gửi sms, gửi email, gửi liên hệ, gửi email...


Việc cài đặt và tùy chỉnh khá đơn giản đối với các bạn không chuyên về code. Chỉ cần một thao tác là các bạn có thể thêm được nút liên hệ này vào trang web của các bạn

1.Xem phần demo

https://123linkco.blogspot.com/

2.Cách cài nút liên hệ bán hàng vào trang web

Chép hết code bên dưới và đặt trước thẻ đóng </body><!-- nut lien he blogger -->

Copy

<script>//<![CDATA[
var _widget_settings = {
  positions: 'bottom right',
  support: {
    staff: {
      name: 'Uyên',
      image: 'https://cdn.jsdelivr.net/gh/thietkeblogspot/images/staff.png',
      messages: 'Không biết em có thể hỗ trợ gì cho anh/chị không ạ?'
    }
  },
  buttons: {
    contact: {
      visible: 'true',
      id: 'https://www.pkientruc.com/p/lien-he-hop-tac-quang-cao-trao-oi-lien.html',
      messages: 'Liên hệ'
    },
    email: {
      visible: 'true',
      id: 'thigansam@gmail.com',
      messages: 'Gửi email'
    },
    call: {
      visible: 'true',
      id: '0795542699',
      messages: 'Gọi điện'
    },
    sms: {
      visible: 'true',
      id: '0795542699',
      messages: 'Nhắn tin'
    },
    viber: {
      visible: 'false',
      id: 'vhost.vn',
      messages: 'Chat Viber'
    },
    telegram: {
      visible: 'false',
      id: 'vHostbot',
      messages: 'Chat Telegram'
    },
    zalo: {
      visible: 'true',
      id: '0795542699',
      messages: 'Chat Zalo'
    },
    facebook: {
      visible: 'true',
      id: 'dgthanhluong',
      messages: 'Chat Facebook'
    }
  }
}
//]]></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script><script src='https://cdn.jsdelivr.net/gh/thietkeblogspot/js/contact-buttons-widget.min.js'></script>

3.Các lưu ý

Nếu theme của các bạn đã có thư viện jquery.min.js thì có thể xóa dòng màu đỏ ở trên để tránh xung đột

4.Tùy chỉnh vị trí nút liên hệ

Với vị trí của nút liên hệ, các bạn có những tùy chọn cho vị trí hiển thị của button như sau:

top left: vị trí trên cùng bên trái
top right: vị trí trên cùng bên phải
top middle: vị trí trên cùng ở giữa
bottom left: vị trí dưới cùng bên trái
bottom right: vị trí dưới cùng bên phải
bottom middle: vị trí dưới cùng ở giữa
Giá trị support các bạn thay cho phù hợp như ảnh bên dưới


name: họ tên,
image: link ảnh
messages: văn bản hiển thị

Giá trị buttons có tổng cộng 8 button liên hệ tương ứng với các giá trị
visible: true hiển thị & false không hiển thị
id: tùy theo mỗi loại button mà thay cho thích hợp
messages: Văn bản hiển thị khi hover vào button

Nút liên hệ bán hàng cực chất cho blogger kiểu mới trên giao diện mobile