Skip to content

Embed a phone into any webpage with RingCentral Embeddable

Introducing the RingCentral Embeddable 2.0 beta

We are excited to announce and make available the next generation of the RingCentral Embeddable product. In addition to a new design and user interface, Embeddable 2.0 comes with new features including call recording playback and a new SMS/messaging inbox. Developers will enjoy new ways to extend the user interface without having to know or code HTML and CSS.

Learn more

RingCentral Embeddable provides a ready-to-use, fully-functional web phone that can be embedded into any web site. Embeddable is a javascript wrapper around the foundational RingCentral Widgets Library. By adding a few lines of javascript, anyone can embed a phone into any web page in seconds.

Quick start

Add following code to any website's header to embed a RingCentral phone into that page. 

<script>
  (function() {
    var rcs = document.createElement("script");
    rcs.src = "https://apps.ringcentral.com/integration/ringcentral-embeddable/latest/adapter.js";
    var rcs0 = document.getElementsByTagName("script")[0];
    rcs0.parentNode.insertBefore(rcs, rcs0);
  })();
</script>

Add the following anywhere on your webpage.

<iframe width="300" height="500" allow="microphone" 
  src="https://apps.ringcentral.com/integration/ringcentral-embeddable/latest/app.html">
</iframe>

Or access our RingCentral Embeddable configuration tool for a live demo.

When loading RingCentral Embeddable for the first time, users will need to grant access to their microphone and speaker.

Prerequisites

  • A RingCentral account
  • A supported browser, including:
    • Chrome
    • Microsoft Edge
    • Firefox

Removing the "FOR DEMO PURPOSES ONLY" banner

You may observe that a banner appears when running the sample code above. To remove this banner, please register your own application and use the client ID associated with that application.