Updated date:

Salesforce CTI Integration, Setting up Open CTI Sample Application

Author:

This is my first tutorial on Salesforce and in this tutorial we are going to learn how we can setup Open CTI sample application provided by Salesforce. Salesforce has provided a nice tutorial on this but still some developers face challenges to set this up.

I would suggest you to follow this tutorial in your developer org. As this doesn't require coding or programming skills, any SFDC Administrator and Developer can follow this. We will cover how to customize call center settings in my upcoming tutorials.

Installing The Demo Open CTI Adapter

To install demo Open CTI adapter please click on the below link. This will ask you Salesforce credentials. Please note you can install this to your company sandbox also if you have admin privileges but I would recommend you to use developer account as you will have full access.

Salesforce Package Link

Step 1 : Installation of Sample Application

You will see below screen if you provide valid user name and password. This screen gives details about what are the components its going to create. Once you reviewd it you can click on “Continue” button.

Installation details

There is not much to do on this page, click on “Next” to continue.

Accept the default option selected on this page. Only admin users will have access to this package.

This is the final confirmation page before installation of “Demo Open CTI adapter” package begins. Click on “Install” button and Saleforce will take care of “Demo Open CTI adapter” package installation.

salesforce-cti-integration-setting-up-open-cti-sample-application

You will get below page if package installed successfully in your Org. Next we have to do some configuration to see this application in action.

Installation complete

salesforce-cti-integration-setting-up-open-cti-sample-application

Step 2 : Download DemoAdapterCloud.xml

Next go to “Static Resources” or in “Quick Find” search box type “Static Resources” and then select “Static Resource”. In “Static Resources” select “DemoAdapterCloud” resource as highlighted in below screen shot. This is an XML file and this file is required in “Call Center” settings.

DemoAdapterCloud in Static Resources

salesforce-cti-integration-setting-up-open-cti-sample-application

Click on “View file” to open XML file. Once XML file is opened, press “Ctrl + S” to save it on your computer. We will upload this file to SFDC to setup soft phone. This file contains all the required information Soft Phone requires to run properly.

DemoAdapterCloud Details

salesforce-cti-integration-setting-up-open-cti-sample-application

Step 3: Importing DemoAdapterCloud.xml

Now quickly navigate to “Call Centers” from quick find box. Click on “Import” button.

Steps to Import DemoAdapterCloud.xml

salesforce-cti-integration-setting-up-open-cti-sample-application
salesforce-cti-integration-setting-up-open-cti-sample-application
salesforce-cti-integration-setting-up-open-cti-sample-application

Here you have to select XML file (DemoAdapterCloud.xml) which we downloaded from SFDC Static Resources and then click on Import button.

Sample DemoAdapterCloud.xml

<?xml version="1.0" encoding="UTF-8" ?>
<callCenter>
  <section sortOrder="0" name="reqGeneralInfo" label="General Information">
    <item sortOrder="0" name="reqInternalName" label="InternalName">DemoAdapter</item>
    <item sortOrder="1" name="reqDisplayName" label="Display Name">Demo Call Center Adapter</item>
    <item sortOrder="2" name="reqAdapterUrl" label="CTI Adapter URL">https://ap1.salesforce.com/apex/demoCallControl</item>
    <item sortOrder="3" name="reqUseApi" label="Use CTI API">true</item>
    <item sortOrder="4" name="reqSoftphoneHeight" label="Softphone Height">400</item>
    <item sortOrder="5" name="reqSoftphoneWidth" label="Softphone Width">300</item>
  </section>
  <section sortOrder="1" name="reqDialingOptions" label="Dialing Options">
    <item sortOrder="0" name="reqOutsidePrefix" label="Outside Prefix">9</item>
    <item sortOrder="1" name="reqLongDistPrefix" label="Long Distance Prefix">1</item>
    <item sortOrder="2" name="reqInternationalPrefix" label="International Prefix">01</item>
  </section>
</callCenter>

Step 4 : Configuring Call Center

If XML file is valid then you can see below information. This is the minimum information required for soft phone to work. You can customize the XML file and upload to add more information here.

Update CTI Adapter URL

salesforce-cti-integration-setting-up-open-cti-sample-application

Salesforce URL

salesforce-cti-integration-setting-up-open-cti-sample-application

In order to see Demo CTI Adapter on Salesforce UI we have to update “CTI Adapter URL” to currently used domain. To do so check your Salesforce URL. For me its “ap1.salesforce.com” because I am accessing SFDC from India and this could be different for you.

Now update “CTI Adapter URL” to your instance. In my case I updated the URL from “https://c.na6.visual.force.com/apex/demoCallControl” to “https://ap1.salesforce.com/apex/demoCallControl” because my SFDC instance was “ap1.salesforce.com”.

Next step is to add users to this “Call Center”. Please note that, soft phone will be visible to those users whom we assign to “Call Center” settings. To add user click on “Manage Call Center Users” as shown in screen shot.

Follow the simple steps to add Admin users, you can see list of users assigned to “Call Center”.

Add Users To Call Center

salesforce-cti-integration-setting-up-open-cti-sample-application
salesforce-cti-integration-setting-up-open-cti-sample-application
salesforce-cti-integration-setting-up-open-cti-sample-application

Final Call Center Setting

salesforce-cti-integration-setting-up-open-cti-sample-application

Finally : Demo Soft Phone Adapter In Action

Now click on “Home” tab to see soft phone in action.

salesforce-cti-integration-setting-up-open-cti-sample-application
  • Export DataSet and DataTable to Excel 2007 in C#
    There are situations when we want to export data from database to Excel but we don’t have any easy way to so. If you want to export data from C# DataTable to excel in Excel 2003 or older format you will find many tutorials but Excel 2007 format is di
  • Cascading ComboBox in C-Sharp.Net
    Cascading a ComboBox in C# was a logical requirement which I got while developing a CRM application for my client. They want me to show two ComboBoxes, for example, one ComboBox will have bank names like HDFC, Citi Bank, AXIS etc and second ComboBox
  • Windows 8 is running slow after installation
    Change virtual memory on windows to get performance boost.

© 2014 RAJ

Comments

RAJ (author) from India on September 19, 2016:

@Vetriselvan : you can call api function to create task when call is ended.

Vetriselvan on September 19, 2016:

This is a pretty good article. I have a problem here. When the call gets ended the activity is not logged. any configurations?

Naveen on March 08, 2016:

How can i get the saved call logs?

Sam on November 17, 2015:

Can you please provide me new package.

RAJ (author) from India on September 23, 2015:

@murali : which dialer infrastructure your organization own? We have genesys and avaya setup and we built softphone for Genesys dialer.

mkkilari on September 20, 2015:

@RajKishore,

I didn't get any break through to make call, When I load softphone in an Iframe, Please could you help me if you have hands on on this.

Thanks in advance,

Murali Krishna

RAJ (author) from India on September 14, 2015:

@Murali Krishna : its demo softphone which will not work out of the box. It has basic stuff to start your development. I would recommend you to go through Open CTI api guide and demoCallControl visualforce page if you have installed that package.

mkkilari on September 14, 2015:

@RajKishore,

I tried by loading softphone adopter URL in Iframe. But when I make a call using “sendCTIMessage” with appropriate parameters including phone number it is not working.

Can you please help me in this regard.

Thanks in advance,

Murali Krishna

RAJ (author) from India on August 11, 2015:

@murali : You can read your softphone settings in VF page and load softphone in iFrame.

Murali Krishna Kilari on August 11, 2015:

How I can see the soft phone on my custom pages. It is only showing on salesforce layouts.

Thanks in advance.

Related Articles