Upgrade to the new Coveo Insight Panel Lightning Component experience
Upgrade to the new Coveo Insight Panel Lightning Component experience
Lightning experience
This release of Coveo for Salesforce features a redesign of the Coveo Insight Panel Lightning Component.

The main updates include:
-
A fresh new design for seamless integration with Salesforce.
-
Out-of-the-box integration of the Coveo Insight Query Summary component.
-
Out-of-the-box integration of the new Filter (
), Full Search (
), Create Article (
), and User Actions (
) icon buttons.
|
Note
If you implemented your Coveo Insight Panel Lightning Component before v4.6, you must upgrade your existing component to the new design to activate the new experience. |
To upgrade your Coveo Insight Panel Lightning Component to the new design, you must:
Add the FilterButton component
-
Access your Coveo Insight Panel Lightning Component.
-
Access the Edit mode by clicking the cog (
) and selecting Edit.
-
Access the Code View tab.
-
Locate the
CoveoSearchbox
element and then add theFilterButton
component:<div class="CoveoSearchbox" data-enable-omnibox="true"></div> <button class="CoveoFilterButton"></button>
Move the coveo-summary-section
element
-
In the Code View tab, locate the
coveo-summary-section
element. -
Cut and paste the
coveo-summary-section
element, along with its content, under thecoveo-search-section
element:<div class="coveo-search-section"> <div class="CoveoSearchbox" data-enable-omnibox="true"></div> <button class="CoveoFilterButton"></button> </div> <div class="coveo-summary-section"> <div class="CoveoInsightQuerySummary"></div> </div>
NoteIf the
QuerySummary
component is present, replace it with theInsightQuerySummary
component.
Add the FullSearchButton, UserActionsButton, and CreateArticleButton components
-
In the Code View tab, locate the
InsightQuerySummary
component. -
Add the
coveo-actionbutton-section
element after theInsightQuerySummary
component:<div class="CoveoInsightQuerySummary"></div> <div class="coveo-actionbutton-section"></div>
-
Add the
FullSearchButton
,UserActionsButton
, and theCreateArticleButton
components inside thecoveo-actionbutton-section
element:<div class="CoveoInsightQuerySummary"></div> <div class="coveo-actionbutton-section"> <button class="CoveoFullSearchButton"></button> <button class="CoveoUserActionsButton"></button> <button class="CoveoCreateArticleButton"></button> </div>
NoteSalesforce knowledge and Lightning Knowledge must be enabled for the
CreateArticleButton
component to work. -
Once you’ve added the new button components, delete the former
FullSearch
,UserActions
, andCreateArticle
components.
Activate the new CSS rules
-
Locate the
search
element:<div id="search" class="CoveoSearchInterface"...></div>
-
Set the
data-sf-design
attribute toluna
as follows:<div id="search" class="CoveoSearchInterface"... data-sf-design="luna" ...></div>
Your Coveo Insight Panel Lightning Component upgrade is now complete.