Как добавить иконку и ссылку на сайт для нового мессенджера Макс

Сегодня практически каждый сайт использует кнопки мессенджеров для быстрой связи с клиентами. WhatsApp, Telegram, Viber стали привычными, но всё чаще компании хотят внедрять и новые сервисы — например, мессенджер Макс.
Разберём, как добавить его иконку и ссылку на сайт в популярных CMS: 1С-Битрикс, WordPress, MODX, OpenCart и Tilda.

1. CMS 1С-Битрикс

В Битриксе есть два варианта:

Вариант 1. Через шаблон сайта

1. Перейдите в /local/templates/ваш_шаблон/header.php.

2. Перед закрывающим тегом </header> вставьте код:

   <a href="https://max.im/ваш_логин" target="_blank" class="messenger-link">
<img src="/local/images/max-icon.png" alt="Мессенджер Макс">
</a>


3. Стили можно вынести в style.css:

   .messenger-link img {
width: 40px;
transition: 0.3s;
}
.messenger-link img:hover {
transform: scale(1.1);
}


Вариант 2. Через «Вставку HTML кода» в административной панели

Используйте компонент HTML-вставка и разместите иконку в шапке или подвале сайта.

2. CMS WordPress

1. Зайдите в «Внешний вид» → «Редактор».

2. В файле header.php или в виджете «Текст/HTML» вставьте:

   <a href="https://max.im/ваш_логин" target="_blank" class="messenger-link">
<img src="<?php echo get_template_directory_uri(); ?>/images/max-icon.png" alt="Мессенджер Макс">
</a>


3. Для Elementor или WPBakery можно просто использовать HTML-блок.

3. CMS MODX

1. Загружаем иконку в папку /assets/images/.

2. В шаблон (Templates) добавляем:

   <a href="https://max.im/ваш_логин" target="_blank">
<img src="[[++site_url]]assets/images/max-icon.png" alt="Мессенджер Макс">
</a>


4. CMS OpenCart

1. Загружаем иконку в /catalog/view/theme/ваша_тема/image/.

2. В файле common/header.twig добавляем HTML-код:

   <a href="https://max.im/ваш_логин" target="_blank">
<img src="catalog/view/theme/ваша_тема/image/max-icon.png" alt="Макс">
</a>


5. Конструктор Tilda

1. В разделе «Настройки сайта» → «Дополнительный HTML-код» вставьте:

   <a href="https://max.im/ваш_логин" target="_blank">
<img src="https://ваш-сайт.ru/max-icon.png" alt="Макс">
</a>


2. Или добавьте иконку через блок Т123 (HTML).

Итог

Добавление кнопки нового мессенджера Макс не занимает много времени, но для каждой CMS есть свои особенности: где-то лучше править шаблон, где-то проще добавить блок HTML в админке.

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

👉 Стоимость добавления иконки и ссылки на сайт — от 1000 руб.
Подробнее: Павлов Студия