{"id":3713,"date":"2019-10-21T09:43:02","date_gmt":"2019-10-21T09:43:02","guid":{"rendered":"https:\/\/staging.txtbox.in\/docs\/salesforce\/knowledge-base\/classic-side-panel-copy\/"},"modified":"2020-04-24T05:19:24","modified_gmt":"2020-04-24T05:19:24","slug":"classic-side-panel-copy","status":"publish","type":"lsvr_kba","link":"https:\/\/staging.txtbox.in\/docs\/salesforce\/knowledge-base\/classic-side-panel-copy\/","title":{"rendered":"Configure Converse Inbox on Classic Side Panel"},"content":{"rendered":"\n<p>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.<\/p>\n\n\n\n<ol>\n<li>From the Salesforce navigation on the top right, click <strong>Setup<\/strong>.\n<\/li>\n<li>Select Home Page Layouts from Home sidebar by:<\/li>\n<ul>\n<li>Using the <strong>Quick Find \/ Search field<\/strong>, or<\/li>\n<li>Selecting <strong>Build &gt; Customize &gt; Home Page Layouts<\/strong>.\n<\/li><br><p> <img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/csp-2.jpg\"><\/p>\n<\/ul>\n<li>On the <strong>Home Page Layouts<\/strong> page, select the layout that you want to edit.<\/li>\n<li>Click <strong>Edit<\/strong> under the Action column.\n<\/li><br><p><img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/csp-3.jpg\"><\/p>\n<li>Select <strong>converse-home<\/strong> under Select Narrow Components to Show.\n<\/li><br><p><img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/csp-4.jpg\"><\/p>\n<li>Click <strong>Next<\/strong>.<\/li>\n<li>On the <strong>Edit Home Layout<\/strong> page select the arrangement of the components for the <strong>Narrow (Left) Column<\/strong> and the <strong>Wide (Right) Column<\/strong>.<\/li><br><p><img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/csp-5.jpg\"><\/p>\n<li>Use one of the following buttons:<br><br>\n<table class=\"wp-block-table is-style-stripes\"><tbody><tr><th>BUTTON<\/th><th>DESCRIPTION<\/th><\/tr><tr><td>Previous<\/td><td>Returns the user to the&nbsp;<strong>Edit Home Layout<\/strong>&nbsp;page.<\/td><\/tr><tr><td>Save &amp; Assign<\/td><td>Saves the arrangements of the components on the home page and the user goes to the&nbsp;<strong>Home Page Layout Assignment<\/strong>&nbsp;page.<\/td><\/tr><tr><td>Save<\/td><td>Saves the arrangements of the components on the home page and returns the user to the&nbsp;<strong>Home Page Layouts<\/strong>&nbsp;page.<\/td><\/tr><tr><td>Preview<\/td><td>Displays the arrangements of the components on the home page.<\/td><\/tr><tr><td>Cancel<\/td><td>Cancels the configuration of the layout and returns the user to the&nbsp;<strong>Home Page Layouts<\/strong>&nbsp;page.<\/td><\/tr><\/tbody><\/table>\n<\/li>\n<li>On the <strong>Home Page Layout Assignment<\/strong> page, you can assign the components to the home page.<\/li>\n<li>When you are done with the layout assignments, click <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Show Conversations on a Record Page Layout<\/h3>\n\n\n\n<ol>\n<li>Log in to Salesforce and click <strong>Setup<\/strong>.\n<\/li>\n<li>Search for <strong>Visualforce<\/strong> and click the relevant option in the search results. The Visualforce Pages appears.<\/li><br>\n<img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/rpl-2.jpg\">\n<li>Click <strong>New<\/strong>.\n<\/li>\n<img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/rpl-3.jpg\">\n<li>Type the label for the page.<\/li>\n<li>Copy and paste the following code in the <strong>Visual Markup<\/strong> section.<\/li><br>\n<pre class=\"wp-block-preformatted\">&lt;apex:page showHeader=\"false\" standardController=\"Contact\"&gt;\n&lt;apex:includeLightning rendered=\"true\"\/&gt; \n&lt;div id=\"lightning\" \/&gt;<br>&lt;script&gt; var recordId = \"{!$CurrentPage.parameters.id}\"; \n$Lightning.use( \"smagicinteract:conversationApp\", function()\n{ $Lightning.createComponent( \"smagicinteract:conversationView\", \n{ recordId : recordId,<br>embedContext : \"detail\", uiContext : \"classic\" },\n\"lightning\", function(cmp) { } ); } ); &lt;\/script&gt;&lt;\/apex:page&gt;<\/pre>\n<li>Change the value of <strong>&#8220;StandardController&#8221;<\/strong> to the object where you wish to add the page.<\/li>\n<li>Click <strong>Save<\/strong>.<\/li>\n<li>As the code is run for the Contact object, on the <strong>Contact Object<\/strong> page, click a <strong>Contact<\/strong> record.<\/li><br><p>\n<img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/rpl-4.jpg\"><\/p>\n<li>Click <strong>Edit Layout<\/strong>.<\/li><br><p>\n<img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/rpl-5.jpg\"><\/p>\n<li>Click <strong>Visualforce<\/strong> pages on the top panel and then drag a blank space field to place within the <strong>Contact Details<\/strong> section.<\/li>\n<li>Also, drag the <strong>Section<\/strong> field to the <strong>Contact Details<\/strong> section and place it after the blank space you have just inserted. The section properties dialog box appears.<\/li><br><p>\n<img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/rpl-6.jpg\"><\/p>\n<li>Perform the following:<\/li>\n<ul>\n<li>Enter a name for the section.<\/li>\n<li>Define a location where the section header will be displayed.<\/li>\n<li>Configure the Column layout.<\/li>\n<li>Define the Tab key order.<\/li>\n<\/ul>\n<li>Click <strong>OK<\/strong>.<\/li>\n<li>Drag the <strong>Visualforce<\/strong> page you have created and place it within this section. The page properties dialog box appears.<\/li><br><p>\n<img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/rpl-7.jpg\"><\/p>\n<li>Perform the following:<\/li>\n<ul>\n<li>Modify the page properties. For example, set the Width to <strong>100%<\/strong>, and Height to <strong>550 pixels<\/strong>.<\/li>\n<li>Select the boxes to display a <strong>Scrollbar<\/strong> and a <strong>Label<\/strong> on the Visualforce page.<\/li>\n<\/ul>\n<li>Click <strong>OK<\/strong>. The <strong>Contact Record Detail<\/strong> page displays the <strong>Conversation<\/strong> view.<\/li><br><p>\n<img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/rpl-8.jpg\"><\/p>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Configure Converse Inbox for all Tabs<\/h3>\n\n\n\n<ol>\n<li>From the Salesforce navigation on the top right, click <strong>Setup<\/strong>.<\/li>\n<li>Select <strong>User Interface<\/strong> from <strong>Home sidebar<\/strong> by:<\/li>\n<ul>\n<li>Using the <strong>Quick Find \/ Search field<\/strong>, or<\/li>\n<li>Selecting <strong>Build &gt; Customize &gt; User Interface<\/strong>.\n<\/li><br><p> <img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/ecd-tabs-1.jpg\"><\/p>\n<\/ul>\n<li>Select <strong>Show Custom Sidebar Components on All Pages<\/strong>.\n<\/li><br><p><img decoding=\"async\" src=\"\/docs\/salesforce\/wp-content\/uploads\/sites\/2\/2019\/09\/ecd-tabs-2.jpg\"><\/p>\n<\/ol>\n<p><span>This enables the Converse Inbox on the sidebar of all pages in Salesforce Classic.<\/span><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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. From the Salesforce navigation on [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"lsvr_kba_cat":[487],"lsvr_kba_tag":[57],"class_list":["post-3713","lsvr_kba","type-lsvr_kba","status-publish","format-standard","hentry","lsvr_kba_cat-configure-converse-inbox","lsvr_kba_tag-converse-1-59-admin"],"_links":{"self":[{"href":"https:\/\/staging.txtbox.in\/docs\/salesforce\/wp-json\/wp\/v2\/lsvr_kba\/3713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.txtbox.in\/docs\/salesforce\/wp-json\/wp\/v2\/lsvr_kba"}],"about":[{"href":"https:\/\/staging.txtbox.in\/docs\/salesforce\/wp-json\/wp\/v2\/types\/lsvr_kba"}],"author":[{"embeddable":true,"href":"https:\/\/staging.txtbox.in\/docs\/salesforce\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.txtbox.in\/docs\/salesforce\/wp-json\/wp\/v2\/comments?post=3713"}],"version-history":[{"count":20,"href":"https:\/\/staging.txtbox.in\/docs\/salesforce\/wp-json\/wp\/v2\/lsvr_kba\/3713\/revisions"}],"predecessor-version":[{"id":3733,"href":"https:\/\/staging.txtbox.in\/docs\/salesforce\/wp-json\/wp\/v2\/lsvr_kba\/3713\/revisions\/3733"}],"wp:attachment":[{"href":"https:\/\/staging.txtbox.in\/docs\/salesforce\/wp-json\/wp\/v2\/media?parent=3713"}],"wp:term":[{"taxonomy":"lsvr_kba_cat","embeddable":true,"href":"https:\/\/staging.txtbox.in\/docs\/salesforce\/wp-json\/wp\/v2\/lsvr_kba_cat?post=3713"},{"taxonomy":"lsvr_kba_tag","embeddable":true,"href":"https:\/\/staging.txtbox.in\/docs\/salesforce\/wp-json\/wp\/v2\/lsvr_kba_tag?post=3713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}