Sẽ thật là tuyệt vời nếu như khách hàng, đọc giả vào trang blog hoặc website của bạn sẽ hoàn toàn có thể liên lạc vơi bạn bằng nút gọi điện hay tin nhắn phía bên góc màn hình...
Hôm nay ngay tại blog này tôi sẽ giúp đỡ bạn làm việc đó thật đễ dàng để không mất đi khách hàng tiềm năng muốn mua sản phẩm của bạn.
Và tôi hứa là trong blog này sẽ hướng dẫn chi tiết nhất để bạn có thể chèn các nút gọi điện, facebook, zalo.
Ngay trong một lần làm đã thành công...
Các biểu tượng icon liên hệ sẽ nằm cố định bên phải trên trang blogspot và website của các bạn. |
Hướng dẫn thực hiện
Các bước thực hiện đơn giản là chỉ cần copy toàn bộ code sau dán trước thẻ đóng </body> và lưu lại là xong.<style>Chú ý thay các nội dung tô đỏ thành nội dung liên hệ của bạn. Các link image là hình ảnh của các icon liên hệ, nếu muốn thay đổi nó cứ thay đổi link image tương tự là được.
.fixed-right{position:fixed;z-index:9999;right:5px;transform:translateY(-50%);top:calc(50% + 10px)!important;width:50px;text-align:center;overflow:hidden}
.fixed-right a{margin-bottom:10px;width:40px;height:40px;display:inline-block}
.fixed-right a.phone{border-radius:50%;background:#64bc46;padding:6px;animation:quick-alo-circle-img-anim 1s infinite ease-in-out}
.fixed-right img{border:0 none;max-width:100%;height:auto}
</style>
<div class='fixed-right'>
<a href='link-facebook-messenger' target='_blank' title='Facebook'>
<img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWelwpJg0j_fqfMpE9wFJy5lO9vOMTFC13T7b20J3cGEZUi9ZGROnY9540hJsmftN9WXQr4WJG9fYFra1M7HDYCmgY8pK6gpkjpc8nZ-reCksFhTzsb9leL5SxFNC8ZxwlFPvWN3IT8o/s1600/icon-menu-right1.png' />
</a>
<a href='https://zalo.me/1111111111' title='Zalo'>
<img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsaxOLAYGI0E6pTOZBAvkQSXNrbb965_mzcMGfb0tAJOa7qZGhQbQh6VxH5Ht59OlJRD3PBAnAfvFG83BEmBdgryU9TbYrdE10siZwKTcYEvqt6jzZxEe6kmfLZMTk6GbXaZjhnQKtsTY/s1600/icon-menu-right2.png' />
</a>
<a class='phone' href='tel:11111111' title='111111111'>
<img alt='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfHKP9RQx93IJ1ARJfwQpAMW-rxNluMR8rzsHO-miwR5FjNcbJOWnP9xhXT5S5Ba2WAi52aNZUpLxWluWNB-jK9aYaNwGUdFuGwZ_VVR9avYVTDeELhSh-hHC91KBPOmotrYN8l3hlt9c/s1600/icon-menu-right3.png' />
</a>
</div>
Không có nhận xét nào