{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","settings":"","results":{"codes":[]},"params":[]},"next":{"description":"","pages":[]},"title":"Salesforce iFrame Text Plug-In","type":"basic","slug":"salesforce-iframe-text-plug-in","excerpt":"","body":"This integration is an extension of Sonar placed conveniently within your contact pages in Salesforce. It simultaneously syncs your contact’s number, conversation history, and properties directly into both Salesforce and Sonar. You get all the functionality of Sonar’s text messaging platform and tagging capabilities right within your main sales tool.\n\n##iFrame In Use\n\n**Desktop**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/f371ca4-Try22.gif\",\n        \"Try22.gif\",\n        1250,\n        814,\n        \"#dee2e5\"\n      ]\n    }\n  ]\n}\n[/block]\n**Mobile**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/89c3c67-SFDC_Mobile_Demo-min.gif\",\n        \"SFDC Mobile Demo-min.gif\",\n        750,\n        1293,\n        \"#f4f5f5\"\n      ]\n    }\n  ]\n}\n[/block]\n<br />\n\n##iFrame Setup (Lightning Only)\n  1. Search ‘Lightning App Builder’ in Setup\n  2. Click ‘Edit’ on the Page you wish to add an iFrame to\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/f93a59d-Lightning_App_Builder___Salesforce.png\",\n        \"Lightning_App_Builder___Salesforce.png\",\n        1267,\n        924,\n        \"#365166\"\n      ]\n    }\n  ]\n}\n[/block]\n  3. From the middle section of the page, find where you want to add the iFrame and select that section\n  4. Add a new tab in that section\n  5. Make the new tab label Custom and title whatever you wish. We recommend **\"Sonar SMS\"**\n  6. Drag and drop the Sonar chat into that newly created section\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/76c0c34-Account_Record_Page_-_Lightning_App_Builder.png\",\n        \"Account_Record_Page_-_Lightning_App_Builder.png\",\n        1279,\n        966,\n        \"#c2cddd\"\n      ]\n    }\n  ]\n}\n[/block]\n  7. Click on the Sonar Chat section you just dropped into place\n  8. Select whether this is using the Sonar Sandbox OR Production Environment\n  9. Activate the layout\n  10. Save the layout\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/46a73cb-1eeeee.png\",\n        \"1eeeee.png\",\n        512,\n        388,\n        \"#c2cdde\"\n      ]\n    }\n  ]\n}\n[/block]\n<br />\n##Sonar Chat Canvas\n  1. Navigate to Setup > Apps > App Manager > Sonar Chat Canvas > Manage > Edit Policies\n  2. Update the OAuth Policies Permitted shown to the right\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/395fcfd-sonarchatcanvas.jpg\",\n        \"sonarchatcanvas.jpg\",\n        1600,\n        769,\n        \"#f5f5f7\"\n      ]\n    }\n  ]\n}\n[/block]\n  3. Select Manage Profiles\n  4. Then select all the profiles that need access to the iFrame\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ef79c33-sonarchatprofiles.jpg\",\n        \"sonarchatprofiles.jpg\",\n        1600,\n        695,\n        \"#f7f7f7\"\n      ]\n    }\n  ]\n}\n[/block]","updates":[],"order":4,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"5e7b90968b0b050037a175c2","createdAt":"2020-03-25T17:10:46.358Z","user":"5db22ff7092919001287fb3a","category":{"sync":{"isSync":false,"url":""},"pages":[],"title":"Integrations","slug":"slack-integration","order":6,"from_sync":false,"reference":false,"_id":"57969e3dfa1ff60e006a1274","project":"55208137623ff50d009b2bec","version":"55208137623ff50d009b2bef","__v":0,"createdAt":"2016-07-25T23:18:21.457Z"},"version":{"version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":true,"is_hidden":false,"is_deprecated":false,"categories":["55208138623ff50d009b2bf0","55494a226a82a10d00817ae5","55494ba7ee219b0d001743c8","55494bc1ee219b0d001743cc","56ead8c1df765617008bccaf","573a2073dd007d1700cf288f","579695b1f64c9f0e007cd76c","57969e3dfa1ff60e006a1274","579a4592fd9f3c0e008e4f4a","57ab9afe54fa780e006c5430","57b784f5b7ebd60e009cb4a6","58f686818193090f008cec76","59e79fbd4cf31900341d50c6","5b2436973fd93f0003dcf99d","5d824fb2ce98a801366098a2"],"_id":"55208137623ff50d009b2bef","createdAt":"2015-04-05T00:26:31.564Z","releaseDate":"2015-04-05T00:26:31.563Z","__v":15,"project":"55208137623ff50d009b2bec"},"project":"55208137623ff50d009b2bec","__v":0,"parentDoc":null}

Salesforce iFrame Text Plug-In


This integration is an extension of Sonar placed conveniently within your contact pages in Salesforce. It simultaneously syncs your contact’s number, conversation history, and properties directly into both Salesforce and Sonar. You get all the functionality of Sonar’s text messaging platform and tagging capabilities right within your main sales tool. ##iFrame In Use **Desktop** [block:image] { "images": [ { "image": [ "https://files.readme.io/f371ca4-Try22.gif", "Try22.gif", 1250, 814, "#dee2e5" ] } ] } [/block] **Mobile** [block:image] { "images": [ { "image": [ "https://files.readme.io/89c3c67-SFDC_Mobile_Demo-min.gif", "SFDC Mobile Demo-min.gif", 750, 1293, "#f4f5f5" ] } ] } [/block] <br /> ##iFrame Setup (Lightning Only) 1. Search ‘Lightning App Builder’ in Setup 2. Click ‘Edit’ on the Page you wish to add an iFrame to [block:image] { "images": [ { "image": [ "https://files.readme.io/f93a59d-Lightning_App_Builder___Salesforce.png", "Lightning_App_Builder___Salesforce.png", 1267, 924, "#365166" ] } ] } [/block] 3. From the middle section of the page, find where you want to add the iFrame and select that section 4. Add a new tab in that section 5. Make the new tab label Custom and title whatever you wish. We recommend **"Sonar SMS"** 6. Drag and drop the Sonar chat into that newly created section [block:image] { "images": [ { "image": [ "https://files.readme.io/76c0c34-Account_Record_Page_-_Lightning_App_Builder.png", "Account_Record_Page_-_Lightning_App_Builder.png", 1279, 966, "#c2cddd" ] } ] } [/block] 7. Click on the Sonar Chat section you just dropped into place 8. Select whether this is using the Sonar Sandbox OR Production Environment 9. Activate the layout 10. Save the layout [block:image] { "images": [ { "image": [ "https://files.readme.io/46a73cb-1eeeee.png", "1eeeee.png", 512, 388, "#c2cdde" ] } ] } [/block] <br /> ##Sonar Chat Canvas 1. Navigate to Setup > Apps > App Manager > Sonar Chat Canvas > Manage > Edit Policies 2. Update the OAuth Policies Permitted shown to the right [block:image] { "images": [ { "image": [ "https://files.readme.io/395fcfd-sonarchatcanvas.jpg", "sonarchatcanvas.jpg", 1600, 769, "#f5f5f7" ] } ] } [/block] 3. Select Manage Profiles 4. Then select all the profiles that need access to the iFrame [block:image] { "images": [ { "image": [ "https://files.readme.io/ef79c33-sonarchatprofiles.jpg", "sonarchatprofiles.jpg", 1600, 695, "#f7f7f7" ] } ] } [/block]