How to get a ID from the Widget

There are a few vital identifiers that would be very valuable during integration, and it's necessary to effectively troubleshoot issues using these IDs.


💡 Protip

To learn about the different types of IDs in Okra, read this guide.

To get these values from the Widget, please follow the below steps.

  1. Before reproducing the issue, open the Developer Tools on the browser.
    1. Firefox:

      You can open the Firefox Developer Tools from the menu by selecting Tools > Web Developer > Web Developer Tools or use the keyboard shortcut Ctrl + Shift + I or F12 on Windows and Linux, or Cmd + Opt + I on macOS.

    2. Chrome:

      To open the developer console in Google Chrome, open the Chrome Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools.

      You can also use Option + ⌘ + J (on macOS), or Shift + CTRL + J (on Windows/Linux).

  2. Open the Widget in your browser of choice (Chrome, Firefox and etc.).

Developer Tools

  1. Once the Developer Tools tab is open, make sure to select the Network tab and filter by Websocket:
  1. Next, make sure that you load the Widget page after you’ve opened the Network tab.
  2. When the page is loaded select widget-socket/?EIO=3&transport=websocket
  3. Select Messages
  4. Select the message that contains the client id in the payload