# Integrating Amplify with the ServiceNow Operations Workspace

Configure Amplify to pick device and user fields from the ServiceNow Operations Workspace interface.

{% hint style="info" %}
**Supported versions**: All versions from Quebec onwards until the latest.
{% endhint %}

1. Open the ticket in the ServiceNow Operations Workspace view.
   * Copy the entire URL of the page.

From the Amplify extension:

2. Right-click on the Amplify extension in the browser extension bar.
3. From the drop-down, click **Options** to open the **Nexthink Amplify configuration** page.
4. Select the **Local** tab under **Web application configuration**.
5. **Add web application** in Amplify and paste the copied URL in the **Web application URL** field.
6. **Select identifier** in Amplify to open the web application URL using the **Field selector** pop-up.

<figure><img src="https://268444917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxJSUDk9NTtCHYPG5EWs3%2Fuploads%2Fgit-blob-bc62177992ece095986fdb399bbbb6d0fb910442%2Fimage-20240313-072040.png?alt=media" alt="image-20240313-072146.png" width="760"><figcaption></figcaption></figure>

7. Switch on the **Disable selector** toggle in the **Field selector** pop-up and navigate to the webpage of interest.
   * Open one of the tickets from the list.
   * When the ticket page loads, switch off the **Disable selector** toggle in the **Field selector** pop-up.

<figure><img src="https://268444917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxJSUDk9NTtCHYPG5EWs3%2Fuploads%2Fgit-blob-498a81afdbc4ba0fee43bab5c51bea11972ca2bc%2Famp-1681463807.png?alt=media" alt="Field selector toggle"><figcaption></figcaption></figure>

8. Use the highlighter to select the **Configuration item** on the ServiceNow **Details** page of the ticket.

<figure><img src="https://268444917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxJSUDk9NTtCHYPG5EWs3%2Fuploads%2Fgit-blob-e3df2cf8d739f9908ec2b91bac539268e9ab6b17%2Famp-1681465038.png?alt=media" alt="Selecting a configuration item"><figcaption></figcaption></figure>

9. Select the **Caller** from the **Record Information** section of the ticket. Once selected, the system loads the element into the **Field selector** pop-up.

<figure><img src="https://268444917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxJSUDk9NTtCHYPG5EWs3%2Fuploads%2Fgit-blob-6f817539a2a1871ff31b5e20a199d272e2b02ccc%2Famp-1681464975.png?alt=media" alt="Selecting the name"><figcaption></figcaption></figure>

10. Copy the content of the **Field editor** from the **Field selector** pop-up into your text editor of choice to partially edit the code:
    * Replace `sn-canvas-screen:nth-of-type(*)` with `sn-canvas-screen:not([style='display: none;'])`.
    * If you see only `sn-canvas-screen` replace it with `sn-canvas-screen:not([style='display: none;'])`. See the image below.

<figure><img src="https://268444917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxJSUDk9NTtCHYPG5EWs3%2Fuploads%2Fgit-blob-6153765bdc5e8c8f0627da5a62faf267f19ed206%2Famp-1681465407.png?alt=media" alt="Changing the code"><figcaption></figcaption></figure>

11. Paste the edited code into the **Field editor** on the **Field selector** pop-up window.
    * Enter the relevant regular expression in the **String selector** field to select the specific part of the string, if required.
12. Click the **Fill field value** button on the **Field selector** pop-up window, to check if you selected the correct field. The information appears in the **Selected field value**.
13. **Save** the **Selected field value** to return to the Amplify extension configuration page
14. **Save** on the **Web application configuration**.
15. Return to the ServiceNow page and refresh to confirm if the **Amplify** button is in the bottom-right corner of the screen.