Как добавить плавающую кнопку с контактами в мультиссылку

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

В этой инструкции мы подробно разберем, как создать такую кнопку с помощью сервиса МультиСсылка.рф и добавить её в вашу мультиссылку.

Шаг 1. Переход в конструктор

Первое, что нужно сделать — открыть специальный конструктор кнопок. Для этого перейдите по ссылке:
linku.su/floating-button

Шаг 2. Настройка внешнего вида

После загрузки страницы вы увидите интерфейс настройки. Здесь можно изменить дизайн будущей кнопки под стиль вашего бренда.

• Цвет кнопки: По умолчанию установлен синий цвет. Вы можете изменить его на любой другой, просто кликнув по полю выбора цвета.
• Расположение: Определите, где будет висеть кнопка на экране. Доступны два варианта — справа снизу или слева снизу. Выберите тот, который не будет мешать просмотру основного контента.
• Отступы: При необходимости вы можете задать точные отступы от нижнего и бокового края страницы.

Шаг 3. Добавление сообщения (опционально)

В этом блоке вы можете проявить заботу о посетителях. Здесь добавляется:

• Краткое сообщение: Например, «Как мы можем вам помочь?» или «Свяжитесь с нами».
• График работы: Полезно для бизнеса, чтобы клиенты знали, когда вы на связи.

Обратите внимание: заполнять этот раздел не обязательно. Если вы оставите поля пустыми, кнопка будет просто выполнять свою основную функцию без лишнего текста.

Шаг 4. Наполнение контактами

Это самый важный этап. Вам нужно добавить каналы связи, по которым пользователи смогут к вам обратиться. Конструктор позволяет интегрировать:

• Номер телефона
• Telegram
• Мессенджер Max
• ВКонтакте

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

Шаг 5. Предпросмотр и копирование кода

Справа от настроек находится рабочая область, где отображается результат. Здесь вы видите:

1. Готовый код для вставки на сайт.
2. Пример вашей кнопки — выглядит ровно так, как увидят её пользователи.
3. Возможность теста — вы можете нажать на кнопку прямо в окне предпросмотра, чтобы убедиться, что всё работает корректно.

Если вас всё устраивает, нажмите на зеленую кнопку «Копировать код». Код скопирован в буфер обмена.

Шаг 6. Установка кода в мультиссылку

Теперь осталось добавить скрипт в вашу мультиссылку на платформе linku.su. Для этого:

1. Перейдите в панель управления и откройте нужную мультиссылку для редактирования.
2. Зайдите в «Настройки».
3. Выберите раздел «Расширенные».
4. Найдите поле «Пользовательский JS» (JavaScript).
5. Вставьте в это поле скопированный ранее код.

Шаг 7. Сохранение результата

Финальное действие — нажмите кнопку «Сохранить» внизу страницы настроек.

---

Готово!

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

Смотрите видеоинструкцию.