Classic Side Panel

Converse Inbox for Classic Side Panel feature helps the user to see and reply to new messages from the Home tab sidebar of your Salesforce Org. This feature is a compact version of the Converse Desk with minimal functionalities focusing on reading and replying to the unread and new messages.

1. From the Salesforce navigation on the top right click Setup.





2. Select Home Page Layouts from Home sidebar by:
• Using the Quick Find / Search field, or
• Selecting Build > Customize > Home Page Layouts.





3. On the Home Page Layouts page select which layout to edit.
4. Click Edit under the Action column.





5. Select converse-home under the Select Narrow Components to Show.





6. Click Next.
7. On the Edit Home Layout page select the arrangement of the components for the Narrow (Left) Column and the Wide (Right) Column.





8. Click one of the following of buttons:
   
   

   BUTTON	DESCRIPTION
   Previous	Returns the user to the Edit Home Layout page.
   Save & Assign	Saves the arrangements of the components on the home page and the user goes to the Home Page Layout Assignment page.
   Save	Saves the arrangements of the components on the home page and returns the user to the Home Page Layouts page.
   Preview	Displays the arrangements of the components on the home page.
   Cancel	Cancels the configuration of the layout and returns the user to the Home Page Layouts page.

9. On the Home Page Layout Assignment page the user can assign certain components to the home page.
10. Click Save once the layout assignment is complete.

Conversation On Record Page Layout

1. Log in to Salesforce and click Setup. The Setup page appears.





2. Search for Visualforce and click the relevant option in the search results. The Visualforce Pages appears.





3. Click New. The New VisualForce page appears.





4. Type the label for the page.
5. Copy and paste the following code in the Visual Markup section.



<apex:page showHeader="false" standardController="Contact">
<apex:includeLightning rendered="true"/> 
<div id="lightning" />
<script> var recordId = "{!$CurrentPage.parameters.id}"; 
$Lightning.use( "smagicinteract:conversationApp", function()
{ $Lightning.createComponent( "smagicinteract:conversationView", 
{ recordId : recordId,
embedContext : "detail", uiContext : "classic" },
"lightning", function(cmp) { } ); } ); </script></apex:page>

6. Change the value for “StandardController” to the object where you wish to add the page.
7. Click Save.
8. As the code is run for the Contact object, on the Contact Object page, click a Contact record.The Contact record details appear.





9. Click Edit Layout. The Edit Layout page appears.





10. Click Visualforce pages on the top panel and then drag a blank space field to place within the Contact Details section.
11. Also drag the Section field to the Contact Details section and place it after the blank space you have just inserted. The section properties dialog box appears.





12. Do the following:
• Type a name for the section.
• Define a location where the section header will be displayed.
• Configure the Column layout.
• Define the Tab key order.
13. Click OK.
14. Drag the Visualforce page you have created and place it within this section. The page properties dialog box appears.





15. Do the following:
• Modify the page properties. For example, set the Width to 100%, and Height to 550 pixels.
• Select the boxes to display a Scrollbar and a Label on the Visualforce page.
16. Click OK. The Contact Record Detail page displays the Conversation view.

Configure Converse Inbox For All Tabs

1. From the Salesforce navigation on the top right click Setup.
2. Select User Interface from Home sidebar by:
• Using the Quick Find / Search field, or
• Selecting Build > Customize > User Interface.





3. Select Show Custom Sidebar Components on All Pages.

This enables the Converse Inbox to be seen on sidebar of all pages in the Classic version of the application.