Как вставить мессенджер MAX на сайт

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

Где взять ссылку для моментального перехода в чат MAX

Invite-link: в приложении MAX создайте приглашение по ссылке на чат или контакт.
QR-приглашение: у QR всегда есть исходная ссылка — именно её и используйте.

Важно

Проверьте, что новые пользователи могут написать вам первыми. Если включены ограничения «только контакты», кнопка будет собирать клики, но не заявки.

Способ 1. Обычная кнопка MAX

Подходит для блока «Контакты», карточки услуги или рядом с формой.

<style>
  .max-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 18px;
    border-radius:14px;
    background:#1a73e8;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    box-shadow:0 10px 25px rgba(26,115,232,.25);
  }
  .max-btn:hover{ transform:translateY(-1px); }
  .max-btn__hint{
    display:block;
    font-size:12px;
    opacity:.9;
    margin-top:4px;
  }
</style>

<a class="max-btn"
   href="MAX_CHAT_URL"
   target="_blank"
   onclick="try{ ym(XXXXXX,'reachGoal','max_click'); }catch(e){}">
  Написать в MAX
  <span class="max-btn__hint">Ответим за 5–10 минут</span>
</a>

Способ 2. Виджет MAX внутри страницы

Подходит для лендингов и длинных страниц, когда нужно объяснить ценность диалога.

<style>
  .max-widget{
    max-width:760px;
    border:1px solid rgba(0,0,0,.1);
    border-radius:16px;
    padding:22px;
    background:#fff;
  }
  .max-widget__btn{
    display:block;
    margin-top:12px;
    padding:14px;
    border-radius:14px;
    background:#1a73e8;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-weight:700;
  }
</style>

<div class="max-widget">
  <h3>Напишите нам в MAX</h3>
  <p>Уточните цену, сроки или детали — без звонков и ожидания.</p>
  <a class="max-widget__btn"
     href="MAX_CHAT_URL"
     target="_blank">
     Открыть чат
  </a>
</div>

Способ 3. Плавающая кнопка MAX

Самый конверсионный вариант — кнопка всегда видна пользователю.

<style>
  .max-float{
    position:fixed;
    right:20px;
    bottom:20px;
    padding:14px 16px;
    border-radius:999px;
    background:#0f172a;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    z-index:9999;
  }
</style>

<a class="max-float"
   href="MAX_CHAT_URL"
   target="_blank"
   onclick="try{ ym(XXXXXX,'reachGoal','max_float_click'); }catch(e){}">
   Написать в MAX
</a>

Типичные ошибки

Используется не invite-ссылка, а служебный URL.
Включены ограничения приватности в MAX.
Нет аналитики кликов.
Кнопка спрятана слишком далеко от основного оффера.

Итог

Для внедрения MAX на сайт достаточно корректной ссылки и одной кнопки. Начните с простого варианта, добавьте аналитику кликов, а затем — при необходимости — подключите плавающую кнопку для роста заявок.

FAQ: частые вопросы по установке MAX на сайт

Где взять ссылку для мгновенного перехода в чат MAX?

Создайте в MAX пригласительную ссылку (invite link) на чат/контакт или используйте ссылку из QR-приглашения. Подставьте этот URL вместо MAX_CHAT_URL в коде.

Какой вариант лучше по заявкам: обычная кнопка или плавающая?

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

Можно ли поставить MAX на сайт без виджетов и JavaScript?

Да. Достаточно ссылки на чат и HTML-кнопки. JavaScript нужен только для аналитики кликов и необязательных эффектов.

Почему новые пользователи иногда не могут написать первыми?

Чаще всего причина в настройках приватности в MAX (например, писать могут только контакты). Проверьте ограничения, чтобы обращения с сайта могли начинаться без добавления в контакты.

Как добавить UTM-метки и трекинг источника?

Если MAX поддерживает параметры в ссылке - добавьте UTM прямо в MAX_CHAT_URL. Если не поддерживает, используйте промежуточную страницу-редирект (например /go/max), где вы фиксируете UTM в аналитике и затем перенаправляете пользователя в MAX.

Как отследить клики по кнопке MAX в Яндекс.Метрике?

Добавьте onclick с ym(СЧЕТЧИК,'reachGoal','max_click'). В коде примеров уже есть шаблон с try/catch - замените XXXXXX на номер счетчика.

Можно ли использовать MAX вместе с Telegram/WhatsApp на одной странице?

Да. Обычно делают блок с несколькими кнопками или одну кнопку-меню. MAX удобно держать как быстрый чат и запасной канал.

Мессенджер MAX на сайт