SlideShare a Scribd company logo
Customizing the Salesforce Console
with the Integration Toolkit
Add a little pow-wow to your Console
Andy Mahood, Tquila, Technical Architect
@andymahood__c
Safe harbor
Safe harbor statement under the Private Securities Litigation Reform Act of 1995:
This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties
materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results
expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be
deemed forward-looking, including any projections of product or service availability, subscriber growth, earnings, revenues, or other
financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any
statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services.
The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new
functionality for our service, new products and services, our new business model, our past operating losses, possible fluctuations in our
operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of any
litigation, risks associated with completed and any possible mergers and acquisitions, the immature market in which we operate, our
relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our
service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to
larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is
included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent
fiscal quarter. These documents and others containing important disclosures are available on the SEC Filings section of the Investor
Information section of our Web site.
Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently
available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions
based upon features that are currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these
forward-looking statements.
Andy Mahood
Technical Architect at Tquila
@andymahood__c

Gautam Vasudev
Senior Product Manager for
Service Cloud at Salesforce.com
Agenda
Explore the Salesforce Console and how to extend the UI.
▪ Review the Console
▪ Introduce Console Toolkit
▪ Demos
▪ Console Roadmap, past and future
▪ Q&A
What is the Salesforce Console?
Next Generation Multi Channel Console
Split Screen for multi-tasking
Split Screen for multi-tasking
Records open as tabs and sub-tabs
Where are the developer hooks?
Custom Console Components in the footer
Footer Components can pop out
Same-origin policy
Even better with Integration Toolkit
Even better with Integration Toolkit
Even better with Integration Toolkit
Even better with Integration Toolkit
LETS DIG INTO THE SALESFORCE CONSOLE
INTEGRATION TOOLKIT
Salesforce Console Integration Toolkit
The Toolkit is a Javascript API.

<apex:includeScript value="/support/console/28.0/integration.js"/>
Toolkits is Asynchronous
The Toolkits API is asynchronous. Important when you start
building.
Types of Methods available to the Toolkit
•

Interacting with Primary Tabs and Sub tabs
•
•

•

Open/Close/Focus Tabs
Get ID of record within Tab for Context

Interacting with the Console UI
•

Controlling behavior of component buttons
•

•

•

Events, for instance when Primary Tab changes

Methods for CTI and Live Agent
•

•

Change Text, Icon, Scroll Text etc.

Build custom interfaces for Telephony and Live Agent

Push Notifications
•

Allow List Views and Page Layouts within Console to update dynamically when changes are made in
other sessions
DEMO TIME
Props to the Tquila team
• Ivan Almeida
• Piotr Czechumski
• Liza Romanenko
• David Darkins
Similar Contacts and Open Cases
• Problem
•

Lots of Duplicate Contacts in the
System

•

Struggle to see Contacts Case History

• Solution
•

Custom Sidebar that finds similar
contacts

•

Lists all their Open and Recent Cases

•

Allows the Case to be reallocated or
new cases created
Reminders
• Problem
•

Activities can be assigned to users

•

Users should live in the Console

•

Users need to have visibility of their
Task list

• Solution
•

List activities with reminders due

•

Button will highlight when reminders
are due as Call to Action

•

Button will identify the number of
reminders due
All the sample code on Github

github.
com/andymahood/SalesforceConsole-Samples
Roadmap
Feature Recap
Console Integration Toolkit

Knowledge Component*

CTI

Tab Components

Pinned List

Highlights Panel

Footer Components

Bookmarkable URLs

Personalization

Push Notifications

Lookup Component

Custom Logos

Recently Used Tabs

Canvas Components

Live Agent

Standard Keyboard Shortcuts

Custom Keyboard Shortcuts

Interaction Log

Home Tab
Multi-Components

Specify
dimensions in
% or px

Multiple
stacking styles

Multiple
components in
a region
Multi-Monitor Support

Monitor 1

Monitor 2
Roadmap
Winter ‘14
Turnkey Console

Spring ‘14
Turnkey Console (Dreamforce)

Summer ’14
Turnkey Console

1.

Keyboard Shortcuts Panel

1. Multiple Monitor Support

1. Related List Component

2.

IE10 Support

2. Multi-Components

2. Interaction Log Refactor

3.

Recent Used Component

3. Knowledge One

4.

Canvas App Integration

5.

Home Page Tab In Console

1. New Pinned List Component

6.

Lookup Component

2. Console Setting Component

7.

Push Notification Refactor

3. Next Gen Console Console

8.

Open CTI Standby URL

4. UI Themes & Branding

Beyond Summer ’15
Andy Mahood

Gautam Vasudev

Technical Architect at Tquila

Senior Product Manager for Service
Cloud at Salesforce.com

@andymahood__c

More Related Content

PPTX
Developing Salesforce Console Apps with Visualforce & the Integration Toolkit
PDF
Customizing the salesforce console with the integration toolkit mt
PPTX
Customizing the Salesforce Console with the Integration Toolkit (DF13)
PPTX
Build Faster with Base Lightning Components
PPTX
Preparing for Lightning: Replacing URL Hacks with Actions
PPTX
Winter'18 Developer Preview Webinar
PPTX
A Developer's Guide To Building Great Salesforce Consoles
PDF
Df14 Maintaining your orgs setup for optimal efficiency for dist
Developing Salesforce Console Apps with Visualforce & the Integration Toolkit
Customizing the salesforce console with the integration toolkit mt
Customizing the Salesforce Console with the Integration Toolkit (DF13)
Build Faster with Base Lightning Components
Preparing for Lightning: Replacing URL Hacks with Actions
Winter'18 Developer Preview Webinar
A Developer's Guide To Building Great Salesforce Consoles
Df14 Maintaining your orgs setup for optimal efficiency for dist

What's hot (20)

PPTX
Build custom user interfaces for your Salesforce data with the UI API
PPTX
Build Smarter Apps with Einstein Platform Services
PPTX
Best Practices for Lightning Apps
PDF
Community Cloud: New in Summer ‘18
PDF
Introducing: The Lightning Experience
PPTX
Embed Customer Support into your Apps with Snap-ins
PPTX
Salesforce Lightning component framework from 0 to app
PPTX
Salesforce Winter 16 Release Overview
PPTX
Elevate Madrid Essentials - Advance Track
PPTX
Build Apps Visually with Lightning App Builder
PDF
Sales Cloud Lightning Migration Best Practices
PPTX
Lightning Components Introduction
PDF
#DF17Recap series: Integrate apps easier with the Salesforce platform
PDF
Modern Development with Salesforce DX
PDF
Make Your App Lightning Ready with Winter '17 (December 8, 2016)
PPTX
Salesforce Lightning Experience Overview by Brainiate
PDF
Build Smarter Apps with Einstein Object Detection
PPTX
Snap-in Service to Web and Mobile Apps
PPTX
Salesforce Lightning Web Components - Open Source
PDF
Building Lightning Components for ISVs (Dreamforce 2015)
Build custom user interfaces for your Salesforce data with the UI API
Build Smarter Apps with Einstein Platform Services
Best Practices for Lightning Apps
Community Cloud: New in Summer ‘18
Introducing: The Lightning Experience
Embed Customer Support into your Apps with Snap-ins
Salesforce Lightning component framework from 0 to app
Salesforce Winter 16 Release Overview
Elevate Madrid Essentials - Advance Track
Build Apps Visually with Lightning App Builder
Sales Cloud Lightning Migration Best Practices
Lightning Components Introduction
#DF17Recap series: Integrate apps easier with the Salesforce platform
Modern Development with Salesforce DX
Make Your App Lightning Ready with Winter '17 (December 8, 2016)
Salesforce Lightning Experience Overview by Brainiate
Build Smarter Apps with Einstein Object Detection
Snap-in Service to Web and Mobile Apps
Salesforce Lightning Web Components - Open Source
Building Lightning Components for ISVs (Dreamforce 2015)
Ad

Viewers also liked (15)

PDF
Salesforce API: Salesforce Console Deep Dive
PDF
Salesforce.com API Series: Service Cloud Console Deep Dive
PPTX
Apex triggers, force_ide_and_deployment
PDF
Brainiate - Giller - About Me
PDF
Exposing Salesforce REST Services Using Swagger
PDF
Salesforce Application Lifecycle Management presented to EA Forum by Sam Garf...
PPTX
Triggers and order of execution1
PDF
Best Practices for Team Development in a Single Org
PPTX
Hybrid IT: The Importance of Integration to Salesforce Success
PPT
Salesforce implementation best practices
PPT
The Ideal Salesforce Development Lifecycle
PPTX
Service Cloud Console as a Platform
PPTX
Salesforce Winter 17 Release Overview
PDF
AI is the New UI - Tech Vision 2017 Trend 1
PPTX
Salesforce Development Best Practices
Salesforce API: Salesforce Console Deep Dive
Salesforce.com API Series: Service Cloud Console Deep Dive
Apex triggers, force_ide_and_deployment
Brainiate - Giller - About Me
Exposing Salesforce REST Services Using Swagger
Salesforce Application Lifecycle Management presented to EA Forum by Sam Garf...
Triggers and order of execution1
Best Practices for Team Development in a Single Org
Hybrid IT: The Importance of Integration to Salesforce Success
Salesforce implementation best practices
The Ideal Salesforce Development Lifecycle
Service Cloud Console as a Platform
Salesforce Winter 17 Release Overview
AI is the New UI - Tech Vision 2017 Trend 1
Salesforce Development Best Practices
Ad

Similar to Customizing the Salesforce Console With the Integration Toolkit (20)

PDF
Supercharge Your Salesforce Console
PDF
Supercharge Productivity With Lightning Console Apps
PPT
Building Visualforce Custom Events Handlers
PDF
Five Developer Tips Every Admin Needs To Know
PDF
Introduction to Force.com
PPTX
San Diego Salesforce User Group - Lightning Overview
PDF
Coding for Declarative Customizations: How We Do It in Salesforce.com IT
PPTX
Build Better Communities with Lightning
PDF
Gesture Controlled Interactions with Platform Events and IoT Explorer
PPSX
Process Automation Showdown Session 1
PDF
Visualforce Hack for Junction Objects
PDF
Planning Your Migration to the Lightning Experience
PDF
Einstein Analytics for Developers
PPTX
Go Faster with Lightning Process Builder
PPTX
Entwicklung angepasster User Interfaces für Salesforce1
PPSX
Process Automation Showdown Session 2
PDF
CodeLive with Cynthia Thomas - Refactoring data dependent code.
PDF
Force.com Friday: Intro to Force.com Slides
PDF
Transition to the Lightning Experience: Pro Tips, Tools and a Transition Stra...
PPTX
Apply the Salesforce CLI To Everyday Problems
Supercharge Your Salesforce Console
Supercharge Productivity With Lightning Console Apps
Building Visualforce Custom Events Handlers
Five Developer Tips Every Admin Needs To Know
Introduction to Force.com
San Diego Salesforce User Group - Lightning Overview
Coding for Declarative Customizations: How We Do It in Salesforce.com IT
Build Better Communities with Lightning
Gesture Controlled Interactions with Platform Events and IoT Explorer
Process Automation Showdown Session 1
Visualforce Hack for Junction Objects
Planning Your Migration to the Lightning Experience
Einstein Analytics for Developers
Go Faster with Lightning Process Builder
Entwicklung angepasster User Interfaces für Salesforce1
Process Automation Showdown Session 2
CodeLive with Cynthia Thomas - Refactoring data dependent code.
Force.com Friday: Intro to Force.com Slides
Transition to the Lightning Experience: Pro Tips, Tools and a Transition Stra...
Apply the Salesforce CLI To Everyday Problems

More from Salesforce Developers (20)

PDF
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
PDF
Maximizing Salesforce Lightning Experience and Lightning Component Performance
PDF
Local development with Open Source Base Components
PPTX
TrailheaDX India : Developer Highlights
PDF
Why developers shouldn’t miss TrailheaDX India
PPTX
CodeLive: Build Lightning Web Components faster with Local Development
PPTX
CodeLive: Converting Aura Components to Lightning Web Components
PPTX
Enterprise-grade UI with open source Lightning Web Components
PPTX
TrailheaDX and Summer '19: Developer Highlights
PDF
Live coding with LWC
PDF
Lightning web components - Episode 4 : Security and Testing
PDF
LWC Episode 3- Component Communication and Aura Interoperability
PDF
Lightning web components episode 2- work with salesforce data
PDF
Lightning web components - Episode 1 - An Introduction
PDF
Migrating CPQ to Advanced Calculator and JSQCP
PDF
Scale with Large Data Volumes and Big Objects in Salesforce
PDF
Replicate Salesforce Data in Real Time with Change Data Capture
PDF
Get Into Lightning Flow Development
PDF
Integrate CMS Content Into Lightning Communities with CMS Connect
PDF
Introduction to MuleSoft
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Maximizing Salesforce Lightning Experience and Lightning Component Performance
Local development with Open Source Base Components
TrailheaDX India : Developer Highlights
Why developers shouldn’t miss TrailheaDX India
CodeLive: Build Lightning Web Components faster with Local Development
CodeLive: Converting Aura Components to Lightning Web Components
Enterprise-grade UI with open source Lightning Web Components
TrailheaDX and Summer '19: Developer Highlights
Live coding with LWC
Lightning web components - Episode 4 : Security and Testing
LWC Episode 3- Component Communication and Aura Interoperability
Lightning web components episode 2- work with salesforce data
Lightning web components - Episode 1 - An Introduction
Migrating CPQ to Advanced Calculator and JSQCP
Scale with Large Data Volumes and Big Objects in Salesforce
Replicate Salesforce Data in Real Time with Change Data Capture
Get Into Lightning Flow Development
Integrate CMS Content Into Lightning Communities with CMS Connect
Introduction to MuleSoft

Recently uploaded (20)

PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
Spectroscopy.pptx food analysis technology
PPTX
Big Data Technologies - Introduction.pptx
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
KodekX | Application Modernization Development
PPT
Teaching material agriculture food technology
Chapter 3 Spatial Domain Image Processing.pdf
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Spectroscopy.pptx food analysis technology
Big Data Technologies - Introduction.pptx
Unlocking AI with Model Context Protocol (MCP)
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Mobile App Security Testing_ A Comprehensive Guide.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
MYSQL Presentation for SQL database connectivity
Spectral efficient network and resource selection model in 5G networks
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Understanding_Digital_Forensics_Presentation.pptx
MIND Revenue Release Quarter 2 2025 Press Release
Encapsulation_ Review paper, used for researhc scholars
Dropbox Q2 2025 Financial Results & Investor Presentation
KodekX | Application Modernization Development
Teaching material agriculture food technology

Customizing the Salesforce Console With the Integration Toolkit

  • 1. Customizing the Salesforce Console with the Integration Toolkit Add a little pow-wow to your Console Andy Mahood, Tquila, Technical Architect @andymahood__c
  • 2. Safe harbor Safe harbor statement under the Private Securities Litigation Reform Act of 1995: This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services. The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of any litigation, risks associated with completed and any possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent fiscal quarter. These documents and others containing important disclosures are available on the SEC Filings section of the Investor Information section of our Web site. Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.
  • 3. Andy Mahood Technical Architect at Tquila @andymahood__c Gautam Vasudev Senior Product Manager for Service Cloud at Salesforce.com
  • 4. Agenda Explore the Salesforce Console and how to extend the UI. ▪ Review the Console ▪ Introduce Console Toolkit ▪ Demos ▪ Console Roadmap, past and future ▪ Q&A
  • 5. What is the Salesforce Console?
  • 6. Next Generation Multi Channel Console
  • 7. Split Screen for multi-tasking
  • 8. Split Screen for multi-tasking
  • 9. Records open as tabs and sub-tabs
  • 10. Where are the developer hooks?
  • 11. Custom Console Components in the footer
  • 14. Even better with Integration Toolkit
  • 15. Even better with Integration Toolkit
  • 16. Even better with Integration Toolkit
  • 17. Even better with Integration Toolkit
  • 18. LETS DIG INTO THE SALESFORCE CONSOLE INTEGRATION TOOLKIT
  • 19. Salesforce Console Integration Toolkit The Toolkit is a Javascript API. <apex:includeScript value="/support/console/28.0/integration.js"/>
  • 20. Toolkits is Asynchronous The Toolkits API is asynchronous. Important when you start building.
  • 21. Types of Methods available to the Toolkit • Interacting with Primary Tabs and Sub tabs • • • Open/Close/Focus Tabs Get ID of record within Tab for Context Interacting with the Console UI • Controlling behavior of component buttons • • • Events, for instance when Primary Tab changes Methods for CTI and Live Agent • • Change Text, Icon, Scroll Text etc. Build custom interfaces for Telephony and Live Agent Push Notifications • Allow List Views and Page Layouts within Console to update dynamically when changes are made in other sessions
  • 23. Props to the Tquila team • Ivan Almeida • Piotr Czechumski • Liza Romanenko • David Darkins
  • 24. Similar Contacts and Open Cases • Problem • Lots of Duplicate Contacts in the System • Struggle to see Contacts Case History • Solution • Custom Sidebar that finds similar contacts • Lists all their Open and Recent Cases • Allows the Case to be reallocated or new cases created
  • 25. Reminders • Problem • Activities can be assigned to users • Users should live in the Console • Users need to have visibility of their Task list • Solution • List activities with reminders due • Button will highlight when reminders are due as Call to Action • Button will identify the number of reminders due
  • 26. All the sample code on Github github. com/andymahood/SalesforceConsole-Samples
  • 28. Feature Recap Console Integration Toolkit Knowledge Component* CTI Tab Components Pinned List Highlights Panel Footer Components Bookmarkable URLs Personalization Push Notifications Lookup Component Custom Logos Recently Used Tabs Canvas Components Live Agent Standard Keyboard Shortcuts Custom Keyboard Shortcuts Interaction Log Home Tab
  • 29. Multi-Components Specify dimensions in % or px Multiple stacking styles Multiple components in a region
  • 31. Roadmap Winter ‘14 Turnkey Console Spring ‘14 Turnkey Console (Dreamforce) Summer ’14 Turnkey Console 1. Keyboard Shortcuts Panel 1. Multiple Monitor Support 1. Related List Component 2. IE10 Support 2. Multi-Components 2. Interaction Log Refactor 3. Recent Used Component 3. Knowledge One 4. Canvas App Integration 5. Home Page Tab In Console 1. New Pinned List Component 6. Lookup Component 2. Console Setting Component 7. Push Notification Refactor 3. Next Gen Console Console 8. Open CTI Standby URL 4. UI Themes & Branding Beyond Summer ’15
  • 32. Andy Mahood Gautam Vasudev Technical Architect at Tquila Senior Product Manager for Service Cloud at Salesforce.com @andymahood__c