Как добавить кнопку Скайп на сайт

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

Недавно просили помочь с лендингом (нужно было добавить анимацию), и на сайте я заметил подобную интерактивную кнопку, которая светилась, когда владелец был онлайн. Мне очень понравилась эта идея. И я решил написать статью на эту тему, чтобы и вы знали, как сделать Скайп кнопку на своем сайте.

Как добавить интерактивную кнопку Скайп на сайт

Первое, с чего стоит начать, - это включение функции отображения статуса в интернете. То есть, в настройках Скайп по умолчанию отключена функция отображения вашего статуса в сети. Для того, чтобы это исправить, нужно в программе перейти в:

Инструменты > Настройки > Безопасность

И поставить галочку напротив "Показывать мой сетевой статус в интернете". Не забываем сохранить.

добавить кнопку скайп

Теперь непосредственно подключение.

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

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

создать кнопку скайп

"Имя Skype" - здесь нужно прописать свой логин в Скайп.

"Image type" - в этом поле нужно выбрать, как будет выводиться картинка -с использованием javascript или без. Выбирайте на ваше усмотрение.

Изначально я думал, что если выбирать "без использования javascript", то не будут выводиться статусы, а только "online / ofline". Но я не поленился и проверил. Оказалось, что присутствует полный функционал  при использовании обоих типов подключения.

"Text type" - эта вкладка позволяет вывести логин напротив иконки,  который можно заменить на любой. Например: "Связаться со мной в Скайпе"

"Link type" - здесь задаете действие, которое будет происходить при нажатии значка Скайп на вашем сайте: звонок, чат или передача файла и т.д.

Далее нужно  выбрать  стиль отображения из следующих иконок и нажать "Get HTML - code":

добавить кнопку скайп на сайт

После этого перед вами откроется новая страница, в которой будет поле с кодом, который необходимо скопировать на ваш сайт в то место, где бы вы хотели видеть иконку Скайп:

интерактивная скайп кнопка на сайт

На этом я заканчиваю обзор этого сервиса и сейчас расскажу, как добавить кнопку Скайп на сайт без помощи сторонних сервисов.  Конечно, не будет показываться статус, но зато можно подключить любую картинку, а не только ту, которую предлагают нам подобные сайты.

Итак, для того, чтобы самостоятельно задать иконку и реализовать функцию звонка необходимо просто сделать ссылку вида:

<a href="skype:логин?call"></a>

Параметр "call"  как раз и отвечает за то, что при клике будет происходить звонок. Существуют и другие варианты действий при нажатии на кнопку :

  • <a href="skype:СКАЙП-ИМЯ?voicemail"> - отправить голосовую почту
  • <a href="skype:СКАЙП-ИМЯ?sendfile"> - отправить файл
  • <a href="skype:СКАЙП-ИМЯ?userinfo"> - показать информацию о пользователе
  • <a href="skype:СКАЙП-ИМЯ?chat"> - начать чат
  • <a href="skype:СКАЙП-ИМЯ?add"> - добавить в контакты

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

<a href="skype:логин?call"><img src="img/skype.png"/></a>

Я специально завел рубрику "Иконки для сайта", чтобы вам было легче в подобных ситуациях подобрать хорошую картину. А на сегодня - все!  Пока!

 

Понравилась статья? Не хотите пропустить следующие материалы о самостоятельном создании и раскрутке landing page?

Подпиcывайтесь на обновления!

Комментарии: 9

  1. Михаил

    Напишите почему перестали отображаться значки положения в сети Скайпа?

    • dimadv7

      Не знаю, нужно посмотреть. На днях гляну и попробую разобраться

  2. zakaz89.com

    Чтобы показать сетевой статус на страницах сайта, в «настройках программы» в разделе «Безопасность» вы должны включить опцию «Показывать мой сетевой статус в Интернете». Как правило, после того как вы нажмёте кнопку «Сохранить» в течение нескольких минут можно будет увидеть ваш текущий статус.

  3. Okcsanka

    Чтобы показать сетевой статус на страницах сайта, в «настройках программы» в разделе «Безопасность» вы должны включить опцию «Показывать мой сетевой статус в Интернете». Как правило, после того как вы нажмёте кнопку «Сохранить» в течение нескольких минут можно будет увидеть ваш текущий статус.

  4. Sanechka

    Чтобы показать сетевой статус на страницах сайта, в «настройках программы» в разделе «Безопасность» вы должны включить опцию «Показывать мой сетевой статус в Интернете». Как правило, после того как вы нажмёте кнопку «Сохранить» в течение нескольких минут можно будет увидеть ваш текущий статус.

  5. сергей

    нет такой опции в скайпе — что делать?

  6. Анна

    Помогите заменить картинку! в конструктор сайтов добавила, кнопка рабочая, но мою картинку не выводит…

  7. Анна

    Добавляла кнопку последним способом ссылкой с картинкой

  8. Анна

    Спасибо! Все заработало

Добавить комментарий