Посилання на Skype на сайті — Як додати кнопку скайп на сайт

Всім привіт. Сьогодні хотів би розповісти вам про те, як додати кнопку Скайп на сайтдля того, щоб ваші клієнти могли зв’язатися з вами у Скайпі прямо через лендінгем пейдж.

Нещодавно просили допомогти з лендингом (потрібно було додати анімацію), і на сайті я помітив таку інтерактивну кнопку, яка світилася, коли власник був онлайн. Мені дуже сподобалася ця ідея. І я вирішив написати статтю на цю тему, щоб і ви знали, як зробити Скайп кнопку на своєму сайті.

Як додати інтерактивну кнопку Скайп на сайт

Перше, з чого варто почати, — це включення функції відображення статусу в інтернеті. Тобто, в налаштуваннях Скайп за замовчуванням відключена функція відображення вашого статусу в мережі. Для того, щоб це виправити, потрібно в програмі перейти в:

Інструменти > Установки > Безпека

І поставити галочку «Показувати мій мережевий статус в інтернеті». Не забуваємо зберегти.

Посилання на Skype на сайті — Як додати кнопку скайп на сайт

Тепер безпосередньо підключення.

Я знайшов кілька сервісів, які дозволяють згенерувати цю кнопку, причому, можна задати параметри не тільки на дзвінок, чат і навіть на передачу файлів. Приступимо…

Одним з таких сервісів є — im.servisator. Давайте подивимося налаштування:

Посилання на Skype на сайті — Як додати кнопку скайп на сайт

«Ім’я Skype» — тут потрібно прописати свій логін в Скайп.

«Image type» — в цьому полі потрібно вибрати, як буде виводитися картинка -з використанням javascript або без. Вибирайте на ваш розсуд.

Спочатку я думав, що якщо вибирати «без використання javascript», то не будуть виводитися статуси, а тільки «online / ofline». Але я не полінувався і перевірив. Виявилося, що присутній повний функціонал при використанні обох типів підключення.

«Text type» — ця вкладка дозволяє вивести логін навпроти іконки, який можна замінити на будь. Наприклад: «Зв’язатися зі мною в Скайпі»

Читайте також:
Skype автоматичний вхід — Як увімкнути автоматичний вхід в систему Windows 10

«Link type» — тут задаєте дію, що буде відбуватися при натисканні значка Скайп на вашому сайті: дзвінок, чат або передача файлу і т. д.

Далі потрібно вибрати стиль відображення з наступних іконок і натиснути «Get HTML code»:

Посилання на Skype на сайті — Як додати кнопку скайп на сайт

Після цього перед вами відкриється нова сторінка, на якій буде поле з кодом, який необхідно скопіювати на ваш сайт в те місце, де б ви хотіли бачити іконку Скайп:

Посилання на Skype на сайті — Як додати кнопку скайп на сайт

На цьому я закінчую огляд цього сервісу і зараз розповім, як додати кнопку Скайп на сайт без допомоги сторонніх сервісів. Звичайно, не буде показуватися статус, але зате можна підключити будь-яку картинку, а не тільки ту, яку пропонують нам подібні сайти.

Отже, для того, щоб самостійно встановити іконку і реалізувати функцію дзвінка просто необхідно зробити посилання виду:

Параметр «call» як раз і відповідає за те, що при кліці буде відбуватися дзвінок. Існують і інші варіанти дій при натисканні на кнопку :

  • <a href=”skype:СКАЙП-ІМ’Я?voicemail”> — відправити голосову пошту
  • <a href=”skype:СКАЙП-ІМ’Я?sendfile”> — відправити файл
  • <a href=”skype:СКАЙП-ІМ’Я?userinfo”> — показати інформацію про користувача
  • <a href=”skype:СКАЙП-ІМ’Я?chat”> — почати чат
  • <a href=”skype:СКАЙП-ІМ’Я?add«> — додати в контакти

Напевно ви вже здогадалися, що для того, щоб додати свою іконку, потрібно просто додати картинку стандартним чином. Ви могли не знати про параметри посилання. Тобто так:

Я спеціально завів рубрику «Іконки для сайту», щоб вам було легше в подібних ситуаціях підібрати гарну картину. А на сьогодні — все! Поки!

Це цікаво:

Сподобалася стаття? Не хочете пропустити наступні матеріали про самостійному створенні та розкрутці landing page?

Підписуйтесь на оновлення!

Анастасія Радченко/ автор статті

Давно вже працюю в всесвітній павутині, і люблю ділитися з людми корисними порадами.

Поділитися з друзями
Корисні поради - Вказівка