Инструкция по подключению кнопки WhatsApp

WhatsApp кнопки инструкции

April 18, 2025 at 12:02:29 AM GMT+5

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

1. Зайдите в админку вашего блога

Перейдите в административную панель SilverBox и найдите поле для вставки пользовательского кода «Код метрики».

2. Скопируйте и вставьте код

Скопируйте следующий код и вставьте его в это поле:

<a href="https://wa.me/79220222218" class="custom-button"><i class="fa fa-whatsapp"></i></a>

<style>
.custom-button {
    display: block;
    position: fixed;
    bottom: 68px;
    right: 16px;
    z-index: 1100;
    width: 50px;
    height: 50px;
    line-height: 46px;
    font-size: 28px;
    text-align: center;
    border-radius: 999px;
    background: linear-gradient(to bottom, #5ad065, #24b23b);;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    -webkit-tap-highlight-color: transparent;
    color: #fff;
    transition: text-shadow 0.4s;
    border: 2px solid #fff;
}

.custom-button:hover {
    text-shadow: 0px 0px 8px #128C7E;
}
</style>

3. Замените номер телефона

В строке:
<a href="https://wa.me/79220222218" ...

Поменяйте номер на свой, только в формате: 7XXXXXXXXXX
Без плюсов, пробелов и тире.

4. Сохраните изменения

Нажмите «Сохранить», чтобы применить код.

5. Проверьте отображение

Кнопка не будет видна авторизованным пользователям. Чтобы убедиться, что всё работает: выйдите из системы или откройте ваш сайт в режиме «Инкогнито».

SilverBox App