Library to embed and communicate with aircall-phone in any webpage
Last updated 3 months ago by achauchet .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install aircall-everywhere 
SYNC missed versions from official npm registry.

How to use the Aircall Everywhere in any CRM ?

Include this project in your dependency

npm install -s aircall-everywhere


You need to create an instance to use the library. The constructor has a settings argument:

  • onLogin: Callback function after the phone is fully loaded, logged in, and the connexion between the phone and the CRM is established. This callback will triggers everytime the user logs again. User details and integration settings if any are passed as parameters.
  • onLogout: Callback function after the user logs out of the phone. It will triggers everytime the user logs out.
  • integrationToLoad: You can specify a CRM from which specific settings can be retrieved. Only zendesk or hubspot available for now. You can ignore this if you have your own CRM.
  • domToLoadPhone: You must specify in which element you want to load the phone. Query selector string.
  • size: You can specify a preset for the size of the phone loaded. 3 possibilities:
    • big: 666px by 376px. Recommanded and default value
    • small: 600px by 376px
    • auto: 100% width and height. Not recommanded


import AircallPhone from 'aircall-everywhere';

const aircallPhone = new AircallPhone({
  onLogin: settings => {
    console.log('phone loaded');
  onLogout: () => {},
  domToLoadPhone: '#phone',
  integrationToLoad: 'zendesk',
  size: 'big'

Settings passed in the onLogin callback contains info about the user and integration and looks like this:

  user: {
    email: '',
    first_name: 'John',
    last_name: 'Smith',
    company_name: 'Super Company Inc'
  settings: {

isLoggedIn method

In addition to the onLogin and onLogout callbacks, a isLoggedIn method is provided that will directly asks the phone about its status. The result is a boolean.


aircallPhone.isLoggedIn(res => {
  console.log('login status:', res);

on & send

You can send messages to the phone and listen messages coming from it.

events from the phone:

All events from the phone with the payload associated:

  • incoming_call: there is an incoming call, ringing.
      from: '+15557543010',
      to: '+15551234567',
      call_id: 12345
  • call_end_ringtone: the ringtone has ended.
      answer_status: 'answered | disconnected | refused',
      call_id: 12345
  • outgoing_call: an outgoing call has started
      from: '+15557543010',
      to: '+15551234567',
      call_id: 12345
  • outgoing_answered: an outgoing call has been answered
      call_id: 12345
  • call_ended: a call has been ended
      duration: 20,
      call_id: 12345
  • comment_saved: a comment has been saved about a call
      comment: 'This is a comment',
      call_id: 12345
  • external_dial: a dial has been made from outside of the phone (api/extension)
      phone_number: '+15557543010'
  • powerdialer_updated: a powerdialer campaign has been updated (via extension). There is no payload.
  • redirect_event: event coming from specific CRM settings if it has been enabled in the Aircall Dashboard. Only zendesk and hubspot is supported for now. This event data has this schema:
      type: 'Zendesk::User' | 'Zendesk::Ticket'
      id: <userId> | <ticketId>

call_id parameter is a number per call. duration is in seconds. All numbers are sent in the e.164 format.


aircallPhone.on('incoming_call', callInfos => {
  console.log(`Call from ${callInfos.from} to ${}`);

events the phone listens to:


aircallPhone.send('dial_number', { phone_number: number }, (success, data) => {
  console.log('success of dial:', success);

The callback of the send method has two arguments:

  • success of the request
  • if the request is successful, data from the response sent by the phone
  • if the request is not successful, an error object with an error code and error message:

All generic errors from send:

  • no_event_name: the event name sent is not valid
  • not_ready: Phone is not loaded or logged in yet
  • no_answer: Phone didn't answer, most likely not logged in
  • does_not_exists: The event sent does not exists
  • invalid_response: Phone sent an malformed answer, should not happen
  • unknown_error: Should not happen

List of events:

  • dial_number: with {phone_number: <number>} argument, you can ask the phone to dial the number. Specific errors for this event:

    • in_call: Phone is on a call, retry after the call is ended
  • exit_keyboard: with no argument, you can ask the phone to exit the keyboard view if it is on. Specific errors for this event:

    • in_call: Phone is on a call, retry after the call is ended
    • not_in_keyboard: Phone is not on keyboard screen, so it can't exit the keyboard :D

more events to come...

removeListener method

You can remove a listener added by on with this method.


You can run the demo webpage with: yarn start

tests are available: yarn test yarn test-watch yarn coverage

to create a new version: yarn version --patch|--minor|--major and create a PR. The CI will publish the new version after manual approval.

Current Tags

  • 1.4.1                                ...           latest (3 months ago)

10 Versions

  • 1.4.1                                ...           3 months ago
  • 1.4.0                                ...           3 months ago
  • 1.3.0                                ...           3 months ago
  • 1.2.0                                ...           9 months ago
  • 1.1.0                                ...           10 months ago
  • 1.0.0                                ...           a year ago
  • 0.1.4                                ...           a year ago
  • 0.1.3                                ...           a year ago
  • 0.1.2                                ...           a year ago
  • 0.1.1                                ...           a year ago
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 1
Last Month 21
Dependencies (0)
Dependents (0)

Copyright 2014 - 2016 © |