Блог / Статьи

Полезная информация для вашего хостинга

Как добавить ссылку на Viber аккаунт на вашем веб-сайте

 Как добавить ссылку на Viber аккаунт на вашем веб-сайте

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

Шаг 1: Получите уникальный идентификатор Viber аккаунта

Первый шаг - узнать ваш уникальный идентификатор в Viber. Это может быть номер телефона, привязанный к вашему аккаунту, или специальный Viber ID. Если вы используете Viber для бизнеса, у вас, вероятно, будет Viber Business аккаунт с уникальным ID.

Шаг 2: Создайте URL ссылку

После того как у вас есть идентификатор, вы можете создать URL ссылку, которая будет автоматически открывать чат с вашим аккаунтом в приложении Viber у пользователя. Формат ссылки выглядит следующим образом:

```
viber://chat?number=ВАШ_УНИКАЛЬНЫЙ_ID
```

Замените `ВАШ_УНИКАЛЬНЫЙ_ID` на ваш фактический номер телефона (в международном формате, без плюсов и пробелов) или Viber ID. Например, если ваш номер телефона +12345678901, ссылка будет выглядеть так:

```
viber://chat?number=12345678901
```

Шаг 3: Добавьте ссылку на ваш веб-сайт

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

```html
<a href="viber://chat?number=12345678901">Свяжитесь с нами в Viber</a>
```

Или для кнопки:

```html
<button onclick="window.location.href='viber://chat?number=12345678901'">Чат в Viber</button>
```

001

Кастомизация ссылки

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

```css
.button-viber {
background-color: #665CAC; /* Цвет фона Viber */
color: white; /* Цвет текста */
padding: 10px 20px; /* Отступы вокруг текста */
border: none; /* Убрать границу */
border-radius: 5px; /* Скругленные углы */
cursor: pointer; /* Курсор в виде руки при наведении */
}
```

И применить этот класс к кнопке:

```html
<button onclick="window.location.href='viber://chat?number=12345678901'" class="button-viber">Чат в Viber</button>
```

Также, используя JavaScript, вы можете добавить дополнительные функции, например, показывать уведомление или менять текст на кнопке после нажатия:

```javascript
function openViber() {
window.location.href = 'viber://chat?number=12345678901';
alert('Открываю чат в Viber...');
}
```

И изменить HTML кнопки:

```html
<button onclick="openViber()" class="button-viber">Чат в Viber</button>
```

Добавление ссылки на ваш Viber аккаунт на веб-сайте не только улучшит удобство общения с посетителями, но и повысит ваш профессионализм в их глазах. Следуя этим простым шагам, вы сможете эффективно интегрировать этот канал связи в ваш онлайн-присутствие.