пятница, 15 января 2016 г.

Как добавить кнопку статуса и вызова SKYPE себе на сайт

Чтобы на сайте отображался ваш текущий статус скайп, нужно вставить кнопочку. Дополнительно при нажатии на эту кнопку человек сможет ли позвонить вам или написать вам сообщение с SKYPE.

1) Вид первый



При нажатии будет совершаться звонок

Чтобы вставить на сайт:

1)  Открываем админку (раздел, где описывается нужная вам страница, у меня это "Блоки"). Выбираем нужную страницу в админке для редактирования

2) Для того, чтобы вы могли править код, переведите страничку в HTML-код. У меня это делается нажатием на кнопку "Источник"


3) Теперь в нужном вам месте вставляйте код

<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js">
</script>
<a href="skype:Ваш_Скайп?call"> 
<img src="http://download.skype.com/share/skypebuttons/buttons/call_green_white_92x82.png" style="border: none;" width="92" height="82" alt="Skype Me&trade;!" />
</a></div>


4) Сохраняйте и проверяйте результат


2) Вид второй


При нажатии смогут написать вам сообщение в Скайп

Чтобы вставить на сайт:

1)  Переходим по ссылочке
http://www.skype.com/en/create-contactme-buttons/
Тут вы можете создать нужную вам кнопку (можно выбрать цвет, размер и возможности - звонок и сообщение). Также тут вводим свой скайп


2) Копируем код для вставки на свой сайт

3) Открываем админку (раздел, где описывается нужная вам страница, у меня это "Блоки"). Выбираем нужную страницу в админке для редактирования

4) Для того, чтобы вы могли править код, переведите страничку в HTML-код. У меня это делается нажатием на кнопку "Источник"


4) Теперь в нужном вам месте вставляйте код, который скопировали в пункте  2

<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
<div id="SkypeButton_Call_Ваш_Скайп_1">
 <script type="text/javascript">
 Skype.ui({
 "name": "chat",
 "element": "SkypeButton_Call_Ваш_Скайп_1",
 "participants": ["anna.z11"],
 "imageSize": 24
 });
 </script>
</div>

5) Сохраняйте и проверяйте результат



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

Отправить комментарий