iFrame Integration

Overview:

The Alohaa iframe Widget allows seamless integration of Alohaa's call center functionality into any web application. This document provides the necessary steps to implement and use the widget, from the perspective of a developer, organization admin, & agent.

For Developer:

To embed the Alohaa iframe widget, use the URL:

https://widgets.alohaa.ai/

Points to Note:

  • Global Context: Ensure the iframe is placed in a global context so that the dialer loads only once globally and doesn't reload at every page change.

  • Microphone Access: Users must grant microphone access to enable WebRTC calls (Browser based calls). The client must include the necessary permissions on the iframe to allow microphone access.

For Admin:

Agent creation is a one-time process and should be done from the Alohaa’s admin portal. Please follow these steps:

  1. Log in to the Alohaa’s admin portal.

  2. Navigate to the 'Agents' section.

  3. Click 'Create Agent' and fill in the required details.

  4. Save the agent information and ensure the agent account gets activated.

For Agent:

Logging In:

  1. Open the web application containing the Alohaa iframe widget.

  2. Enter the Alohaa agent ID and credentials in the login form within the iframe.

  3. Click 'Login' and enter the “OTP” to access the dialer.

Making Calls:

  1. Use the contact center functionalities provided within the iframe to make and receive calls.

  2. Ensure the microphone access is granted to enable WebRTC calls (Browser based).

Logging Out:

  1. Click the 'Logout' button within the iframe to end the session.

  2. The iframe will return to the login screen for the next user.

Support:

If you need any assistance, please contact support@alohaa.ai.

Last updated