enable omnipresent agent experience within the app
ART-15490_KNOWLEDGE_NODE-3
app_id: \'<your_unique_app_id>\', |\n| 4 | disable_plug_chat_window: true, |\n| 5 | }); |\n| 6 |  |\n| 7 | window.plugSDK.onEvent((payload) => { |\n| 8 | if (payload.type === \'ON_PLUG_WIDGET_READY\') { |\n| 9 | window.plugSDK.initSearchAgent(); |\n| 10 | } |\n| 11 | }); |\n| 12 | </script> |\n```\n\nTo toggle `searchAgent`, call the following method on any event required:\n\n```\n|  |\n| --- |\n| window.plugSDK.toggleSearchAgent(); |\n```\n\nTo prefill search input from outside the window,
Install Plug search | DevRev | Docs
ART-2894_KNOWLEDGE_NODE-4
2|     window.plugSDK.init({  \n    3|         app_id: \'<your_unique_app_id>\',  \n    4|         disable_plug_chat_window: true,  \n    5|     });  \n    6|   \n    7|     window.plugSDK.onEvent((payload) => {  \n    8|     if (payload.type === \'ON_PLUG_WIDGET_READY\') {  \n    9|         window.plugSDK.initSearchAgent();  \n    10|     }  \n    11|     });  \n    12| </script>\n[/code]  \n  \nTo toggle `searchAgent`, call the following method on any event required:\n\n[code]\n\n
Install PLuG search — DevRev | Docs
ART-15490_KNOWLEDGE_NODE-5
shared any information.\n\nAfter integrating the Plug widget, you can personalize and contextualize customer engagement. Learn how to [identify your customers](/sdks/web/user-identity) and update their information.\n\nBind a hotkey to toggle search agent\n------------------------------------\n\nYou can bind the `toggleSearchAgent` method to a hotkey, such as `Cmd + K` (or `Ctrl + K` for Windows), to toggle the search agent. Here\xe2\x80\x99s an example implementation:\n\n###### Setup\n\n######
Install Plug search | DevRev | Docs
ART-2897_KNOWLEDGE_NODE-18
search agent on your website. This initialization is required before performing any other actions with the PLuG widget SDK.\n\n[code]\n\n    1| useEffect(() => {  \n    ---|---  \n    2|   window.plugSDK.init({  \n    3|     app_id: \'<your_unique_app_id>\',  \n    4|     disable_plug_chat_window: true,  \n    5| });  \n    6|   \n    7|   window.plugSDK.onEvent((payload) => {  \n    8|     if (payload.type === \'ON_PLUG_WIDGET_READY\') {  \n    9|       window.plugSDK.initSearchAgent();  \n
Methods — DevRev | Docs
ART-15504_KNOWLEDGE_NODE-1
is installed, the chat widget appears by default.\n\nGetting your unique app ID\n--------------------------\n\nYou can access your app ID from your DevRev account by following these steps:\n\n1. In DevRev, go to **Settings > Support > Plug Settings** via the settings icon in the top-left corner.\n2. If the Plug feature is not already enabled, click **Enable Plug**.\n3. Under the **Configuration** tab, copy the **Unique App ID**.\n\n###### Setup\n\n###### Setup for React\n\nPlace the following
Install the Web SDK | DevRev | Docs
ART-1466_KNOWLEDGE_NODE-26
agent.\n\nCalling the initSearchAgent() method sets up the PLuG search agent on your website. This initialization is required before performing any other actions with the PLuG widget SDK.\n\n1 useEffect ( () => { 2 window. plugSDK. init ( { 3 app_id : \' <your_unique_app_id> \' , 4 disable_plug_chat_window : true , 5 } ) ; 6 7 window. plugSDK. onEvent ( ( payload ) => { 8 if ( payload. type === \' ON_PLUG_WIDGET_READY \' ) { 9 window. plugSDK. initSearchAgent () ; 10 } 11 } ) ; 12 } , []) ;
Methods — DevRev | Docs
ART-15498_KNOWLEDGE_NODE-6
FooApplication : Application() { |\n| 4 |  |\n| 5 | override fun onCreate() { |\n| 6 | super.onCreate() |\n| 7 | DevRev.configure( |\n| 8 | context = this, |\n| 9 | appId = "<APP_ID>" |\n| 10 | ) |\n| 11 | } |\n| 12 | } |\n```\n\n1. In the `onCreate` method of your `Application`, configure the DevRev SDK with the required parameters using the credentials obtained earlier.\n2. Ensure that the custom application is specified in the `AndroidManifest.xml`, as shown below:\n\n```\n|  |  |\n| --- |
Quickstart guide | DevRev | Docs
ART-15490_KNOWLEDGE_NODE-1
code snippet provided below on every page where you want the widget to appear for website visitors.\n\nUnique app ID\n-------------\n\nEnsure to replace the app ID with your app ID which identifies your Plug search widget. You can access your app ID from your DevRev account by following these steps.\n\n1. In DevRev, go to **Settings** > **Support** > **Plug Settings** through the settings icon in the top-left corner.\n2. Click **Enable Plug Widget** if it isn\xe2\x80\x99t already enabled.\n3.
Install Plug search | DevRev | Docs
ART-12391_KNOWLEDGE_NODE-26
with *Conversation created* or *Ticket\n   created*.\n\n   This trigger is whenever a conversation or ticket gets created by your\n   customers from Portal or Plug, or any of your integration which supports\n   conversation syncing, like Slack, WhatsApp, or email. You can find the\n   integrations in our marketplace.\n2. Add the *Talk to agent* step as the next action. Fill all the required values\n   of this step. The values needed to fill here are explained below.\n3. Deploy the
Conversational workflows | Workflows | Computer by DevRev | DevRev
ART-10697_KNOWLEDGE_NODE-31
boosting engagement and reducing repetitive inquiries. To enable Plug, go to **Settings > Portal Settings**, activate Plug widget, and **Save** and **Publish**.\n\n![]()\xc2\xa0For more information about *Support App*, refer to the following articles: \xe2\x80\xa3 [Support snap-ins | Support](/docs/product/snapins-support) \xe2\x80\xa3 [Support best practices | Support](/docs/product/support-bp) \xe2\x80\xa3 [Support](/docs/product/support) \xe2\x80\xa3
February 2025 | Changelog | DevRev
ART-1463_KNOWLEDGE_NODE-3
section, generate the necessary credentials for SDK usage. Remember to save both the App ID. and App Secret. as they are required in the SDK configuration.\n\nAcquire the Your Unique App ID. (referred to as supportID in the code) by visiting the PLuG Settings. page.\n\nInitialization.\n\nAfter obtaining the necessary credentials, proceed to configure the DevRev SDK within your application.\n\nInitialization of the SDK is accomplished by invoking the configuration method:\n1 DevRev. configure (
Integrate PLuG with your iOS app — DevRev | Docs
ART-12449_KNOWLEDGE_NODE-13
dialog, your application should use the `showSupport` API, as shown in the following example:\n\n###### Kotlin\n\n###### Java\n\n[code]\n\n    1| DevRev.showSupport(context: Context)  \n    ---|---\n[/code]  \n  \n#### Creating a new conversation\n\nYou have the ability to create a new conversation from within your app. The method will show the support chat screen and create a new conversation at the same time.\n\n###### Kotlin\n\n###### Java\n\n[code]\n\n    1|
Features — DevRev | Docs
ART-15509_KNOWLEDGE_NODE-3
experience.\n\nInitialize SDK\n--------------\n\nTo get started with the Plug SDK on your website, call the `init()` method. This method is essential for enabling the SDK\xe2\x80\x99s functionality, including session recording, the chat widget, and the search agent. Initialization is required before you can perform any other actions using the Plug SDK.\n\n```\n|  |  |\n| --- | --- |\n| 1 | useEffect(() => { |\n| 2 | window.plugSDK.init({ |\n| 3 | app_id: <your_unique_app_id>, |\n| 4 | }); |\n|
Methods | DevRev | Docs
ART-2894_KNOWLEDGE_NODE-6
considered an anonymous user. Anonymous users are the users that come to your site and haven\xe2\x80\x99t yet logged in or shared any information.\n\nAfter integrating the PLuG widget, you can personalize and contextualize customer engagement. Learn how to [identify your customers](/public/sdks/web/user-identity) and update their information.\n\n## Bind a hotkey to toggle search agent\n\nYou can bind the `toggleSearchAgent` method to a hotkey, such as `Cmd + K` (or `Ctrl + K` for Windows), to
Install PLuG search — DevRev | Docs
ART-1474_KNOWLEDGE_NODE-6
the application should utilize the showSupport API, as shown below:\n\n1 DevRev. showSupport (context: Context ) Support button.\n\nThe mobile SDK also offers a support button that can be integrated into your application. To include it on the current screen, add the following code to your XML layout:\n\n<ai.devrev.sdk..view.FloatingActionButton android:id="@+id/_fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="24dp"
Integrate PLuG with your Android app — DevRev | Docs
ART-15515_KNOWLEDGE_NODE-24
method:\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.showSupport(from:isAnimated:) |\n```\n\n* When a `UIViewController` is passed as the `from` parameter, the screen is shown modally.\n* When a `UINavigationController` is passed as the `from` parameter, the screen is pushed onto the navigation stack.\n\nIf you want to display the support chat screen from the top-most view controller, use the following method:\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.showSupport(isAnimated:) |\n```\n\nTo
Features | DevRev | Docs
ART-2893_KNOWLEDGE_NODE-1
ID\n\nYou can access your app ID from your DevRev account by following these steps:\n\n  1. In DevRev, go to **Settings > Support > PLuG Settings** via the settings icon in the top-left corner.\n\n  2. If the PLuG feature is not already enabled, click **Enable PLuG**.\n\n  3. Under the **Configuration** tab, copy the **Unique App ID**.\n\n###### Setup\n\n###### Setup for React\n\nPlace the following code in the `<head>` section of your HTML page:\n\n[code]\n\n    1| <script  \n    ---|---  \n
Install the Web SDK — DevRev | Docs