Relatel iFrame API

Required product: Switch Premium
Using the iFrame API, Relatel can automatically open a website directly in the context of an incoming call. Use this to extract information from your backend system about the call and show it to the agent, for instance.

  1. How it works
  2. Requirements
  3. Size of the iframe
  4. Link to install
Relatel iFrame API

How it works

When installing the iframe extension, specify a URL for us to query when the agent is viewing a detail page for a call.

The call number is available as a query parameter.

In other words for this URL:

https://example.com/mysystem/

We issue a GET request to:

https://example.com/mysystem/?number=4571999999

Where 4571999999 is the number of the opposing party. All phone numbers are prefixed with their appropriate country code and have no leading zeros.

Recommendations

Some browsers block content from non-HTTPS endpoints, so make sure your endpoint uses HTTPS.

Size of the iframe

The iframe frame is a responsive square via a variable width.

To make the frame height match that of your content, include this JavaScript just before the closing </body> tag in your HTML.

<script src="https://app.relatel.dk/api/iframe.js" type="text/javascript"></script>

If you manually update the frame height, this function can readjust it:

FF.updateHeight();

Link to install

The end user doesn’t have to know what iframes are to use them. Just give them an install link like:

https://app.relatel.dk/integrations/new?provider=external_app&name=:name&url=:url&description=:description&icon=:icon

Where the parameters are:

Name Description
name
"CRM"
Your product / integration name
url
"https://app.crm.com/relatel_iframe.php?token=asd"
A HTTPS URL the iFrame should load. Keep the access secure by passing an authentication token in the query parameters.
description
"Integrates X service"
A description of what the iframe integrates into Relatel.
icon
"https://exaple.com/icon.png"
An optional icon URL.