Как вставить кнопки чатов на сайт?

Рассказываем, как разместить кнопки, чтобы клиенты могли писать вам с вашего сайта
Автор Юлія Бакум
Обновлено 6 месяцев назад

Размещение кнопок на веб-сайте или виджета позволит посетителям быстро связаться удобным мессенджером для получения консультаций или решения вопросов.

Вы можете создать ботов в Telegram, Viber, а также использовать встроенный функционал чатов в Facebook и Instagram, для размещения ссылок на сайте.

Как добавить кнопки на сайт

Необходимо скопировать код ниже и добавить его на ваш сайт перед закрывающим тегом </body>:

<style type="text/css">
        #keycrm-social-buttons {
          position: fixed !important;
          z-index: 2147483000 !important;
          bottom: 10px;
          opacity: 0;
          display: flex;
          align-items: center;
          flex-direction: column-reverse;
          animation: delayed 2s;
          animation-fill-mode: forwards;
        }

        #keycrm-social-buttons.right {
          right: 10px;
        }

        #keycrm-social-buttons.left {
          left: 10px;
        }

        @keyframes delayed {
          60% { opacity: 0; }
          100% { opacity: 1; }
        }

        #keycrm-social-buttons:hover .keycrm-messenger-buttons {
          pointer-events: auto;
        }

        #keycrm-social-buttons:hover .keycrm-messenger-buttons .keycrm-messenger-button {
          opacity: 1;
          transform: scale(1);
        }

        .keycrm-bubble {
          width: 50px;
          height: 50px;
          color: #fff;
          font-size: 30px;
          line-height: 50px;
          text-align: center;
          border-radius: 50%;
          background: #1e47a6 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwCAYAAABT9ym6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA4QzI2MEY5OTk1MTExRUNCNUQyQ0I0QUE1N0E2NkQ4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA4QzI2MEZBOTk1MTExRUNCNUQyQ0I0QUE1N0E2NkQ4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDhDMjYwRjc5OTUxMTFFQ0I1RDJDQjRBQTU3QTY2RDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDhDMjYwRjg5OTUxMTFFQ0I1RDJDQjRBQTU3QTY2RDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ukl9qAAAPNElEQVR42tya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') no-repeat 50% 50%;
          background-size: 60% 60%;
        }

        .keycrm-messenger-buttons {
          position: absolute;
          bottom: 50px;
          display: flex;
          flex-direction: column;
          pointer-events: none;
        }

        #keycrm-social-buttons.right .keycrm-messenger-buttons {
          right: 0;
        }

        #keycrm-social-buttons.left .keycrm-messenger-buttons {
          left: 0;
        }

        .keycrm-messenger-button {
          position: relative;
          display: block;
          width: 40px;
          height: 40px;
          margin: 0 0 12px;
          border-radius: 50%;
          opacity: 0;
          background-position: center center;
          background-size: 26px;
          background-repeat: no-repeat;
          box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
          cursor: pointer;
          transform: scale(0);
          transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
        }

        .keycrm-messenger-button:hover::after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background: rgba(0,0,0,0.1);
        }

        .keycrm-messenger-button .keycrm-messenger-button-title {
          display: none;
          top: 10px;
          position: absolute;
          color: #eee;
          font-size: 12px;
          font-family: Verdana, Arial, sans-serif;
          white-space: nowrap;
          line-height: 20px;
          padding: 0 8px;
          background: #444;
          border-radius: 3px;
        }

        #keycrm-social-buttons.right .keycrm-messenger-button-title {
          right: 120%;
        }

        #keycrm-social-buttons.left .keycrm-messenger-button-title {
          left: 120%;
        }

        .keycrm-messenger-button:hover .keycrm-messenger-button-title {
          display: block;
        }

        .keycrm-messenger-button.facebook {
          background-color: #1877f2 ;
          background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNSAxMy4wNzMzQzI1IDYuNDA1NDEgMTkuNjI3NCAxIDEzIDFDNi4zNzI1OCAxIDEgNi40MDU0MSAxIDEzLjA3MzNDMSAxOS4wOTk1IDUuMjYzMjMgMjQuMDk0MyAxMSAyNVYxNi41NjMzSDguMDc4MTJWMTMuMDczM0gxMVYxMC40MTM0QzExIDcuMzg3NTUgMTIuOTE2NSA1LjcxNjE1IDE1LjY1NzYgNS43MTYxNUMxNi45NzA1IDUuNzE2MTUgMTguMzQzOCA1Ljk1MTk1IDE4LjM0MzggNS45NTE5NVY4LjkyMzEzSDE2LjgzMDZDMTUuMzM5OSA4LjkyMzEzIDE1IDkuODUzNzkgMTUgMTAuODA4NlYxMy4wNzMzSDE4LjIwMzFMMTcuNjcxMSAxNi41NjMzSDE1VjI1QzIwLjczNjggMjQuMDk0MyAyNSAxOS4wOTk1IDI1IDEzLjA3MzNaIiBmaWxsPSIjRkZGRkZFIi8+Cjwvc3ZnPgo=');
        }

        .keycrm-messenger-button.instagram {
          background-size: 100%;
          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9InVybCgjcGFpbnQwX3JhZGlhbCkiLz4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9InVybCgjcGFpbnQxX3JhZGlhbCkiLz4KPHBhdGggZD0iTTIwLjAwMSA5QzE3LjAxMzYgOSAxNi42Mzg3IDkuMDEzMDYgMTUuNDY1MyA5LjA2NjQ2QzE0LjI5NDMgOS4xMjAwOCAxMy40OTQ5IDkuMzA1NDggMTIuNzk1NSA5LjU3NzVDMTIuMDcyIDkuODU4NDYgMTEuNDU4MyAxMC4yMzQzIDEwLjg0NjkgMTAuODQ1OUMxMC4yMzUgMTEuNDU3NCA5Ljg1OTE1IDEyLjA3MTEgOS41NzcyOCAxMi43OTQzQzkuMzA0NTcgMTMuNDk0IDkuMTE4OTQgMTQuMjkzNSA5LjA2NjIzIDE1LjQ2NDFDOS4wMTM3NSAxNi42Mzc0IDkgMTcuMDEyNiA5IDIwQzkgMjIuOTg3NCA5LjAxMzI5IDIzLjM2MTIgOS4wNjY0NiAyNC41MzQ1QzkuMTIwMzEgMjUuNzA1NiA5LjMwNTcxIDI2LjUwNDkgOS41Nzc1MSAyNy4yMDQzQzkuODU4NyAyNy45Mjc4IDEwLjIzNDUgMjguNTQxNSAxMC44NDYyIDI5LjE1MjlDMTEuNDU3NCAyOS43NjQ4IDEyLjA3MTEgMzAuMTQxNSAxMi43OTQxIDMwLjQyMjVDMTMuNDk0IDMwLjY5NDUgMTQuMjkzNiAzMC44Nzk5IDE1LjQ2NDQgMzAuOTMzNUMxNi42Mzc3IDMwLjk4NjkgMTcuMDEyNCAzMSAxOS45OTk3IDMxQzIyLjk4NzMgMzEgMjMuMzYxMSAzMC45ODY5IDI0LjUzNDUgMzAuOTMzNUMyNS43MDU1IDMwLjg3OTkgMjYuNTA1OCAzMC42OTQ1IDI3LjIwNTYgMzAuNDIyNUMyNy45Mjg5IDMwLjE0MTUgMjguNTQxNyAyOS43NjQ4IDI5LjE1MjkgMjkuMTUyOUMyOS43NjQ4IDI4LjU0MTUgMzAuMTQwNiAyNy45Mjc4IDMwLjQyMjUgMjcuMjA0NUMzMC42OTI5IDI2LjUwNDkgMzAuODc4NSAyNS43MDUzIDMwLjkzMzUgMjQuNTM0OEMzMC45ODYyIDIzLjM2MTQgMzEgMjIuOTg3NCAzMSAyMEMzMSAxNy4wMTI2IDMwLjk4NjIgMTYuNjM3NyAzMC45MzM1IDE1LjQ2NDNDMzAuODc4NSAxNC4yOTMzIDMwLjY5MjkgMTMuNDk0IDMwLjQyMjUgMTIuNzk0NUMzMC4xNDA2IDEyLjA3MTEgMjkuNzY0OCAxMS40NTc0IDI5LjE1MjkgMTAuODQ1OUMyOC41NDEgMTAuMjM0MSAyNy45MjkxIDkuODU4MjMgMjcuMjA1IDkuNTc3NUMyNi41MDM3IDkuMzA1NDggMjUuNzAzOSA5LjEyMDA4IDI0LjUzMjggOS4wNjY0NkMyMy4zNTk1IDkuMDEzMDYgMjIuOTg2IDkgMTkuOTk3NiA5SDIwLjAwMVpNMTkuMDE0MiAxMC45ODIzQzE5LjMwNzEgMTAuOTgxOCAxOS42MzM5IDEwLjk4MjMgMjAuMDAxIDEwLjk4MjNDMjIuOTM4MSAxMC45ODIzIDIzLjI4NjIgMTAuOTkyOCAyNC40NDYgMTEuMDQ1NUMyNS41MTg1IDExLjA5NDYgMjYuMTAwNiAxMS4yNzM4IDI2LjQ4ODMgMTEuNDI0NEMyNy4wMDE3IDExLjYyMzcgMjcuMzY3NyAxMS44NjIxIDI3Ljc1MjQgMTIuMjQ3MUMyOC4xMzc0IDEyLjYzMjEgMjguMzc1OCAxMi45OTg3IDI4LjU3NTYgMTMuNTEyMUMyOC43MjYyIDEzLjg5OTQgMjguOTA1NiAxNC40ODE0IDI4Ljk1NDQgMTUuNTUzOUMyOS4wMDcxIDE2LjcxMzUgMjkuMDE4NiAxNy4wNjE5IDI5LjAxODYgMTkuOTk3NUMyOS4wMTg2IDIyLjkzMzEgMjkuMDA3MSAyMy4yODE0IDI4Ljk1NDQgMjQuNDQxQzI4LjkwNTQgMjUuNTEzNSAyOC43MjYyIDI2LjA5NTYgMjguNTc1NiAyNi40ODI5QzI4LjM3NjIgMjYuOTk2MiAyOC4xMzc0IDI3LjM2MTggMjcuNzUyNCAyNy43NDY1QzI3LjM2NzQgMjguMTMxNSAyNy4wMDE5IDI4LjM2OTkgMjYuNDg4MyAyOC41NjkyQzI2LjEwMTEgMjguNzIwNSAyNS41MTg1IDI4Ljg5OTIgMjQuNDQ2IDI4Ljk0ODNDMjMuMjg2NCAyOS4wMDEgMjIuOTM4MSAyOS4wMTI0IDIwLjAwMSAyOS4wMTI0QzE3LjA2MzggMjkuMDEyNCAxNi43MTU3IDI5LjAwMSAxNS41NTYxIDI4Ljk0ODNDMTQuNDgzNiAyOC44OTg4IDEzLjkwMTUgMjguNzE5NiAxMy41MTM1IDI4LjU2OUMxMy4wMDAxIDI4LjM2OTYgMTIuNjMzNSAyOC4xMzEzIDEyLjI0ODUgMjcuNzQ2M0MxMS44NjM1IDI3LjM2MTMgMTEuNjI1MSAyNi45OTU1IDExLjQyNTMgMjYuNDgyQzExLjI3NDcgMjYuMDk0NyAxMS4wOTUzIDI1LjUxMjYgMTEuMDQ2NSAyNC40NDAxQzEwLjk5MzggMjMuMjgwNSAxMC45ODMyIDIyLjkzMjIgMTAuOTgzMiAxOS45OTQ3QzEwLjk4MzIgMTcuMDU3MyAxMC45OTM4IDE2LjcxMDggMTEuMDQ2NSAxNS41NTEyQzExLjA5NTUgMTQuNDc4NyAxMS4yNzQ3IDEzLjg5NjYgMTEuNDI1MyAxMy41MDg5QzExLjYyNDcgMTIuOTk1NSAxMS44NjM1IDEyLjYyODkgMTIuMjQ4NSAxMi4yNDM5QzEyLjYzMzUgMTEuODU4OSAxMy4wMDAxIDExLjYyMDUgMTMuNTEzNSAxMS40MjA3QzEzLjkwMTIgMTEuMjY5NCAxNC40ODM2IDExLjA5MDcgMTUuNTU2MSAxMS4wNDE0QzE2LjU3MDggMTAuOTk1NiAxNi45NjQxIDEwLjk4MTggMTkuMDE0MiAxMC45Nzk1VjEwLjk4MjNaTTI1Ljg3MjggMTIuODA4N0MyNS4xNDQgMTIuODA4NyAyNC41NTI4IDEzLjM5OTMgMjQuNTUyOCAxNC4xMjgzQzI0LjU1MjggMTQuODU3IDI1LjE0NCAxNS40NDgzIDI1Ljg3MjggMTUuNDQ4M0MyNi42MDE2IDE1LjQ0ODMgMjcuMTkyOCAxNC44NTcgMjcuMTkyOCAxNC4xMjgzQzI3LjE5MjggMTMuMzk5NSAyNi42MDE2IDEyLjgwODMgMjUuODcyOCAxMi44MDgzVjEyLjgwODdaTTIwLjAwMSAxNC4zNTFDMTYuODgxNCAxNC4zNTEgMTQuMzUyIDE2Ljg4MDQgMTQuMzUyIDIwQzE0LjM1MiAyMy4xMTk2IDE2Ljg4MTQgMjUuNjQ3OCAyMC4wMDEgMjUuNjQ3OEMyMy4xMjA3IDI1LjY0NzggMjUuNjQ5MSAyMy4xMTk2IDI1LjY0OTEgMjBDMjUuNjQ5MSAxNi44ODA0IDIzLjEyMDUgMTQuMzUxIDIwLjAwMDggMTQuMzUxSDIwLjAwMVpNMjAuMDAxIDE2LjMzMzNDMjIuMDI2IDE2LjMzMzMgMjMuNjY3NyAxNy45NzQ5IDIzLjY2NzcgMjBDMjMuNjY3NyAyMi4wMjQ5IDIyLjAyNiAyMy42NjY3IDIwLjAwMSAyMy42NjY3QzE3Ljk3NTkgMjMuNjY2NyAxNi4zMzQzIDIyLjAyNDkgMTYuMzM0MyAyMEMxNi4zMzQzIDE3Ljk3NDkgMTcuOTc1OSAxNi4zMzMzIDIwLjAwMSAxNi4zMzMzWiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgxMC42MjUxIDQzLjA4MDgpIHJvdGF0ZSgtOTApIHNjYWxlKDM5LjY0MyAzNi44NzExKSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkRENTUiLz4KPHN0b3Agb2Zmc2V0PSIwLjEiIHN0b3AtY29sb3I9IiNGRkRENTUiLz4KPHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNGRjU0M0UiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQzgzN0FCIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQxX3JhZGlhbCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgtNi42MTQzMSAyLjkyMzMyKSByb3RhdGUoNzguNDk4Mikgc2NhbGUoMTcuNzQyNCA3Mi45NjUyKSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzNzcxQzgiLz4KPHN0b3Agb2Zmc2V0PSIwLjExOTc5MiIgc3RvcC1jb2xvcj0iIzM3NzFDOCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2NjAwRkYiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) !important;
        }

        .keycrm-messenger-button.viber {
          background-color: #7360f2 !important;
          background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjU1NzYgMTEuNTY2OEMxNS40MDIyIDExLjU2NjggMTUuMjcyNiAxMS40NDU5IDE1LjI2NDcgMTEuMjkwMkMxNS4yMTUxIDEwLjMwMzIgMTQuNzQ2MSA5LjgxOTI0IDEzLjc4ODYgOS43NjgyOEMxMy42MjY1IDkuNzU5ODQgMTMuNTAyNCA5LjYyMjkzIDEzLjUxMDkgOS40NjIyQzEzLjUyIDkuMzAxNzcgMTMuNjU4MSA5LjE3ODczIDEzLjgxOTkgOS4xODc0OEMxNS4wODM3IDkuMjU0NzMgMTUuNzg2IDkuOTcxODMgMTUuODUwOCAxMS4yNjEzQzE1Ljg1ODcgMTEuNDIxNyAxNS43MzQzIDExLjU1ODMgMTUuNTcyNSAxMS41NjYyTDE1LjU2NjUgMTEuNTY2NUwxNS41NTc2IDExLjU2NjhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTcuMDU2OSAxMi4wNjcxSDE3LjA2MzNDMTcuMjIyNCAxMi4wNjcxIDE3LjM1MjggMTEuOTQxIDE3LjM1NjUgMTEuNzgyN0MxNy4zODI3IDEwLjY0NzEgMTcuMDM1OSA5LjY4MjA2IDE2LjMyNjkgOC45MTU1QzE1LjYyMjIgOC4xNTEwNSAxNC42MzA2IDcuNzE3MTEgMTMuMzgwMiA3LjYyNjM0QzEzLjIxODQgNy42MTQyOCAxMy4wNzc4IDcuNzM1MiAxMy4wNjYgNy44OTUzM0MxMy4wNTQxIDguMDU1NDYgMTMuMTc1OCA4LjE5NDc4IDEzLjMzNzMgOC4yMDY1NEMxNC40NDg3IDguMjg3MzUgMTUuMjg0OCA4LjY0NzQyIDE1Ljg5NDEgOS4zMDg0M0MxNi41MDY0IDkuOTcwMDUgMTYuNzkyNiAxMC43NzUyIDE2Ljc3MDEgMTEuNzY5OEMxNi43NjYxIDExLjkzMDIgMTYuODk0NSAxMi4wNjMyIDE3LjA1NjkgMTIuMDY3MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xOC42MDUyIDEyLjY2NDZDMTguNDQ0MyAxMi42NjQ2IDE4LjMxMjkgMTIuNTM1OSAxOC4zMTE3IDEyLjM3NkMxOC4yOTggMTAuNTk3NyAxNy43ODEyIDkuMjM5MjMgMTYuNzMyMiA4LjIyMzU4QzE1LjY5NTkgNy4yMjI3IDE0LjM4NTkgNi43MDk0NSAxMi44Mzk1IDYuNjk4MjlDMTIuNjc3NyA2LjY5NzA4IDEyLjU0NzIgNi41NjU5MSAxMi41NDg0IDYuNDA1MThDMTIuNTQ5MyA2LjI0NTM1IDEyLjY4MDQgNi4xMTY1OCAxMi44NDE2IDYuMTE2NThIMTIuODQzOEMxNC41NDY4IDYuMTI4NjUgMTUuOTkzMSA2LjY5NzY5IDE3LjE0MTkgNy44MDc0MkMxOC4yOTI4IDguOTIxMzggMTguODgzNSAxMC40NTY5IDE4Ljg5ODQgMTIuMzcxNUMxOC44OTk5IDEyLjUzMjUgMTguNzY5NSAxMi42NjM0IDE4LjYwNzMgMTIuNjY0NkgxOC42MDUyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE0LjQ5NjYgMTQuOTM1OEMxNC4yNzQ2IDE1LjIwODQgMTMuODYyMiAxNS4xNzI1IDEzLjg2MjIgMTUuMTcyNUMxMC44NDcgMTQuNDA5NiAxMC4wNDEzIDExLjM4NDMgMTAuMDQxMyAxMS4zODQzQzEwLjA0MTMgMTEuMzg0MyAxMC4wMDUxIDEwLjk3NTQgMTAuMjgwMyAxMC43NTUzTDEwLjgyNTEgMTAuMzI2MkMxMS4wOTQ5IDEwLjExOTYgMTEuMjY3MyA5LjYxOTAxIDEwLjk5MjEgOS4xMjk1OEMxMC44MzczIDguODU2NjcgMTAuNTMyNSA4LjM2ODQ0IDEwLjMwNTMgOC4wNjIwNkMxMC4wNjQ0IDcuNzM3MjggOS41MDU2MyA3LjA3MjM0IDkuNTAzNSA3LjA3MDIzQzkuMjM0MDEgNi43NTMzIDguODM3OTkgNi42ODAwMiA4LjQxOTc3IDYuODk1OTNDOC40MTg5MiA2Ljg5NTkzIDguNDE3NTUgNi44OTYzMiA4LjQxNjA4IDYuODk2NzRDOC40MTQzOCA2Ljg5NzIyIDguNDEyNTUgNi44OTc3NCA4LjQxMTI1IDYuODk3NzRDOC4wMTY0NSA3LjExOTM5IDcuNjQ2NTggNy40MTU4MiA3LjMwMTY2IDcuNzkwNjZDNy4zMDA1MiA3Ljc5MzA4IDcuMjk5MzggNy43OTQyMSA3LjI5ODI0IDcuNzk1MzNDNy4yOTcyNSA3Ljc5NjMxIDcuMjk2MjYgNy43OTcyOCA3LjI5NTI3IDcuNzk5MUM3LjAzNjQzIDguMTA2NjkgNi44ODkyMiA4LjQwOTQ2IDYuODUzMDIgOC43MDY0OUM2Ljg0NjAzIDguNzQyMDggNi44NDI2OCA4Ljc4NTIgNi44NDQ4MSA4LjgzODg4QzYuODQzNTkgOC45Njg1NSA2Ljg2Mjc2IDkuMDk3MzEgNi45MDQ3MyA5LjIyNDI3TDYuOTE4NzIgOS4yMzQ1MkM3LjA0OTIxIDkuNjkxOTkgNy4zNzQ2NiAxMC40NTU4IDguMDgyNzUgMTEuNzI4N0M4LjU0Mjk1IDEyLjU1NTYgOS4wMTIyNyAxMy4yNDM3IDkuNDc5MTcgMTMuODIzOUM5LjcyMzcxIDE0LjEzMDkgMTAuMDAxMSAxNC40NDY0IDEwLjMyMiAxNC43NjY2TDEwLjM4NjIgMTQuODMwMkwxMC40MTg3IDE0Ljg2MjJDMTAuNDIyMyAxNC44NjU3IDEwLjQyNTggMTQuODY5MiAxMC40MjkzIDE0Ljg3MjhDMTAuNDM2MyAxNC44Nzk4IDEwLjQ0MzQgMTQuODg2OCAxMC40NTA3IDE0Ljg5MzlDMTAuNzczNyAxNS4yMTI2IDExLjA5MjEgMTUuNDg3NiAxMS40MDEyIDE1LjcyOThDMTEuOTg3IDE2LjE5MyAxMi42ODA4IDE2LjY1ODMgMTMuNTE0OCAxNy4xMTRDMTQuNzk4NyAxNy44MTYzIDE1LjU2OTEgMTguMTM5MiAxNi4wMzA4IDE4LjI2ODNMMTYuMDQwNiAxOC4yODI1QzE2LjE2ODkgMTguMzIzOCAxNi4yOTg4IDE4LjM0MzEgMTYuNDI5NiAxOC4zNDE2QzE2LjQ4MzQgMTguMzQzNyAxNi41Mjc4IDE4LjM0MDQgMTYuNTYzNCAxOC4zMzM1QzE2Ljg2MjcgMTguMjk3NiAxNy4xNjgxIDE4LjE1MTkgMTcuNDc4NyAxNy44OTQ3QzE3LjQ4MDUgMTcuODkzOCAxNy40ODE0IDE3Ljg5MjkgMTcuNDgyNCAxNy44OTE5QzE3LjQ4MzQgMTcuODkwOSAxNy40ODQ0IDE3Ljg4OTkgMTcuNDg2NiAxNy44ODg3QzE3Ljg2NDkgMTcuNTQ2NyAxOC4xNjQyIDE3LjE4IDE4LjM4NzggMTYuNzg4M0MxOC4zODc4IDE2Ljc4NzQgMTguMzg4MiAxNi43ODYgMTguMzg4NiAxNi43ODQ2QzE4LjM4OTEgMTYuNzgyOSAxOC4zODk2IDE2Ljc4MTEgMTguMzg5NiAxNi43Nzk4QzE4LjYwNzEgMTYuMzY1NSAxOC41MzMyIDE1Ljk3MjkgMTguMjEzOCAxNS43MDU3QzE4LjIxMTcgMTUuNzAzNiAxNy41NDEgMTUuMTQ5OSAxNy4yMTM0IDE0LjkxMTFDMTYuOTA0NCAxNC42ODU4IDE2LjQxMTYgMTQuMzgzNiAxNi4xMzY0IDE0LjIyOTVDMTUuNjQyNyAxMy45NTcyIDE1LjEzNzggMTQuMTI3NiAxNC45Mjk4IDE0LjM5NTdMMTQuNDk2NiAxNC45MzU4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS41MTY4IDQuMjQxNzNDMjAuOTQwMSAzLjcxNTgxIDE4LjYxMDUgMi4wMzkxNSAxMy40MjE4IDIuMDE2NTNDMTMuNDIxOCAyLjAxNjUzIDcuMzAyMzYgMS42NTA0NCA0LjMxOTc0IDQuMzYzODZDMi42NTkzMSA2LjAxMDA3IDIuMDc1MzIgOC40MTgzMiAyLjAxMzU4IDExLjQwNTlDMS45NTIxNCAxNC4zOTM3IDEuODcyMTQgMTkuOTkwOSA3LjMxNDgzIDIxLjUwOUM3LjMxNjM1IDIxLjUwOTYgNy4zMTg0OCAyMS41MTAyIDcuMzIgMjEuNTEwNUw3LjMxNjY2IDIzLjgyNjVDNy4zMTY2NiAyMy44MjY1IDcuMjgyNTkgMjQuNzY0MyA3LjkwNDYgMjQuOTU1NUM4LjUzMjg3IDI1LjE0OSA4Ljk0NDggMjQuNjg0OSA5LjQ4MTkyIDI0LjA3OThDOS41ODg2NSAyMy45NTk2IDkuNzAwMzIgMjMuODMzOCA5LjgxOTYxIDIzLjcwNjRDMTAuMjE0NCAyMy4yODQ5IDEwLjc1OTIgMjIuNjY1MiAxMS4xNzAxIDIyLjE5MTdDMTQuODkyNCAyMi41MDA4IDE3Ljc1NTUgMjEuNzkyNSAxOC4wODA0IDIxLjY4NzVDMTguMTQ3OCAyMS42NjU4IDE4LjI0MzQgMjEuNjQxNiAxOC4zNjIgMjEuNjExN0MxOS41NjYzIDIxLjMwNzYgMjMuMTQ2OCAyMC40MDM2IDIzLjc3NjQgMTUuMzA4M0MyNC40OSA5LjUzNzQxIDIzLjQzMDkgNS44ODgyNCAyMS41MTY4IDQuMjQxNzNaTTIyLjE0NzMgMTQuODkxNkMyMS42MjAzIDE5LjEwMTEgMTguNzcxIDE5Ljc1ODggMTcuNzQ1NCAxOS45OTU1QzE3LjYzMjMgMjAuMDIxNiAxNy41NDEzIDIwLjA0MjYgMTcuNDc4MSAyMC4wNjI3QzE3LjIwNzcgMjAuMTQ5IDE0LjY5MjYgMjAuNzY5IDExLjUzMTQgMjAuNTY0NUMxMS41MzE0IDIwLjU2NDUgOS4xNzU0IDIzLjM4MjMgOC40Mzk5MyAyNC4xMTUxQzguMzI0OTYgMjQuMjI5NyA4LjE4OTYxIDI0LjI3NTggOC4wOTkyNyAyNC4yNTQxQzcuOTcyNzQgMjQuMjIzMyA3LjkzNzc2IDI0LjA3NDYgNy45MzkyOCAyMy44NTcyQzcuOTQxNzEgMjMuNTQ2MyA3Ljk1OTM1IDIwLjAwODcgNy45NTkzNSAyMC4wMDg3QzcuOTU1NyAyMC4wMDc1IDcuOTU3NTMgMjAuMDA4MSA3Ljk1OTM1IDIwLjAwODdDMy41MDkyOSAxOC43ODI4IDMuNjExNjcgMTQuMjg4IDMuNjcwMTUgMTEuNzM2NUMzLjY3MjE1IDExLjY0ODkgMy42NzQxMSAxMS41NjM1IDMuNjc1ODMgMTEuNDgwN0MzLjcyNzg0IDguOTg2MTYgNC4yMDExMiA2Ljk0MjE5IDUuNjA1NDQgNS41NjczOUM4LjEyODQ3IDMuMzAxNDcgMTMuMzI2IDMuNjQwMTIgMTMuMzI2IDMuNjQwMTJDMTcuNzE1NCAzLjY1OTEyIDE5LjgxODcgNC45Njk3IDIwLjMwNjIgNS40MDg3N0MyMS45MjU2IDYuNzgzMjcgMjIuNzUwNSAxMC4wNzI3IDIyLjE0NzMgMTQuODkxNloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=') !important;
        }

        .keycrm-messenger-button.telegram {
          background-color: #229ed9;
          background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMDUzMDcgMTIuNzg4OEM3Ljg4MzQ4IDEwLjI0ODYgMTEuNzcxMyA4LjU3MzkyIDEzLjcxNjYgNy43NjQ4MUMxOS4yNzA4IDUuNDU0NjIgMjAuNDI1IDUuMDUzMzIgMjEuMTc3MiA1LjAzOTkyQzIxLjM0MjYgNS4wMzcxNSAyMS43MTI2IDUuMDc4MTUgMjEuOTUyMiA1LjI3MjU5QzIyLjE1NDUgNS40MzY3NyAyMi4yMTAyIDUuNjU4NTYgMjIuMjM2OCA1LjgxNDIyQzIyLjI2MzUgNS45Njk4OCAyMi4yOTY3IDYuMzI0NDggMjIuMjcwMyA2LjYwMTU1QzIxLjk2OTMgOS43NjQwMiAyMC42NjY5IDE3LjQzODUgMjAuMDA0NCAyMC45ODA1QzE5LjcyNCAyMi40NzkzIDE5LjE3MiAyMi45ODE4IDE4LjYzNzYgMjMuMDMxQzE3LjQ3NjEgMjMuMTM3OSAxNi41OTQyIDIyLjI2MzQgMTUuNDY5MyAyMS41MjYxQzEzLjcwOSAyMC4zNzIyIDEyLjcxNDYgMTkuNjUzOSAxMS4wMDU5IDE4LjUyNzlDOS4wMzEzMSAxNy4yMjY3IDEwLjMxMTQgMTYuNTExNSAxMS40MzY3IDE1LjM0MjdDMTEuNzMxMiAxNS4wMzY4IDE2Ljg0ODUgMTAuMzgyMiAxNi45NDc2IDkuOTU5OTRDMTYuOTYgOS45MDcxMyAxNi45NzE1IDkuNzEwMjggMTYuODU0NSA5LjYwNjM0QzE2LjczNzYgOS41MDI0IDE2LjU2NSA5LjUzNzk0IDE2LjQ0MDQgOS41NjYyMUMxNi4yNjM5IDkuNjA2MjggMTMuNDUxOCAxMS40NjQ5IDguMDA0MzIgMTUuMTQyMkM3LjIwNjEzIDE1LjY5MDMgNi40ODMxNiAxNS45NTczIDUuODM1NCAxNS45NDMzQzUuMTIxMjkgMTUuOTI3OSAzLjc0NzY1IDE1LjUzOTYgMi43MjY0OCAxNS4yMDc2QzEuNDczOTggMTQuODAwNSAwLjQ3ODUxNiAxNC41ODUyIDAuNTY1MTk4IDEzLjg5MzhDMC42MTAzNDggMTMuNTMzNiAxLjEwNjMxIDEzLjE2NTMgMi4wNTMwNyAxMi43ODg4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==') !important;
        }
      </style>

      <div id="keycrm-social-buttons" class="right">
        <div class="keycrm-bubble">
        </div>
        <div class="keycrm-messenger-buttons">
          <a class="keycrm-messenger-button facebook" href="https://m.me/KeyCRMapp" target="_blank">
            <span class="keycrm-messenger-button-title">Задавайте вопросы в Facebook</span>
          </a>
          <a class="keycrm-messenger-button instagram" href="https://instagr.am/keycrmapp" target="_blank">
            <span class="keycrm-messenger-button-title">Задавайте вопросы в Instagram</span>
          </a>
          <a class="keycrm-messenger-button telegram" href="https://t.me/KeyCRMapp_bot" target="_blank">
            <span class="keycrm-messenger-button-title">Задавайте вопросы в Telegram</span>
          </a>
          <a class="keycrm-messenger-button viber" href="viber://pa?chatURI=KeyCRMapp" target="_blank">
            <span class="keycrm-messenger-button-title">Задавайте вопросы в Viber</span>
          </a>
        </div>
      </div>

Кнопки будут отображаться справа внизу на вашем сайте. Если нужно отображать с левой стороны, поменяйте right на left в строке:

<div id="keycrm-social-buttons" class="right">

Обязательно укажите ссылки на ваши мессенджеры в строках ниже (по умолчанию, в них размещены ссылки нашей компании - KeyCRM):

https://m.me/KeyCRMapp
https://instagr.am/keycrmapp
https://t.me/KeyCRM_bot
viber://pa?chatURI=KeyCRM

После размещения, кнопки на сайте будут выглядеть следующим форматом:

Как добавить виджет на сайт

Наша команда создала собственный виджет, для удобного введения диалога непосредственно на сайте в компактном окне. В нем вы можете разместить приветственные сообщения, ссылки на другие мессенджеры и настроить запрос на оценку качества.

Все настройки виджета можно осуществить в вашем личном кабинете. Чтобы разместить виджет, выполните шаги в соответствующей инструкции.

Теги: виджет, виджеты, кнопки, мессенджеры, чат на сайт
Оцените эту статью