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

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

Штука довольно полезная, поэтому давайте рассмотрим, какие подходы есть в этом вопросе, и как сервис онлайн-консультанта P3chat может здесь помочь.

СПОСОБ ПЕРВЫЙ. Добавление кода кнопки Skype на сайт

Кнопка скайпа на сайте выглядит примерно так:

В интернете существует куча статей о том как добавить скайп на сайт. К примеру, на сайте bloginblog и на форуме smiles.spb.su достаточно подробно и понятно описана процедура добавления кнопки на сайт.

Процедура достаточно простая:

1. Зайти на сайт Skype

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

3. Выполнить небольшие настройки в скайпе, чтобы разрешить показывать свой статус. 

На этом, в принципе, всё.

Как это работает для пользователя? Вот тут как раз есть вопросы с удобством работы. Вот как все это выглядит с точки зрения посетителя сайта:

1. Нажать на кнопку Skype

2. Браузер покажет окошко безопасности

3. Иногда это не срабатывает, и нужно дополнительно заносить собеседника в список контактов

4. После этого начинается чат в скайпе

Какие минусы:

• По отзывам в интернете, кнопки скайпа не всегда корректно работают
• Для начала общения посетителю нужно выполнить несколько нетривиальных действий
• Анонимно вести переписку не получится, придется добавлять оператора в контакты в своем скайпе

СПОСОБ ВТОРОЙ. Добавление онлайн-консультанта на сайт

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

Давайте посмотрим, как работает этот способ:

1. Зарегистрироваться на http://p3chat.com/signup

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

3. Настроить оператора для работы в Skype

4. В скайп придет запрос на авторизацию от сервера P3chat.com, необходимо его принять.

Всё, на этом настройка завершена.

Теперь давайте посмотрим, что нужно сделать пользователю, чтобы начать общение:

1. Нажать кнопку начала чата “Задать вопрос” (”Contact Us”).

2. Откроется симпатичное окно чата

3. Всё, можно задавать вопрос и общаться с оператором.

Какие плюсы у этого подхода:

• Окно чата встроено в сайт и доступно в один клик
• Пользователь может общаться анонимно
• Владелец магазина может общаться как через Skype, так через ICQ, Google Talk и через веб-интерфейс
• Помимо чата, владелец магазина получает кучу других возможностей

ЗАКЛЮЧЕНИЕ:

Если вам необходимо добавить на сайт способ обратной связи, стоит рассмотреть вариант установки онлайн-консультанта.

Узнать больше про P3chat, а также бесплатно его попробовать можно здесь: http://p3chat.com/

Widget API

Prerequisites

Before you begin, you need a P3chat Account and a basic understanding of HTML and JavaScript. If you're new to JavaScript, MDN's JavaScript wiki has a lot of information, including links to tutorials and a Guide.

Usage notes

Widget API is enabled automatically by using new style of P3chat snippet, that users embed into web pages during P3chat set up.

The default snippet should be obtained from P3chat Dashboard > Departments page.  It looks the following:

Note: not-highlighted part should be left as-is; it is responsible for loading main P3chat script onto the page. The part highlighted in grey is the 'API part' and can be modified according to API specification that follows.

Warn: incomplete copy-paste or mistake in the snippet may result in failure to load P3chat script and thus non-functional widget.

Method call format

Method calls are different form conventional object.methodName(param) format.This is due to asynchronous nature of P3chat loader script (p3.js). While async is good for performance, it produces a problem – it is not possible to know when object.methodName is available. Method Queue pattern is used to address this issue and that's why method calls have their distinctive look:

var p3chat = p3chat || [];
p3chat.push(['_methodName', param1, param2]);

Here we create a global array (if not created before) and push values into it. Each value is a new array that represents a single API call. First item of the array must be a method name and all other items are (optionally) passed to the given method as parameters. This way, when p3.js is loaded, it accesses a global p3chat variable and unwinds array to call methods and pass data to them.

The same pattern is used in many modern JavaScript API (Google Analytics and Facebook SDK to name a few). To know more about this and other patterns read the following awesome article.

Methods

_setAccount (departmentID) [required]

Description: Enables P3chat functionality on the page. Sets the route for visitor activities (page views, chat initiations, etc.) – only operators assigned to the department, having passed ID, will see these activities. Should be called once per page load.

Warn: P3chat widget will not function properly if this method is not called on a page or wrong ID is passed.

Parameters:

• departmentID (string, required) – ID of department, should be obtained from Dashboard>Departments page.

Example:

p3chat.push(['_setAccount', 'xxxxxxxxx']);

_trackPage ([pageURL, pageTitle]) [optional, but typically needed]

Description: Triggers the page view activity thus allowing Rich Web Client operators to see the visitor and Automatic Rules to be evaluated. Visitor will be invisible to operators and Automatic Rules if the method is not called. Note: user will still be able to initiate the conversation and it will be properly routed to available operator. May be called several times during user session.

Parameters: 

• pageURL (string, optional) – Names the page URL that user is visiting. Defaults to window.location.pathname if not passed. The URL should not contain domain part. See window.location documentation for exact format specification. Note: Automatic Rules will be evaluated against this URL if passed and operators will see this URL in Web Client console.
• pageTitle (string, optional) – Names the title of the page (for Web Client console). Defaults to document.title if not passed.

Examples:

p3chat.push(['_trackPage']);
p3chat.push(['_trackPage', '/cart/item/iphone', 'My Title']);
p3chat.push(['_trackPage', '/cart/item/iphone' /*default title*/]);
p3chat.push(['_trackPage', undefined /*default URL*/, 'My Title']);

Typical usage scenarios:

• Widget is used on Single Page web site. That is, pages are not loaded from server every time user navigates a link. Instead, JavaScript on page generates new view and updates location in address bar. To not miss user navigation on such web sites, call this method every time location changes.
• Do not track certain visitors. For example, if Rules should fire for certain visitor (say, company worker), write a conditional on page's JavaScript code that omits _trackPage call when they visit a page (e.g. by cookie).
• Do not track specific pages. For example, if Rules should not fire on a specific page (say, order page, it's not desired to distract visitor on it), write a conditional on page's JavaScript code that omits _trackPage call after checking page URL.
• URLs of the site are long and hardly readable or hard to write Rules for. Pass the URL that suites your needs or better readable in Web Client console.

P3chat now supports Skype

P3chat is one of the first live chat solutions to support messaging through Skype. Now, when we added Skype support to P3chat, any chat operator will be able to receive messages from web site users and respond to them using Skype. Given P3chat pricing starting at $1.99 per month (one of the lowest among commercial chats), it makes P3chat one of the most attractive solutions for adding a live customer support chat to your web site.

HappyFox Integration with P3chat - Step By Step

HappyFox is a customer support and ticket management software that can now be linked to P3chat account through new Integrations section in P3chat Dashboard. All chat transcripts and offline messages will appear as tickets in HappyFox after configuring. The newly created ticket have status, priority and can be assigned to executors. It gives you a great possibility to follow all users problems and solve them on time.

User name

From now on, P3chat Live Chat may ask site visitors to introduce themselves automatically. It is both pleasing for clients when they get more personal service and useful for operators who can better track the visitors and quickly recall the past conversations in history.

This feature can be enabled in admin panel's departments page by checking "Ask for name" checkbox as shown on the picture below.

Once configured, the following prompt will appear in the chat window:

Looking forward for your feedback.

If you're not P3chat user yet, try this feature by signing up for FREE 14 days trial.

P3chat is now in Magento Marketplace

Good news for Magento users. From now on, you can easily add P3chat widget to your shop using Magento Connect.

 We consider integration complete by now, but of course, we are open to your comments and wishes.

P3chat proactive online chat statistics - part 2

In the previous article we have shown you actual statistics of Rules usage. That time talking was about most popular time delay for rules. Now we want to share with you and discuss efficiency of delay means how much successful dialog happened for every delay.

Delay (sec)	Place by popularity of usage	Place by efficiency
0	1	9
60	2	5
10	3	14
30	4	2
5	5	12
300	6	16
120	7	6
3	8	22
20	9	15
180	10	8

Below you can find most effective rule delays.

Place by efficiency	1	2	3	4	5	6	7	8	9	10	11
Delay (sec)	150	30	240	900	60	120	40	180	0	185	600

So we can do simple conclusion based on this result. Just use 150, 30 and 240 seconds delay depends on situation and page content and this should lead to conversations rate increment.

Proactive online chat statistics

As most of you may be know we have proactive chat feature called Rules.
Now after some time is passed we have collected statistics about rules which can help you in own rules configuration. Here we will talk only about first type of rules: time on site.
 You can see auto chat open delay ordered by popularity bellow:

 
   1.   0 sec - 22.3%   
   2.    60 sec - 10.9%
   3.    10 sec -   9.8%
   4.    30 sec -   9.8%
   5.      5 sec -   9.3%
   6.  300 sec -   4.6%
   7.  120 sec -   4.6%
   8.   3 sec -   3.7%
   9.    20 sec -   3.5%
  10. 180 sec -   3.3%
  11. other      - 18.2%

As is shown 0 sec. delay is most popular choice.

We will update this article after one week and tell you how much success dialogs happened for every configured delay from list above. Before this update you can live your guesses here in comments about first 3 places. Most intuitive commentator will get 2 months of p3chat subscription for free.

Affiliate program

   If you have your own website or maybe you are in the process of creating one and in the future you are planning to promote one, team of P3chat will help you generate unlimited income and maximize revenues from your site with minimal effort. We offer one of the most generous affiliate programs in the online consultant’s field.

  We want our partnerships to be mutually beneficial, and you should know that we are interested in your benefit. That’s why we’ve provided many options for our affiliates. First of all if your referrals make payments, you will receive up to 60% of each payment. Besides, the cost of using P3chat widget on your site will be reduced by at least 10% and up to a full cancellation charges.

  To find out more about some details of our programs, please contact our consultant.

Let’s set priorities

After numerous requests from our users, we added the opportunity of setting priorities for operators. It is available right now, so you can manage the workload of each operator!

To configure, go to Departments tab and find Operators section in your account. There you can assign a priority from 0 to 9 to each of your existing operators.

An operator with the lowest priority will be a "chief operator" and, usually, he/she will answer the majority of user questions. A chief operator solves the easiest and routine problems. Depending on their priority, all other operators are appointed as additional operators. They will receive fewer messages, but at the same time they usually have more time to solve the most important and complex issues.

Joomla Live Chat

This screen cast is a How-To about the integration of P3chat Live Chat widget into your Joomla CMS.

1. Start with a site powered by Joomla

Let's add an online chat to the web site, or p3chat plugin for wordpress

In this article I will explain how to add an p3chat online chat solution to web sites powered by Wordpress platform.
First, let me highlight the benefits of this particular service:

• both free edition (1 operator, 1 IM channel, 1 department) and commercial editions for advanced users (starting at $6/mo) are available.
• the chat does not slow down page load time. Actually, the script doesn't even start loading before chat is "activated";
• localization (interfaces in Russian, French, Spanish and more);
• cross-browser support;
• support for a wide range of IM protocols for chat operators (in my case -- for my travel agency representatives). This includes XMPP (jabber), ICQ, Yahoo.

Now let's proceed and try to implement this easy chat solution.

New feature for business

We’ve just completed an enhancement asked enormous number of times. It is automatic chat initiation based on user behavior. No more passive waiting for user to click that chat button and no more risk of never getting a chance to catch her up! Now you’re well-armed to turn every visitor into new customer.

We call this feature Rules and it means that chat window is opened automatically as soon as user behavior conforms to certain rules configured.

There are 3 types of rules:

• Time on site
• Pages/visits
• URL destination

(In a sense, it is similar to Google Analytics’ Goals.)
Time on site
— for this simplest type, you configure the total time spent on site (say, 1 minute) and chat will be opened after that time to let user see there’s someone to help. It doesn’t matter how many pages a visitor will navigate during that period — this is total time as name suggests.

Pages/visits
— lets you catch up visitors demonstrated strong interest. E.g., after configuring 5 pages you’ll get the user invited to chat after she navigated to the 5th page of your site. Note: additionally there can be configured a small timeout of, say, 15 sec before chat is opened upon page load; it can help not insult user immediately after landing new page and get comfortable with it first (psychology, you know).

URL destination
— it is used to open chat when user is on specific page address of your site, e.g. on payment page or exclusive offer materials. Page URL can be configured as Exact Match, Head Match or Regexp (sounds familiar, isn’t it?).

Moreover, all rules can be equipped with a special welcome message that visitor will see when the rule is fired. And, of course, Message history section was enhanced to let you see the performance of your rules.