Ви можете додати на ваш веб-сайт віджет з усіма месенджерами, які ви використовуєте для спілкування із клієнтами, та формою зворотнього звʼязку. При налаштуванні інтеграції месенджерів із NetHunt CRM, усі запити із чатів та форм на сайті будуть автоматично потрапляти у NetHunt CRM.
Ми пропонуємо два варіанти віджета для вашого сайту:
Стандартний віджет: при наведенні на іконку чата, іконки підключених месенджерів та форм будуть відображатись випадаючим списком вверх або вбік:
2. Віджет із круговим розміщенням іконок месенджерів:
Як підключити стандартний віджет?
Для того щоб додати віджет до себе на сайт, вам необхідно додати наступний код перед закриваючим тегом </body>:
<style type="text/css">
#nethunt-social-buttons {
position: fixed !important;
z-index: 99999999 !important;
bottom: 30px;
opacity: 0;
display: flex;
align-items: center;
flex-direction: column-reverse;
animation: delayed 2s;
animation-fill-mode: forwards;
}
#nethunt-social-buttons.right {
right: 30px;
}
#nethunt-social-buttons.left {
left: 30px;
}
@keyframes delayed {
60% { opacity: 0; }
100% { opacity: 1; }
}
#nethunt-social-buttons:hover .nethunt-bubble {
box-shadow: 0 6px 10px rgba(0, 142, 255, 0.25);
}
#nethunt-social-buttons:hover .nethunt-messenger-buttons {
pointer-events: auto;
}
#nethunt-social-buttons:hover .nethunt-messenger-buttons .nethunt-messenger-button {
opacity: 1;
transform: scale(1);
}
.nethunt-bubble {
width: 70px;
height: 70px;
color: #fff;
font-size: 30px;
line-height: 50px;
text-align: center;
border-radius: 50%;
background: #008eff url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_1739)' filter='url(%23filter0_i_301_1739)'%3E%3Cpath d='M24.5 6.99992H22.1667V17.4999H7.00004V19.8333C7.00004 20.4749 7.52504 20.9999 8.16671 20.9999H21L25.6667 25.6666V8.16659C25.6667 7.52492 25.1417 6.99992 24.5 6.99992ZM19.8334 13.9999V3.49992C19.8334 2.85825 19.3084 2.33325 18.6667 2.33325H3.50004C2.85837 2.33325 2.33337 2.85825 2.33337 3.49992V19.8333L7.00004 15.1666H18.6667C19.3084 15.1666 19.8334 14.6416 19.8334 13.9999Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_301_1739' x='0' y='0' width='28' height='29' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0.208105 0 0 0 0 0.586477 0 0 0 0.16 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_301_1739'/%3E%3C/filter%3E%3CclipPath id='clip0_301_1739'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center no-repeat;
background-size: 40% 40%;
}
.nethunt-messenger-buttons {
position: absolute;
bottom: 70px;
display: flex;
transition: .3s;
flex-direction: column;
pointer-events: none;
}
#nethunt-social-buttons.right .nethunt-messenger-buttons {
right: 15px;
}
#nethunt-social-buttons.right.bottom {
flex-direction: row-reverse;
}
#nethunt-social-buttons.right.bottom .nethunt-messenger-button {
margin: 0 5px 0;
}
#nethunt-social-buttons.right.bottom .nethunt-messenger-buttons {
right: 5px;
bottom: 0;
flex-direction: row;
position: relative;
}
#nethunt-social-buttons.left .nethunt-messenger-buttons {
left: 15px;
}
#nethunt-social-buttons.left.bottom {
flex-direction: row;
}
#nethunt-social-buttons.left.bottom .nethunt-messenger-button {
margin: 0 5px 0;
}
#nethunt-social-buttons.left.bottom .nethunt-messenger-buttons {
left: 5px;
bottom: 0;
flex-direction: row-reverse;
position: relative;
}
.nethunt-messenger-button {
display: block;
width: 50px;
height: 50px;
margin: 0 0 16px;
border-radius: 50%;
background-color: #FFFFFF;
background-position: center center;
background-size: 20px;
background-repeat: no-repeat;
box-shadow: 0 8px 8px rgba(0, 53, 150, 0.1);
border: 1px solid #F4F5F8;
cursor: pointer;
transform: scale(0);
transition: all .2s linear;
}
.nethunt-messenger-button:hover {
transform: scale(1.3) !important;
box-shadow: 0 8px 8px rgba(0, 53, 150, 0.16);
}
.nethunt-messenger-button.form {
background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="3" fill="%234761F8"/><path d="M9.41178 13.1092C9.41178 13.7563 8.88237 14.2857 8.23531 14.2857C7.58825 14.2857 7.05884 13.7563 7.05884 13.1092C7.05884 12.4621 7.58825 11.9327 8.23531 11.9327C8.88237 11.9327 9.41178 12.4621 9.41178 13.1092ZM8.23531 8.40331C7.58825 8.40331 7.05884 8.93272 7.05884 9.57978C7.05884 10.2268 7.58825 10.7563 8.23531 10.7563C8.88237 10.7563 9.41178 10.2268 9.41178 9.57978C9.41178 8.93272 8.88237 8.40331 8.23531 8.40331ZM8.23531 4.8739C7.58825 4.8739 7.05884 5.40331 7.05884 6.05037C7.05884 6.69743 7.58825 7.22684 8.23531 7.22684C8.88237 7.22684 9.41178 6.69743 9.41178 6.05037C9.41178 5.40331 8.88237 4.8739 8.23531 4.8739ZM11.7647 7.22684C12.4118 7.22684 12.9412 6.69743 12.9412 6.05037C12.9412 5.40331 12.4118 4.8739 11.7647 4.8739C11.1177 4.8739 10.5882 5.40331 10.5882 6.05037C10.5882 6.69743 11.1177 7.22684 11.7647 7.22684ZM11.7647 8.40331C11.1177 8.40331 10.5882 8.93272 10.5882 9.57978C10.5882 10.2268 11.1177 10.7563 11.7647 10.7563C12.4118 10.7563 12.9412 10.2268 12.9412 9.57978C12.9412 8.93272 12.4118 8.40331 11.7647 8.40331ZM11.7647 11.9327C11.1177 11.9327 10.5882 12.4621 10.5882 13.1092C10.5882 13.7563 11.1177 14.2857 11.7647 14.2857C12.4118 14.2857 12.9412 13.7563 12.9412 13.1092C12.9412 12.4621 12.4118 11.9327 11.7647 11.9327Z" fill="white"/></svg>')
}
.nethunt-messenger-button.facebook {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_1995)'%3E%3Cpath d='M10 0C4.3675 0 0 4.1275 0 9.7C0 12.615 1.195 15.135 3.14 16.875C3.3025 17.02 3.4025 17.225 3.4075 17.445L3.4625 19.225C3.48 19.7925 4.065 20.1625 4.585 19.9325L6.57 19.0575C6.7375 18.9825 6.9275 18.97 7.105 19.0175C8.0175 19.2675 8.9875 19.4025 10 19.4025C15.6325 19.4025 20 15.275 20 9.7025C20 4.13 15.6325 0 10 0Z' fill='url(%23paint0_radial_301_1995)'/%3E%3Cpath d='M3.99501 12.5375L6.9325 7.8775C7.39999 7.135 8.39999 6.9525 9.10249 7.4775L11.44 9.23C11.655 9.39 11.95 9.39 12.1625 9.2275L15.3175 6.8325C15.7375 6.5125 16.2875 7.0175 16.0075 7.465L13.0675 12.1225C12.6 12.865 11.6 13.0475 10.8975 12.5225L8.55999 10.77C8.34499 10.61 8.04999 10.61 7.83749 10.7725L4.68251 13.1675C4.26251 13.4875 3.71251 12.985 3.99501 12.5375Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_301_1995' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(3.85 19.8911) scale(21.792 21.792)'%3E%3Cstop stop-color='%230099FF'/%3E%3Cstop offset='0.6098' stop-color='%23A033FF'/%3E%3Cstop offset='0.9348' stop-color='%23FF5280'/%3E%3Cstop offset='1' stop-color='%23FF7061'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_301_1995'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.nethunt-messenger-button.instagram {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0052 0.151611C5.89274 0.151611 4.69001 0.155854 4.45622 0.175248C3.61228 0.245399 3.08713 0.378278 2.51501 0.663126C2.0741 0.882066 1.72638 1.13585 1.38319 1.49161C0.758194 2.1404 0.379406 2.93858 0.242285 3.88737C0.175618 4.34798 0.156224 4.44191 0.152285 6.79464C0.15077 7.57888 0.152285 8.61101 0.152285 9.9954C0.152285 14.1045 0.15683 15.306 0.176527 15.5393C0.244709 16.3606 0.373497 16.8772 0.646224 17.4424C1.16744 18.5242 2.16289 19.3363 3.33562 19.6393C3.74168 19.7439 4.19016 19.8015 4.76592 19.8287C5.00986 19.8393 7.49622 19.8469 9.9841 19.8469C12.472 19.8469 14.9599 19.8439 15.1977 19.8318C15.8644 19.8004 16.2515 19.7484 16.6796 19.6378C17.8599 19.3333 18.8371 18.5333 19.369 17.4363C19.6364 16.8848 19.772 16.3484 19.8333 15.5701C19.8467 15.4004 19.8523 12.6948 19.8523 9.99282C19.8523 7.2904 19.8462 4.58979 19.8329 4.4201C19.7708 3.62919 19.6352 3.09737 19.3591 2.53525C19.1326 2.0751 18.8811 1.73146 18.5159 1.3801C17.8643 0.757672 17.0673 0.378884 16.1176 0.241914C15.6574 0.175399 15.5658 0.155702 13.2112 0.151611H10.0052Z' fill='url(%23paint0_radial_301_2000)'/%3E%3Cpath d='M10.0052 0.151611C5.89274 0.151611 4.69001 0.155854 4.45622 0.175248C3.61228 0.245399 3.08713 0.378278 2.51501 0.663126C2.0741 0.882066 1.72638 1.13585 1.38319 1.49161C0.758194 2.1404 0.379406 2.93858 0.242285 3.88737C0.175618 4.34798 0.156224 4.44191 0.152285 6.79464C0.15077 7.57888 0.152285 8.61101 0.152285 9.9954C0.152285 14.1045 0.15683 15.306 0.176527 15.5393C0.244709 16.3606 0.373497 16.8772 0.646224 17.4424C1.16744 18.5242 2.16289 19.3363 3.33562 19.6393C3.74168 19.7439 4.19016 19.8015 4.76592 19.8287C5.00986 19.8393 7.49622 19.8469 9.9841 19.8469C12.472 19.8469 14.9599 19.8439 15.1977 19.8318C15.8644 19.8004 16.2515 19.7484 16.6796 19.6378C17.8599 19.3333 18.8371 18.5333 19.369 17.4363C19.6364 16.8848 19.772 16.3484 19.8333 15.5701C19.8467 15.4004 19.8523 12.6948 19.8523 9.99282C19.8523 7.2904 19.8462 4.58979 19.8329 4.4201C19.7708 3.62919 19.6352 3.09737 19.3591 2.53525C19.1326 2.0751 18.8811 1.73146 18.5159 1.3801C17.8643 0.757672 17.0673 0.378884 16.1176 0.241914C15.6574 0.175399 15.5658 0.155702 13.2112 0.151611H10.0052Z' fill='url(%23paint1_radial_301_2000)'/%3E%3Cpath d='M10.0006 2.72729C8.02545 2.72729 7.77757 2.73593 7.00181 2.77123C6.22757 2.80669 5.69908 2.92926 5.23666 3.10911C4.75833 3.29487 4.35257 3.54336 3.94833 3.94775C3.54378 4.35199 3.29529 4.75775 3.10893 5.23593C2.92863 5.69851 2.8059 6.22714 2.77105 7.00108C2.73636 7.77684 2.72726 8.02487 2.72726 10C2.72726 11.9752 2.73605 12.2223 2.7712 12.9981C2.80681 13.7723 2.92939 14.3008 3.10908 14.7632C3.29499 15.2415 3.54348 15.6473 3.94787 16.0515C4.35196 16.4561 4.75772 16.7052 5.23575 16.8909C5.69848 17.0708 6.22711 17.1934 7.0012 17.2288C7.77696 17.2641 8.02469 17.2727 9.99969 17.2727C11.975 17.2727 12.2221 17.2641 12.9979 17.2288C13.7721 17.1934 14.3012 17.0708 14.7639 16.8909C15.2421 16.7052 15.6473 16.4561 16.0514 16.0515C16.4559 15.6473 16.7044 15.2415 16.8907 14.7634C17.0695 14.3008 17.1923 13.7721 17.2286 12.9982C17.2635 12.2224 17.2726 11.9752 17.2726 10C17.2726 8.02487 17.2635 7.77699 17.2286 7.00123C17.1923 6.22699 17.0695 5.69851 16.8907 5.23608C16.7044 4.75775 16.4559 4.35199 16.0514 3.94775C15.6468 3.5432 15.2423 3.29472 14.7635 3.10911C14.2998 2.92926 13.7711 2.80669 12.9968 2.77123C12.2211 2.73593 11.9741 2.72729 9.99832 2.72729H10.0006ZM9.34817 4.0379C9.54181 4.0376 9.75787 4.0379 10.0006 4.0379C11.9424 4.0379 12.1726 4.04487 12.9394 4.07972C13.6485 4.11214 14.0333 4.23063 14.2897 4.33017C14.6291 4.46199 14.8711 4.61957 15.1254 4.87411C15.38 5.12866 15.5376 5.37108 15.6697 5.71048C15.7692 5.96654 15.8879 6.35139 15.9201 7.06048C15.955 7.82714 15.9626 8.05745 15.9626 9.99835C15.9626 11.9393 15.955 12.1696 15.9201 12.9362C15.8877 13.6453 15.7692 14.0302 15.6697 14.2862C15.5379 14.6256 15.38 14.8673 15.1254 15.1217C14.8709 15.3762 14.6292 15.5338 14.2897 15.6656C14.0336 15.7656 13.6485 15.8838 12.9394 15.9162C12.1727 15.9511 11.9424 15.9587 10.0006 15.9587C8.05863 15.9587 7.82848 15.9511 7.06181 15.9162C6.35272 15.8835 5.96787 15.765 5.71136 15.6655C5.37196 15.5337 5.12954 15.3761 4.87499 15.1215C4.62045 14.867 4.46287 14.6252 4.33075 14.2856C4.2312 14.0296 4.11257 13.6447 4.08029 12.9356C4.04545 12.169 4.03848 11.9387 4.03848 9.99654C4.03848 8.05442 4.04545 7.82533 4.08029 7.05866C4.11272 6.34957 4.2312 5.96472 4.33075 5.70836C4.46257 5.36896 4.62045 5.12654 4.87499 4.87199C5.12954 4.61745 5.37196 4.45987 5.71136 4.32775C5.96772 4.22775 6.35272 4.10957 7.06181 4.07699C7.73272 4.04669 7.99272 4.0376 9.34817 4.03608V4.0379ZM13.8827 5.24548C13.4009 5.24548 13.01 5.63593 13.01 6.1179C13.01 6.59972 13.4009 6.99063 13.8827 6.99063C14.3645 6.99063 14.7554 6.59972 14.7554 6.1179C14.7554 5.63608 14.3645 5.24517 13.8827 5.24517V5.24548ZM10.0006 6.26517C7.93802 6.26517 6.26575 7.93745 6.26575 10C6.26575 12.0626 7.93802 13.7341 10.0006 13.7341C12.0632 13.7341 13.7348 12.0626 13.7348 10C13.7348 7.93745 12.0632 6.26517 10.0006 6.26517ZM10.0006 7.57578C11.3394 7.57578 12.4248 8.66108 12.4248 10C12.4248 11.3388 11.3394 12.4243 10.0006 12.4243C8.66166 12.4243 7.57636 11.3388 7.57636 10C7.57636 8.66108 8.66166 7.57578 10.0006 7.57578Z' fill='white'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_301_2000' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(5.38463 21.3639) rotate(-90) scale(19.5195 18.1596)'%3E%3Cstop stop-color='%23FFDD55'/%3E%3Cstop offset='0.1' stop-color='%23FFDD55'/%3E%3Cstop offset='0.5' stop-color='%23FF543E'/%3E%3Cstop offset='1' stop-color='%23C837AB'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_301_2000' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-3.14836 1.57043) rotate(78.6776) scale(8.72539 35.9755)'%3E%3Cstop stop-color='%233771C8'/%3E%3Cstop offset='0.128' stop-color='%233771C8'/%3E%3Cstop offset='1' stop-color='%236600FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
}
.nethunt-messenger-button.viber {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_1981)'%3E%3Cpath d='M17.0595 1.95137C16.5556 1.49281 14.5193 0.0348941 9.98358 0.015087C9.98358 0.015087 4.63479 -0.303026 2.02733 2.05581C0.575872 3.48762 0.065275 5.58266 0.0114158 8.18009C-0.0424433 10.7775 -0.112126 15.6452 4.64544 16.9651H4.65L4.64696 18.9791C4.64696 18.9791 4.61653 19.7945 5.1609 19.9608C5.81938 20.1624 6.20583 19.5427 6.83449 18.8747C7.17956 18.5079 7.65607 17.9693 8.01513 17.5575C11.2689 17.8276 13.7714 17.2103 14.0556 17.1191C14.7125 16.909 18.43 16.4393 19.0347 11.5719C19.6588 6.55501 18.7328 3.38168 17.0595 1.95137Z' fill='white'/%3E%3Cpath d='M16.002 2.96422C15.576 2.58249 13.7371 1.44298 9.90036 1.42648C9.90036 1.42648 5.35702 1.13207 3.15153 3.10227C1.92402 4.29759 1.5105 6.07513 1.46516 8.2443C1.41982 10.4135 1.18491 14.5573 5.20791 15.6596C5.20791 15.6596 5.19209 18.736 5.19026 19.0064C5.19026 19.1955 5.22069 19.3248 5.33024 19.3515C5.40905 19.3704 5.52711 19.3302 5.62753 19.2315C6.2708 18.5944 8.33022 16.144 8.33022 16.144C11.0935 16.322 13.292 15.7839 13.5284 15.7076C14.0859 15.5309 17.1011 15.2755 17.6114 11.2102C18.1387 7.01986 17.4175 4.15955 16.002 2.96422Z' fill='%237360F2'/%3E%3Cpath d='M11.8512 8.06594C11.8013 7.07379 11.2902 6.5527 10.3181 6.50269' stroke='white' stroke-width='0.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1672 8.50111C13.1875 7.57678 12.9099 6.80451 12.3344 6.18429C11.7562 5.56187 10.9559 5.21915 9.92896 5.14502' stroke='white' stroke-width='0.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5146 9.02101C14.5022 7.41704 14.0163 6.15379 13.0567 5.23126C12.0972 4.30873 10.9039 3.84257 9.47678 3.83276' stroke='white' stroke-width='0.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.369 11.4545C10.369 11.4545 10.7295 11.4845 10.9237 11.2486L11.3022 10.779C11.4848 10.5461 11.9254 10.3975 12.3569 10.6346C12.6802 10.8165 12.9941 11.0142 13.2974 11.227C13.5838 11.4347 14.1701 11.9173 14.172 11.9173C14.4513 12.1498 14.5158 12.4914 14.3256 12.8515C14.3256 12.8536 14.3241 12.8572 14.3241 12.859C14.1147 13.2171 13.8487 13.5401 13.5363 13.8157C13.5327 13.8175 13.5327 13.8193 13.5293 13.8211C13.2579 14.0448 12.9912 14.172 12.7293 14.2026C12.6908 14.2092 12.6516 14.2116 12.6125 14.2098C12.497 14.2109 12.3821 14.1934 12.2723 14.1582L12.2638 14.1459C11.8603 14.0336 11.1866 13.7527 10.0647 13.1423C9.41544 12.7932 8.79735 12.3905 8.21703 11.9386C7.92616 11.7122 7.6487 11.4695 7.38602 11.2117L7.35802 11.1841L7.33003 11.1565L7.30203 11.1289C7.2926 11.1199 7.28347 11.1106 7.27404 11.1013C7.01268 10.8422 6.76662 10.5686 6.53705 10.2817C6.07885 9.7094 5.67056 9.09991 5.31655 8.45973C4.69762 7.35294 4.41281 6.68911 4.299 6.29056L4.28653 6.28216C4.25085 6.17384 4.23328 6.06052 4.23449 5.94664C4.23236 5.90809 4.23471 5.86943 4.24149 5.8314C4.27415 5.57351 4.40327 5.31032 4.62885 5.04182C4.63068 5.03852 4.6325 5.03852 4.63433 5.03492C4.91376 4.7268 5.24123 4.46462 5.6044 4.25824C5.60623 4.25824 5.60988 4.25644 5.61201 4.25644C5.97716 4.06887 6.32344 4.1325 6.55896 4.40649C6.56079 4.4083 7.04917 4.9866 7.25883 5.269C7.47464 5.56843 7.67511 5.87833 7.85949 6.19753C8.09988 6.62278 7.94926 7.05824 7.71313 7.2377L7.23692 7.61103C6.99653 7.8025 7.02817 8.15813 7.02817 8.15813C7.02817 8.15813 7.73352 10.791 10.369 11.4545Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_301_1981'%3E%3Crect width='19.2308' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.nethunt-messenger-button.telegram {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_2006)'%3E%3Cpath d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z' fill='url(%23paint0_linear_301_2006)'/%3E%3Cpath d='M6.76907 10.731L7.95549 14.0149C7.95549 14.0149 8.10382 14.3221 8.26266 14.3221C8.42149 14.3221 10.7839 11.8644 10.7839 11.8644L13.411 6.79028L6.81141 9.88337L6.76907 10.731Z' fill='%23C8DAEA'/%3E%3Cpath d='M8.34215 11.5732L8.1144 13.9937C8.1144 13.9937 8.01907 14.7354 8.76057 13.9937C9.50207 13.2521 10.2118 12.6802 10.2118 12.6802' fill='%23A9C6D8'/%3E%3Cpath d='M6.79049 10.8482L4.34999 10.0531C4.34999 10.0531 4.05832 9.93474 4.15224 9.66641C4.17157 9.61107 4.21057 9.56399 4.32724 9.48307C4.86799 9.10616 14.3361 5.70307 14.3361 5.70307C14.3361 5.70307 14.6034 5.61299 14.7611 5.67291C14.8001 5.68498 14.8352 5.7072 14.8628 5.73729C14.8904 5.76738 14.9095 5.80426 14.9182 5.84416C14.9352 5.91463 14.9423 5.98713 14.9393 6.05957C14.9386 6.12224 14.931 6.18032 14.9252 6.27141C14.8676 7.20182 13.1419 14.1458 13.1419 14.1458C13.1419 14.1458 13.0387 14.5522 12.6687 14.5661C12.5778 14.569 12.4873 14.5536 12.4024 14.5208C12.3176 14.488 12.2403 14.4384 12.175 14.3751C11.4491 13.7507 8.94007 12.0645 8.38565 11.6937C8.37315 11.6851 8.36262 11.674 8.35477 11.6611C8.34692 11.6482 8.34194 11.6337 8.34016 11.6187C8.33241 11.5796 8.37491 11.5312 8.37491 11.5312C8.37491 11.5312 12.7437 7.64782 12.86 7.24016C12.869 7.20857 12.835 7.19299 12.7893 7.20682C12.4992 7.31357 7.46899 10.4902 6.91382 10.8407C6.87386 10.8528 6.83162 10.8554 6.79049 10.8482Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_301_2006' x1='10' y1='20' x2='10' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231D93D2'/%3E%3Cstop offset='1' stop-color='%2338B0E3'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_301_2006'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.nethunt-messenger-button.whatsapp {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_1990)'%3E%3Cpath d='M4.55344 0.0223732C4.10797 0.038208 3.53384 0.073061 3.27288 0.125731C2.87454 0.206171 2.49836 0.328131 2.18552 0.487577C1.81797 0.674896 1.48854 0.913897 1.20409 1.1979C0.918988 1.48246 0.679032 1.81219 0.49096 2.1803C0.331958 2.49146 0.210066 2.86535 0.129283 3.26143C0.0755529 3.52502 0.040017 4.10343 0.0239083 4.55177C0.018009 4.72831 0.0147139 4.90492 0.0140241 5.08155L0.0124512 14.917C0.0124512 15.0259 0.0157693 15.2631 0.0222675 15.4466C0.0381027 15.892 0.072953 16.4662 0.125657 16.7271C0.206064 17.1254 0.32806 17.5016 0.487471 17.8145C0.674826 18.1821 0.913788 18.5114 1.1978 18.7959C1.48235 19.081 1.81212 19.3209 2.18019 19.509C2.49139 19.668 2.86527 19.7899 3.26132 19.8707C3.52491 19.9244 4.10336 19.96 4.5517 19.9761C4.73488 19.9826 4.97207 19.986 5.08144 19.986L14.9169 19.9875C15.0258 19.9875 15.2631 19.9843 15.4464 19.9777C15.8919 19.9619 16.4661 19.927 16.727 19.8743C17.1253 19.7939 17.5016 19.6719 17.8144 19.5125C18.1819 19.3252 18.5114 19.0862 18.7958 18.8022C19.0809 18.5176 19.3208 18.1879 19.5089 17.8198C19.6679 17.5086 19.7899 17.1348 19.8706 16.7387C19.9244 16.4751 19.9599 15.8966 19.976 15.4483C19.9825 15.2651 19.9859 15.0279 19.9859 14.9186L19.9875 5.08312C19.9875 4.97416 19.9842 4.73694 19.9776 4.55352C19.9618 4.10808 19.9269 3.53395 19.8742 3.27299C19.7938 2.87465 19.6718 2.49847 19.5124 2.18563C19.3251 1.81804 19.0861 1.48865 18.8021 1.20416C18.5175 0.919128 18.1878 0.679138 17.8197 0.491066C17.5085 0.332064 17.1347 0.210138 16.7386 0.129389C16.475 0.0756588 15.8965 0.040123 15.4482 0.0240498C15.265 0.0174484 15.0278 0.0141315 14.9184 0.0141315L5.08301 0.012558C4.90645 0.0132256 4.72991 0.0164967 4.55344 0.0223732Z' fill='url(%23paint0_linear_301_1990)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4626 11.3147C13.2847 11.2257 12.41 10.7954 12.2469 10.736C12.0838 10.6767 11.9653 10.647 11.8466 10.825C11.728 11.0031 11.3871 11.4037 11.2833 11.5224C11.1795 11.6411 11.0758 11.656 10.8978 11.5669C10.7199 11.4779 10.1467 11.2901 9.46713 10.6841C8.93821 10.2126 8.58115 9.63009 8.47736 9.45205C8.37361 9.27398 8.46633 9.17774 8.55542 9.08906C8.63542 9.00942 8.73331 8.88137 8.82227 8.77748C8.91122 8.67359 8.94088 8.59944 9.00018 8.48075C9.05949 8.36204 9.02983 8.25818 8.9853 8.16914C8.94088 8.08013 8.58507 7.20472 8.43681 6.84861C8.29239 6.50181 8.14572 6.54875 8.03653 6.54328C7.93285 6.53813 7.81413 6.53702 7.69552 6.53702C7.57691 6.53702 7.3842 6.58155 7.22108 6.75957C7.05802 6.93764 6.59843 7.36796 6.59843 8.24333C6.59843 9.11874 7.23593 9.96448 7.32487 10.0832C7.41385 10.2019 8.57943 11.9984 10.3641 12.7687C10.7886 12.952 11.12 13.0614 11.3784 13.1434C11.8046 13.2788 12.1924 13.2597 12.499 13.2139C12.8408 13.1628 13.5516 12.7836 13.6998 12.3682C13.8481 11.9527 13.8481 11.5966 13.8036 11.5224C13.7591 11.4482 13.6405 11.4037 13.4626 11.3147ZM10.2164 15.7456H10.214C9.15206 15.7452 8.1105 15.46 7.20187 14.921L6.98576 14.7927L4.74587 15.3801L5.34374 13.197L5.20302 12.9731C4.61061 12.0311 4.29775 10.9424 4.29818 9.82455C4.29947 6.56257 6.95434 3.90873 10.2188 3.90873C11.7995 3.90934 13.2854 4.52555 14.4027 5.64381C15.5201 6.76209 16.1351 8.24853 16.1345 9.82935C16.1331 13.0916 13.4783 15.7456 10.2164 15.7456ZM15.2532 4.79404C13.9088 3.4486 12.1211 2.70729 10.2163 2.70654C6.29175 2.70654 3.09759 5.89947 3.096 9.82409C3.09549 11.0786 3.42336 12.3033 4.04642 13.3826L3.03629 17.0712L6.81087 16.0814C7.85086 16.6484 9.02178 16.9473 10.2135 16.9478H10.2164C14.1407 16.9478 17.3351 13.7544 17.3367 9.82976C17.3374 7.92784 16.5975 6.13946 15.2532 4.79404Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_301_1990' x1='9.99995' y1='19.9875' x2='9.99995' y2='0.012533' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2325CF43'/%3E%3Cstop offset='1' stop-color='%2361FD7D'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_301_1990'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
</style>
<div id="nethunt-social-buttons" class="right">
<div class="nethunt-bubble"></div>
<div class="nethunt-messenger-buttons">
<a class="nethunt-messenger-button viber" href="viber://pa?chatURI=Example" target="_blank"></a>
<a class="nethunt-messenger-button whatsapp" href="viber://pa?chatURI=Example" target="_blank"></a>
<a class="nethunt-messenger-button facebook" href="https://m.me/Example" target="_blank"></a>
<a class="nethunt-messenger-button instagram" href="https://instagr.am/example" target="_blank"></a>
<a class="nethunt-messenger-button telegram" href="https://t.me/example_bot" target="_blank"></a>
<button class="nethunt-messenger-button form" onclick="nhform('show', true)"></button>
</div>
</div>
<script async src="https://nethunt.com/service/automation/forms/6481aa23d6230600086330f6?embed=script"></script> <script>function nhform() {(nhform.data || (nhform.data = [])).push(arguments);}</script>
⚠️ Зверніть увагу на те, що у наступних рядках вам необхідно замінити посилання на Ваші месенджери.
Якщо ви не використовуєте певні месенджери із списку (Viber, Telegram, WhatsApp, Facebook Messenger, Instagram), варто прибрати їх із віджету. Для цього просто видаліть відповідні рядки із коду:
<div class="nethunt-messenger-buttons">
<a class="nethunt-messenger-button viber" href="viber://pa?chatURI=Example" target="_blank"></a>
<a class="nethunt-messenger-button whatsapp" href="viber://pa?chatURI=Example" target="_blank"></a>
<a class="nethunt-messenger-button facebook" href="https://m.me/Example" target="_blank"></a>
<a class="nethunt-messenger-button instagram" href="https://instagr.am/example" target="_blank"></a>
<a class="nethunt-messenger-button telegram" href="https://t.me/example_bot" target="_blank"></a>
</div>
⚠️ Якщо ви додаєте форму зворотнього зв’язку у віджет, зверніть увагу на те, що в наступному рядку вам необхідно замінити вебхук на вебхук із вашої форми. Для цього просто замініть код, що показано у прикладі (010101010101010101010101).
<script async src="https://nethunt.com/service/automation/forms/010101010101010101010101?embed=script"></script> <script>function nhform() {(nhform.data || (nhform.data = [])).push(arguments);}</script>
Код вебхука ви можете взяти у розділі Автоматизація, на тій формі, яка хочете, щоб зʼявлялась у віджеті на вашому сайті.
Якщо ви хочете, щоб положення віджету було зліва на сайті, вам необхідно змінити слово “right” на “left” у рядку:
<div id="nethunt-social-buttons" class="left">
Якщо ви хочете, щоб іконки усіх месенджерів при наведенні на іконку чату з’являлись горизонтально, вам необхідно до слова “right” додати “right bottom” у цьому рядку:
<div id="nethunt-social-buttons" class="right">
Після всіх змін, ви отримаєте наступний рядок коду:
<div id="nethunt-social-buttons" class="right bottom">
Ось як виглядатиме віджет на сайті:
Якщо ви хочете такий варіант віджету розмістити зліва, вам треба змінити слово “right” на “left” у цьому рядку:
<div id="nethunt-social-buttons" class="right bottom">
Після всіх перетворень, ви отримаєте наступний рядок коду:
<div id="nethunt-social-buttons" class="left bottom">
Тоді віджет буде виглядати ось так:
Як підключити віджет з круговим розміщенням іконок месенджерів?
Для того щоб додати віджет до себе на сайт, вам необхідно додати наступний код перед закриваючим тегом </body>:
<style type="text/css">
#nethunt-social-buttons {
position: fixed !important;
z-index: 99999999 !important;
bottom: 45px;
right: 30px;
opacity: 0;
display: flex;
align-items: center;
flex-direction: column-reverse;
animation: delayed 2s;
animation-fill-mode: forwards;
}
@keyframes delayed {
60% { opacity: 0; }
100% { opacity: 1; }
}
#nethunt-social-buttons:hover .nethunt-messenger-buttons {
pointer-events: auto;
}
.nethunt-bubble {
width: 70px;
height: 70px;
color: #fff;
font-size: 30px;
line-height: 50px;
text-align: center;
border-radius: 50%;
background: #008eff url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_1739)' filter='url(%23filter0_i_301_1739)'%3E%3Cpath d='M24.5 6.99992H22.1667V17.4999H7.00004V19.8333C7.00004 20.4749 7.52504 20.9999 8.16671 20.9999H21L25.6667 25.6666V8.16659C25.6667 7.52492 25.1417 6.99992 24.5 6.99992ZM19.8334 13.9999V3.49992C19.8334 2.85825 19.3084 2.33325 18.6667 2.33325H3.50004C2.85837 2.33325 2.33337 2.85825 2.33337 3.49992V19.8333L7.00004 15.1666H18.6667C19.3084 15.1666 19.8334 14.6416 19.8334 13.9999Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_301_1739' x='0' y='0' width='28' height='29' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0.208105 0 0 0 0 0.586477 0 0 0 0.16 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_301_1739'/%3E%3C/filter%3E%3CclipPath id='clip0_301_1739'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center no-repeat;
background-size: 40% 40%;
}
.nethunt-messenger-buttons {
position: absolute;
bottom: -65px;
left: -70px;
display: flex;
transition: .3s;
flex-direction: column;
pointer-events: none;
width: 200px;
height: 200px;
border-radius: 50%;
}
.nethunt-messenger-button {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background: #FFFFFF;
border-radius: 50%;
box-shadow: 0 8px 8px rgba(0, 53, 150, 0.1);
border: 1px solid #F4F5F8;
cursor: pointer;
transition: all .2s linear;
opacity: 0;
z-index: -1;
transform-origin: 180% 80px;
transform: rotate(0) scale(0);
position: absolute;
top: 20px;
left: 10px;
}
#nethunt-social-buttons:hover .nethunt-messenger-button {
opacity: 1;
z-index: 0;
}
.nethunt-messenger-button:nth-child(1):hover {
transform: rotate(-70deg) scale(1.2) !important;
}
.nethunt-messenger-button:nth-child(2):hover {
transform: rotate(-45deg) scale(1.2) !important;
}
.nethunt-messenger-button:nth-child(3):hover {
transform: rotate(-18deg) scale(1.2) !important;
}
.nethunt-messenger-button:nth-child(4):hover {
transform: rotate(7deg) scale(1.2) !important;
}
.nethunt-messenger-button:nth-child(5):hover {
transform: rotate(34deg) scale(1.2) !important;
}
.nethunt-messenger-button:nth-child(6):hover {
transform: rotate(60deg) scale(1.2) !important;
}
/* six */
#nethunt-social-buttons:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(1) {
transform: rotate(-70deg) scale(1);
}
#nethunt-social-buttons .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(1) .icon {
transform: rotate(70deg) scale(1);
}
#nethunt-social-buttons:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(2) {
transform: rotate(-45deg) scale(1);
}
#nethunt-social-buttons .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(2) .icon {
transform: rotate(45deg) scale(1);
}
#nethunt-social-buttons:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(3) {
transform: rotate(-18deg) scale(1);
}
#nethunt-social-buttons .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(3) .icon {
transform: rotate(18deg) scale(1);
}
#nethunt-social-buttons:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(4) {
transform: rotate(7deg) scale(1);
}
#nethunt-social-buttons .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(4) .icon {
transform: rotate(-7deg) scale(1);
}
#nethunt-social-buttons:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(5) {
transform: rotate(34deg) scale(1);
}
#nethunt-social-buttons .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(5) .icon {
transform: rotate(-34deg) scale(1);
}
#nethunt-social-buttons:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(6) {
transform: rotate(60deg) scale(1);
}
#nethunt-social-buttons .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(6) .icon {
transform: rotate(-60deg) scale(1);
}
/* five*/
#nethunt-social-buttons.five:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(1) {
transform: rotate(-60deg) scale(1);
}
#nethunt-social-buttons.five .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(1) .icon {
transform: rotate(60deg) scale(1);
}
#nethunt-social-buttons.five .nethunt-messenger-button:nth-child(1):hover {
transform: rotate(-60deg) scale(1.2) !important;
}
#nethunt-social-buttons.five:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(2) {
transform: rotate(-30deg) scale(1);
}
#nethunt-social-buttons.five .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(2) .icon {
transform: rotate(30deg) scale(1);
}
#nethunt-social-buttons.five .nethunt-messenger-button:nth-child(2):hover {
transform: rotate(-30deg) scale(1.2) !important;
}
#nethunt-social-buttons.five:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(3) {
transform: rotate(0) scale(1);
}
#nethunt-social-buttons.five .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(3) .icon {
transform: rotate(0) scale(1);
}
#nethunt-social-buttons.five .nethunt-messenger-button:nth-child(3):hover {
transform: rotate(0deg) scale(1.2) !important;
}
#nethunt-social-buttons.five:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(4) {
transform: rotate(30deg) scale(1);
}
#nethunt-social-buttons.five .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(4) .icon {
transform: rotate(-30deg) scale(1);
}
#nethunt-social-buttons.five .nethunt-messenger-button:nth-child(4):hover {
transform: rotate(30deg) scale(1.2) !important;
}
#nethunt-social-buttons.five:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(5) {
transform: rotate(60deg) scale(1);
}
#nethunt-social-buttons.five .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(5) .icon {
transform: rotate(-60deg) scale(1);
}
#nethunt-social-buttons.five .nethunt-messenger-button:nth-child(5):hover {
transform: rotate(60deg) scale(1.2) !important;
}
/* four */
#nethunt-social-buttons.four:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(2) {
transform: rotate(-20deg) scale(1);
}
#nethunt-social-buttons.four .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(2) .icon {
transform: rotate(20deg) scale(1);
}
#nethunt-social-buttons.four .nethunt-messenger-button:nth-child(2):hover {
transform: rotate(-20deg) scale(1.2) !important;
}
#nethunt-social-buttons.four:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(3) {
transform: rotate(20deg) scale(1);
}
#nethunt-social-buttons.four .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(3) .icon {
transform: rotate(-20deg) scale(1);
}
#nethunt-social-buttons.four .nethunt-messenger-button:nth-child(3):hover {
transform: rotate(20deg) scale(1.2) !important;
}
#nethunt-social-buttons.four:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(4) {
transform: rotate(60deg) scale(1);
}
#nethunt-social-buttons.four .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(4) .icon {
transform: rotate(-60deg) scale(1);
}
#nethunt-social-buttons.four .nethunt-messenger-button:nth-child(4):hover {
transform: rotate(60deg) scale(1.2) !important;
}
/* three */
#nethunt-social-buttons.three:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(2) {
transform: rotate(0deg) scale(1);
}
#nethunt-social-buttons.three .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(2) .icon {
transform: rotate(0deg) scale(1);
}
#nethunt-social-buttons.three .nethunt-messenger-button:nth-child(2):hover {
transform: rotate(0deg) scale(1.2) !important;
}
#nethunt-social-buttons.three:hover .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(3) {
transform: rotate(60deg) scale(1);
}
#nethunt-social-buttons.three .nethunt-messenger-buttons .nethunt-messenger-button:nth-child(3) .icon {
transform: rotate(-60deg) scale(1);
}
#nethunt-social-buttons.three .nethunt-messenger-button:nth-child(3):hover {
transform: rotate(60deg) scale(1.2) !important;
}
.nethunt-messenger-button .icon {
display: block;
width: 20px;
height: 20px;
}
.nethunt-messenger-button .icon.facebook {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_1995)'%3E%3Cpath d='M10 0C4.3675 0 0 4.1275 0 9.7C0 12.615 1.195 15.135 3.14 16.875C3.3025 17.02 3.4025 17.225 3.4075 17.445L3.4625 19.225C3.48 19.7925 4.065 20.1625 4.585 19.9325L6.57 19.0575C6.7375 18.9825 6.9275 18.97 7.105 19.0175C8.0175 19.2675 8.9875 19.4025 10 19.4025C15.6325 19.4025 20 15.275 20 9.7025C20 4.13 15.6325 0 10 0Z' fill='url(%23paint0_radial_301_1995)'/%3E%3Cpath d='M3.99501 12.5375L6.9325 7.8775C7.39999 7.135 8.39999 6.9525 9.10249 7.4775L11.44 9.23C11.655 9.39 11.95 9.39 12.1625 9.2275L15.3175 6.8325C15.7375 6.5125 16.2875 7.0175 16.0075 7.465L13.0675 12.1225C12.6 12.865 11.6 13.0475 10.8975 12.5225L8.55999 10.77C8.34499 10.61 8.04999 10.61 7.83749 10.7725L4.68251 13.1675C4.26251 13.4875 3.71251 12.985 3.99501 12.5375Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_301_1995' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(3.85 19.8911) scale(21.792 21.792)'%3E%3Cstop stop-color='%230099FF'/%3E%3Cstop offset='0.6098' stop-color='%23A033FF'/%3E%3Cstop offset='0.9348' stop-color='%23FF5280'/%3E%3Cstop offset='1' stop-color='%23FF7061'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_301_1995'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.nethunt-messenger-button .icon.instagram {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0052 0.151611C5.89274 0.151611 4.69001 0.155854 4.45622 0.175248C3.61228 0.245399 3.08713 0.378278 2.51501 0.663126C2.0741 0.882066 1.72638 1.13585 1.38319 1.49161C0.758194 2.1404 0.379406 2.93858 0.242285 3.88737C0.175618 4.34798 0.156224 4.44191 0.152285 6.79464C0.15077 7.57888 0.152285 8.61101 0.152285 9.9954C0.152285 14.1045 0.15683 15.306 0.176527 15.5393C0.244709 16.3606 0.373497 16.8772 0.646224 17.4424C1.16744 18.5242 2.16289 19.3363 3.33562 19.6393C3.74168 19.7439 4.19016 19.8015 4.76592 19.8287C5.00986 19.8393 7.49622 19.8469 9.9841 19.8469C12.472 19.8469 14.9599 19.8439 15.1977 19.8318C15.8644 19.8004 16.2515 19.7484 16.6796 19.6378C17.8599 19.3333 18.8371 18.5333 19.369 17.4363C19.6364 16.8848 19.772 16.3484 19.8333 15.5701C19.8467 15.4004 19.8523 12.6948 19.8523 9.99282C19.8523 7.2904 19.8462 4.58979 19.8329 4.4201C19.7708 3.62919 19.6352 3.09737 19.3591 2.53525C19.1326 2.0751 18.8811 1.73146 18.5159 1.3801C17.8643 0.757672 17.0673 0.378884 16.1176 0.241914C15.6574 0.175399 15.5658 0.155702 13.2112 0.151611H10.0052Z' fill='url(%23paint0_radial_301_2000)'/%3E%3Cpath d='M10.0052 0.151611C5.89274 0.151611 4.69001 0.155854 4.45622 0.175248C3.61228 0.245399 3.08713 0.378278 2.51501 0.663126C2.0741 0.882066 1.72638 1.13585 1.38319 1.49161C0.758194 2.1404 0.379406 2.93858 0.242285 3.88737C0.175618 4.34798 0.156224 4.44191 0.152285 6.79464C0.15077 7.57888 0.152285 8.61101 0.152285 9.9954C0.152285 14.1045 0.15683 15.306 0.176527 15.5393C0.244709 16.3606 0.373497 16.8772 0.646224 17.4424C1.16744 18.5242 2.16289 19.3363 3.33562 19.6393C3.74168 19.7439 4.19016 19.8015 4.76592 19.8287C5.00986 19.8393 7.49622 19.8469 9.9841 19.8469C12.472 19.8469 14.9599 19.8439 15.1977 19.8318C15.8644 19.8004 16.2515 19.7484 16.6796 19.6378C17.8599 19.3333 18.8371 18.5333 19.369 17.4363C19.6364 16.8848 19.772 16.3484 19.8333 15.5701C19.8467 15.4004 19.8523 12.6948 19.8523 9.99282C19.8523 7.2904 19.8462 4.58979 19.8329 4.4201C19.7708 3.62919 19.6352 3.09737 19.3591 2.53525C19.1326 2.0751 18.8811 1.73146 18.5159 1.3801C17.8643 0.757672 17.0673 0.378884 16.1176 0.241914C15.6574 0.175399 15.5658 0.155702 13.2112 0.151611H10.0052Z' fill='url(%23paint1_radial_301_2000)'/%3E%3Cpath d='M10.0006 2.72729C8.02545 2.72729 7.77757 2.73593 7.00181 2.77123C6.22757 2.80669 5.69908 2.92926 5.23666 3.10911C4.75833 3.29487 4.35257 3.54336 3.94833 3.94775C3.54378 4.35199 3.29529 4.75775 3.10893 5.23593C2.92863 5.69851 2.8059 6.22714 2.77105 7.00108C2.73636 7.77684 2.72726 8.02487 2.72726 10C2.72726 11.9752 2.73605 12.2223 2.7712 12.9981C2.80681 13.7723 2.92939 14.3008 3.10908 14.7632C3.29499 15.2415 3.54348 15.6473 3.94787 16.0515C4.35196 16.4561 4.75772 16.7052 5.23575 16.8909C5.69848 17.0708 6.22711 17.1934 7.0012 17.2288C7.77696 17.2641 8.02469 17.2727 9.99969 17.2727C11.975 17.2727 12.2221 17.2641 12.9979 17.2288C13.7721 17.1934 14.3012 17.0708 14.7639 16.8909C15.2421 16.7052 15.6473 16.4561 16.0514 16.0515C16.4559 15.6473 16.7044 15.2415 16.8907 14.7634C17.0695 14.3008 17.1923 13.7721 17.2286 12.9982C17.2635 12.2224 17.2726 11.9752 17.2726 10C17.2726 8.02487 17.2635 7.77699 17.2286 7.00123C17.1923 6.22699 17.0695 5.69851 16.8907 5.23608C16.7044 4.75775 16.4559 4.35199 16.0514 3.94775C15.6468 3.5432 15.2423 3.29472 14.7635 3.10911C14.2998 2.92926 13.7711 2.80669 12.9968 2.77123C12.2211 2.73593 11.9741 2.72729 9.99832 2.72729H10.0006ZM9.34817 4.0379C9.54181 4.0376 9.75787 4.0379 10.0006 4.0379C11.9424 4.0379 12.1726 4.04487 12.9394 4.07972C13.6485 4.11214 14.0333 4.23063 14.2897 4.33017C14.6291 4.46199 14.8711 4.61957 15.1254 4.87411C15.38 5.12866 15.5376 5.37108 15.6697 5.71048C15.7692 5.96654 15.8879 6.35139 15.9201 7.06048C15.955 7.82714 15.9626 8.05745 15.9626 9.99835C15.9626 11.9393 15.955 12.1696 15.9201 12.9362C15.8877 13.6453 15.7692 14.0302 15.6697 14.2862C15.5379 14.6256 15.38 14.8673 15.1254 15.1217C14.8709 15.3762 14.6292 15.5338 14.2897 15.6656C14.0336 15.7656 13.6485 15.8838 12.9394 15.9162C12.1727 15.9511 11.9424 15.9587 10.0006 15.9587C8.05863 15.9587 7.82848 15.9511 7.06181 15.9162C6.35272 15.8835 5.96787 15.765 5.71136 15.6655C5.37196 15.5337 5.12954 15.3761 4.87499 15.1215C4.62045 14.867 4.46287 14.6252 4.33075 14.2856C4.2312 14.0296 4.11257 13.6447 4.08029 12.9356C4.04545 12.169 4.03848 11.9387 4.03848 9.99654C4.03848 8.05442 4.04545 7.82533 4.08029 7.05866C4.11272 6.34957 4.2312 5.96472 4.33075 5.70836C4.46257 5.36896 4.62045 5.12654 4.87499 4.87199C5.12954 4.61745 5.37196 4.45987 5.71136 4.32775C5.96772 4.22775 6.35272 4.10957 7.06181 4.07699C7.73272 4.04669 7.99272 4.0376 9.34817 4.03608V4.0379ZM13.8827 5.24548C13.4009 5.24548 13.01 5.63593 13.01 6.1179C13.01 6.59972 13.4009 6.99063 13.8827 6.99063C14.3645 6.99063 14.7554 6.59972 14.7554 6.1179C14.7554 5.63608 14.3645 5.24517 13.8827 5.24517V5.24548ZM10.0006 6.26517C7.93802 6.26517 6.26575 7.93745 6.26575 10C6.26575 12.0626 7.93802 13.7341 10.0006 13.7341C12.0632 13.7341 13.7348 12.0626 13.7348 10C13.7348 7.93745 12.0632 6.26517 10.0006 6.26517ZM10.0006 7.57578C11.3394 7.57578 12.4248 8.66108 12.4248 10C12.4248 11.3388 11.3394 12.4243 10.0006 12.4243C8.66166 12.4243 7.57636 11.3388 7.57636 10C7.57636 8.66108 8.66166 7.57578 10.0006 7.57578Z' fill='white'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_301_2000' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(5.38463 21.3639) rotate(-90) scale(19.5195 18.1596)'%3E%3Cstop stop-color='%23FFDD55'/%3E%3Cstop offset='0.1' stop-color='%23FFDD55'/%3E%3Cstop offset='0.5' stop-color='%23FF543E'/%3E%3Cstop offset='1' stop-color='%23C837AB'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_301_2000' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-3.14836 1.57043) rotate(78.6776) scale(8.72539 35.9755)'%3E%3Cstop stop-color='%233771C8'/%3E%3Cstop offset='0.128' stop-color='%233771C8'/%3E%3Cstop offset='1' stop-color='%236600FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
}
.nethunt-messenger-button .icon.viber {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_1981)'%3E%3Cpath d='M17.0595 1.95137C16.5556 1.49281 14.5193 0.0348941 9.98358 0.015087C9.98358 0.015087 4.63479 -0.303026 2.02733 2.05581C0.575872 3.48762 0.065275 5.58266 0.0114158 8.18009C-0.0424433 10.7775 -0.112126 15.6452 4.64544 16.9651H4.65L4.64696 18.9791C4.64696 18.9791 4.61653 19.7945 5.1609 19.9608C5.81938 20.1624 6.20583 19.5427 6.83449 18.8747C7.17956 18.5079 7.65607 17.9693 8.01513 17.5575C11.2689 17.8276 13.7714 17.2103 14.0556 17.1191C14.7125 16.909 18.43 16.4393 19.0347 11.5719C19.6588 6.55501 18.7328 3.38168 17.0595 1.95137Z' fill='white'/%3E%3Cpath d='M16.002 2.96422C15.576 2.58249 13.7371 1.44298 9.90036 1.42648C9.90036 1.42648 5.35702 1.13207 3.15153 3.10227C1.92402 4.29759 1.5105 6.07513 1.46516 8.2443C1.41982 10.4135 1.18491 14.5573 5.20791 15.6596C5.20791 15.6596 5.19209 18.736 5.19026 19.0064C5.19026 19.1955 5.22069 19.3248 5.33024 19.3515C5.40905 19.3704 5.52711 19.3302 5.62753 19.2315C6.2708 18.5944 8.33022 16.144 8.33022 16.144C11.0935 16.322 13.292 15.7839 13.5284 15.7076C14.0859 15.5309 17.1011 15.2755 17.6114 11.2102C18.1387 7.01986 17.4175 4.15955 16.002 2.96422Z' fill='%237360F2'/%3E%3Cpath d='M11.8512 8.06594C11.8013 7.07379 11.2902 6.5527 10.3181 6.50269' stroke='white' stroke-width='0.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1672 8.50111C13.1875 7.57678 12.9099 6.80451 12.3344 6.18429C11.7562 5.56187 10.9559 5.21915 9.92896 5.14502' stroke='white' stroke-width='0.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5146 9.02101C14.5022 7.41704 14.0163 6.15379 13.0567 5.23126C12.0972 4.30873 10.9039 3.84257 9.47678 3.83276' stroke='white' stroke-width='0.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.369 11.4545C10.369 11.4545 10.7295 11.4845 10.9237 11.2486L11.3022 10.779C11.4848 10.5461 11.9254 10.3975 12.3569 10.6346C12.6802 10.8165 12.9941 11.0142 13.2974 11.227C13.5838 11.4347 14.1701 11.9173 14.172 11.9173C14.4513 12.1498 14.5158 12.4914 14.3256 12.8515C14.3256 12.8536 14.3241 12.8572 14.3241 12.859C14.1147 13.2171 13.8487 13.5401 13.5363 13.8157C13.5327 13.8175 13.5327 13.8193 13.5293 13.8211C13.2579 14.0448 12.9912 14.172 12.7293 14.2026C12.6908 14.2092 12.6516 14.2116 12.6125 14.2098C12.497 14.2109 12.3821 14.1934 12.2723 14.1582L12.2638 14.1459C11.8603 14.0336 11.1866 13.7527 10.0647 13.1423C9.41544 12.7932 8.79735 12.3905 8.21703 11.9386C7.92616 11.7122 7.6487 11.4695 7.38602 11.2117L7.35802 11.1841L7.33003 11.1565L7.30203 11.1289C7.2926 11.1199 7.28347 11.1106 7.27404 11.1013C7.01268 10.8422 6.76662 10.5686 6.53705 10.2817C6.07885 9.7094 5.67056 9.09991 5.31655 8.45973C4.69762 7.35294 4.41281 6.68911 4.299 6.29056L4.28653 6.28216C4.25085 6.17384 4.23328 6.06052 4.23449 5.94664C4.23236 5.90809 4.23471 5.86943 4.24149 5.8314C4.27415 5.57351 4.40327 5.31032 4.62885 5.04182C4.63068 5.03852 4.6325 5.03852 4.63433 5.03492C4.91376 4.7268 5.24123 4.46462 5.6044 4.25824C5.60623 4.25824 5.60988 4.25644 5.61201 4.25644C5.97716 4.06887 6.32344 4.1325 6.55896 4.40649C6.56079 4.4083 7.04917 4.9866 7.25883 5.269C7.47464 5.56843 7.67511 5.87833 7.85949 6.19753C8.09988 6.62278 7.94926 7.05824 7.71313 7.2377L7.23692 7.61103C6.99653 7.8025 7.02817 8.15813 7.02817 8.15813C7.02817 8.15813 7.73352 10.791 10.369 11.4545Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_301_1981'%3E%3Crect width='19.2308' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.nethunt-messenger-button .icon.form {
background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="3" fill="%234761F8"/><path d="M9.41178 13.1092C9.41178 13.7563 8.88237 14.2857 8.23531 14.2857C7.58825 14.2857 7.05884 13.7563 7.05884 13.1092C7.05884 12.4621 7.58825 11.9327 8.23531 11.9327C8.88237 11.9327 9.41178 12.4621 9.41178 13.1092ZM8.23531 8.40331C7.58825 8.40331 7.05884 8.93272 7.05884 9.57978C7.05884 10.2268 7.58825 10.7563 8.23531 10.7563C8.88237 10.7563 9.41178 10.2268 9.41178 9.57978C9.41178 8.93272 8.88237 8.40331 8.23531 8.40331ZM8.23531 4.8739C7.58825 4.8739 7.05884 5.40331 7.05884 6.05037C7.05884 6.69743 7.58825 7.22684 8.23531 7.22684C8.88237 7.22684 9.41178 6.69743 9.41178 6.05037C9.41178 5.40331 8.88237 4.8739 8.23531 4.8739ZM11.7647 7.22684C12.4118 7.22684 12.9412 6.69743 12.9412 6.05037C12.9412 5.40331 12.4118 4.8739 11.7647 4.8739C11.1177 4.8739 10.5882 5.40331 10.5882 6.05037C10.5882 6.69743 11.1177 7.22684 11.7647 7.22684ZM11.7647 8.40331C11.1177 8.40331 10.5882 8.93272 10.5882 9.57978C10.5882 10.2268 11.1177 10.7563 11.7647 10.7563C12.4118 10.7563 12.9412 10.2268 12.9412 9.57978C12.9412 8.93272 12.4118 8.40331 11.7647 8.40331ZM11.7647 11.9327C11.1177 11.9327 10.5882 12.4621 10.5882 13.1092C10.5882 13.7563 11.1177 14.2857 11.7647 14.2857C12.4118 14.2857 12.9412 13.7563 12.9412 13.1092C12.9412 12.4621 12.4118 11.9327 11.7647 11.9327Z" fill="white"/></svg>')
}
.nethunt-messenger-button .icon.telegram {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_2006)'%3E%3Cpath d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z' fill='url(%23paint0_linear_301_2006)'/%3E%3Cpath d='M6.76907 10.731L7.95549 14.0149C7.95549 14.0149 8.10382 14.3221 8.26266 14.3221C8.42149 14.3221 10.7839 11.8644 10.7839 11.8644L13.411 6.79028L6.81141 9.88337L6.76907 10.731Z' fill='%23C8DAEA'/%3E%3Cpath d='M8.34215 11.5732L8.1144 13.9937C8.1144 13.9937 8.01907 14.7354 8.76057 13.9937C9.50207 13.2521 10.2118 12.6802 10.2118 12.6802' fill='%23A9C6D8'/%3E%3Cpath d='M6.79049 10.8482L4.34999 10.0531C4.34999 10.0531 4.05832 9.93474 4.15224 9.66641C4.17157 9.61107 4.21057 9.56399 4.32724 9.48307C4.86799 9.10616 14.3361 5.70307 14.3361 5.70307C14.3361 5.70307 14.6034 5.61299 14.7611 5.67291C14.8001 5.68498 14.8352 5.7072 14.8628 5.73729C14.8904 5.76738 14.9095 5.80426 14.9182 5.84416C14.9352 5.91463 14.9423 5.98713 14.9393 6.05957C14.9386 6.12224 14.931 6.18032 14.9252 6.27141C14.8676 7.20182 13.1419 14.1458 13.1419 14.1458C13.1419 14.1458 13.0387 14.5522 12.6687 14.5661C12.5778 14.569 12.4873 14.5536 12.4024 14.5208C12.3176 14.488 12.2403 14.4384 12.175 14.3751C11.4491 13.7507 8.94007 12.0645 8.38565 11.6937C8.37315 11.6851 8.36262 11.674 8.35477 11.6611C8.34692 11.6482 8.34194 11.6337 8.34016 11.6187C8.33241 11.5796 8.37491 11.5312 8.37491 11.5312C8.37491 11.5312 12.7437 7.64782 12.86 7.24016C12.869 7.20857 12.835 7.19299 12.7893 7.20682C12.4992 7.31357 7.46899 10.4902 6.91382 10.8407C6.87386 10.8528 6.83162 10.8554 6.79049 10.8482Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_301_2006' x1='10' y1='20' x2='10' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231D93D2'/%3E%3Cstop offset='1' stop-color='%2338B0E3'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_301_2006'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.nethunt-messenger-button .icon.whatsapp {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_1990)'%3E%3Cpath d='M4.55344 0.0223732C4.10797 0.038208 3.53384 0.073061 3.27288 0.125731C2.87454 0.206171 2.49836 0.328131 2.18552 0.487577C1.81797 0.674896 1.48854 0.913897 1.20409 1.1979C0.918988 1.48246 0.679032 1.81219 0.49096 2.1803C0.331958 2.49146 0.210066 2.86535 0.129283 3.26143C0.0755529 3.52502 0.040017 4.10343 0.0239083 4.55177C0.018009 4.72831 0.0147139 4.90492 0.0140241 5.08155L0.0124512 14.917C0.0124512 15.0259 0.0157693 15.2631 0.0222675 15.4466C0.0381027 15.892 0.072953 16.4662 0.125657 16.7271C0.206064 17.1254 0.32806 17.5016 0.487471 17.8145C0.674826 18.1821 0.913788 18.5114 1.1978 18.7959C1.48235 19.081 1.81212 19.3209 2.18019 19.509C2.49139 19.668 2.86527 19.7899 3.26132 19.8707C3.52491 19.9244 4.10336 19.96 4.5517 19.9761C4.73488 19.9826 4.97207 19.986 5.08144 19.986L14.9169 19.9875C15.0258 19.9875 15.2631 19.9843 15.4464 19.9777C15.8919 19.9619 16.4661 19.927 16.727 19.8743C17.1253 19.7939 17.5016 19.6719 17.8144 19.5125C18.1819 19.3252 18.5114 19.0862 18.7958 18.8022C19.0809 18.5176 19.3208 18.1879 19.5089 17.8198C19.6679 17.5086 19.7899 17.1348 19.8706 16.7387C19.9244 16.4751 19.9599 15.8966 19.976 15.4483C19.9825 15.2651 19.9859 15.0279 19.9859 14.9186L19.9875 5.08312C19.9875 4.97416 19.9842 4.73694 19.9776 4.55352C19.9618 4.10808 19.9269 3.53395 19.8742 3.27299C19.7938 2.87465 19.6718 2.49847 19.5124 2.18563C19.3251 1.81804 19.0861 1.48865 18.8021 1.20416C18.5175 0.919128 18.1878 0.679138 17.8197 0.491066C17.5085 0.332064 17.1347 0.210138 16.7386 0.129389C16.475 0.0756588 15.8965 0.040123 15.4482 0.0240498C15.265 0.0174484 15.0278 0.0141315 14.9184 0.0141315L5.08301 0.012558C4.90645 0.0132256 4.72991 0.0164967 4.55344 0.0223732Z' fill='url(%23paint0_linear_301_1990)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4626 11.3147C13.2847 11.2257 12.41 10.7954 12.2469 10.736C12.0838 10.6767 11.9653 10.647 11.8466 10.825C11.728 11.0031 11.3871 11.4037 11.2833 11.5224C11.1795 11.6411 11.0758 11.656 10.8978 11.5669C10.7199 11.4779 10.1467 11.2901 9.46713 10.6841C8.93821 10.2126 8.58115 9.63009 8.47736 9.45205C8.37361 9.27398 8.46633 9.17774 8.55542 9.08906C8.63542 9.00942 8.73331 8.88137 8.82227 8.77748C8.91122 8.67359 8.94088 8.59944 9.00018 8.48075C9.05949 8.36204 9.02983 8.25818 8.9853 8.16914C8.94088 8.08013 8.58507 7.20472 8.43681 6.84861C8.29239 6.50181 8.14572 6.54875 8.03653 6.54328C7.93285 6.53813 7.81413 6.53702 7.69552 6.53702C7.57691 6.53702 7.3842 6.58155 7.22108 6.75957C7.05802 6.93764 6.59843 7.36796 6.59843 8.24333C6.59843 9.11874 7.23593 9.96448 7.32487 10.0832C7.41385 10.2019 8.57943 11.9984 10.3641 12.7687C10.7886 12.952 11.12 13.0614 11.3784 13.1434C11.8046 13.2788 12.1924 13.2597 12.499 13.2139C12.8408 13.1628 13.5516 12.7836 13.6998 12.3682C13.8481 11.9527 13.8481 11.5966 13.8036 11.5224C13.7591 11.4482 13.6405 11.4037 13.4626 11.3147ZM10.2164 15.7456H10.214C9.15206 15.7452 8.1105 15.46 7.20187 14.921L6.98576 14.7927L4.74587 15.3801L5.34374 13.197L5.20302 12.9731C4.61061 12.0311 4.29775 10.9424 4.29818 9.82455C4.29947 6.56257 6.95434 3.90873 10.2188 3.90873C11.7995 3.90934 13.2854 4.52555 14.4027 5.64381C15.5201 6.76209 16.1351 8.24853 16.1345 9.82935C16.1331 13.0916 13.4783 15.7456 10.2164 15.7456ZM15.2532 4.79404C13.9088 3.4486 12.1211 2.70729 10.2163 2.70654C6.29175 2.70654 3.09759 5.89947 3.096 9.82409C3.09549 11.0786 3.42336 12.3033 4.04642 13.3826L3.03629 17.0712L6.81087 16.0814C7.85086 16.6484 9.02178 16.9473 10.2135 16.9478H10.2164C14.1407 16.9478 17.3351 13.7544 17.3367 9.82976C17.3374 7.92784 16.5975 6.13946 15.2532 4.79404Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_301_1990' x1='9.99995' y1='19.9875' x2='9.99995' y2='0.012533' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2325CF43'/%3E%3Cstop offset='1' stop-color='%2361FD7D'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_301_1990'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
</style>
<div id="nethunt-social-buttons" class="circle">
<div class="nethunt-bubble"></div>
<div class="nethunt-messenger-buttons">
<a class="nethunt-messenger-button viber" href="viber://pa?chatURI=Example" target="_blank"><span class="icon viber"></span></a>
<a class="nethunt-messenger-button whatsapp" href="viber://pa?chatURI=Example" target="_blank"><span class="icon whatsapp"></span></a>
<a class="nethunt-messenger-button facebook" href="https://m.me/Example" target="_blank"><span class="icon facebook"></span></a>
<a class="nethunt-messenger-button instagram" href="https://instagr.am/example" target="_blank"><span class="icon instagram"></span></a>
<a class="nethunt-messenger-button telegram" href="https://t.me/example_bot" target="_blank"><span class="icon telegram"></span></a>
<button class="nethunt-messenger-button form" onclick="nhform('show', true)"><span class="icon form"></span></button>
</div>
</div>
<script async src="https://nethunt.com/service/automation/forms/6481aa23d6230600086330f6?embed=script"></script> <script>function nhform() {(nhform.data || (nhform.data = [])).push(arguments);}</script>
Якщо у вас інша кількість месенджерів, які ви будете підключати, аніж в прикладі (п’ять), для більш приємного візуального відображення, в наступному рядку радимо в лапках біля слова "circle" словами англійською мовою (наприклад, "two", "three" тощо) прописати кількість месенджерів, які ви використовуєте:
<div id="nethunt-social-buttons" class="circle">
Наприклад, якщо ви збираєтеся підключити три месенджера, ваш рядок коду виглядатиме так:
<div id="nethunt-social-buttons" class="circle three">
⚠️ Зверніть увагу на те, що у наступних рядках вам необхідно замінити посилання на Ваші месенджери.
Якщо ви не використовуєте певні месенджери із списку (Viber, Telegram, WhatsApp, Facebook Messenger, Instagram), варто прибрати їх із віджету. Для цього просто видаліть відповідні рядки із коду:
<div class="nethunt-messenger-buttons">
<a class="nethunt-messenger-button viber" href="viber://pa?chatURI=Example" target="_blank">
<span class="icon viber"></span>
</a>
<a class="nethunt-messenger-button whatsapp" href="viber://pa?chatURI=Example" target="_blank">
<span class="icon whatsapp"></span>
</a>
<a class="nethunt-messenger-button facebook" href="https://m.me/Example" target="_blank">
<span class="icon facebook"></span>
</a>
<a class="nethunt-messenger-button instagram" href="https://instagr.am/example" target="_blank">
<span class="icon instagram"></span>
</a>
<a class="nethunt-messenger-button telegram" href="https://t.me/Example_bot" target="_blank">
<span class="icon telegram"></span>
</a>
</div>
⚠️ Якщо ви використовуєте форму зворотнього звʼязку у віджеті, зверніть увагу на те, що в наступному рядку вам необхідно замінити вебхук на вебхук із вашої форми. Для цього просто замініть код, що показано для прикладу (010101010101010101010101):
<script async src="https://nethunt.com/service/automation/forms/010101010101010101010101?embed=script"></script> <script>function nhform() {(nhform.data || (nhform.data = [])).push(arguments);}</script>Код вебхука ви можете взяти у розділі Автоматизація, на тій формі, яка хочете, щоб зʼявлялась у віджеті на вашому сайті.
Не знайшли відповідей, які шукали? Пишіть нам у чат підтримки прямо з CRM!
А також доєднуйтесь до спільноти однодумців в нашому телеграм каналі.