# Deployment Guide xBlock

## Overview

This document shows how to add Annoto xBlock to your OpenEdx enviroment.

## In-Video Collaboration Widget Setup

### Installation

sudo -sHu edxapp

source \~/edxapp\_env

pip install -e "git+<https://github.com/Annoto/xblock-in-video-collaboration.git#egg=xblock\\_annoto>"

### Enabling Annoto In Studio

You can enable the Annoto xblock in studio through the advanced settings, as you can see [**in this video**](https://www.youtube.com/watch?v=ZuDNGNghNfg), or in the following instructions:&#x20;

1. From the main page of a specific course, click ​**Settings->Advanced Settings** in the top menu.
2. Check for the Advanced Module List policy key, and add "annoto" in the policy value list.

\[

&#x20;...

&#x20;"annoto",

&#x20;...

]

As seen in the image below:

![](/files/-LydfmpvpJIARMtFjFhU)

3\. In “LTI Passports “, Add value **"annoto-auth:\<annoto\_client\_id>:\<annoto\_client\_secret>"** to LTI Passports list, fill in “annoto-auth:” and then ClientID and Secret, separated by punctuation.

These ClientID and shared secret are provided by Annoto, If you do not have this information, please contact us at: [support@annoto.net](http://support@annoto.net/)

**\[**

&#x20;**...**

&#x20;**"annoto-auth:\<annoto\_client\_id>:\<annoto\_client\_secret>",**

&#x20;**...**

**]**

For example:

\[

&#x20;"annoto-auth:eyJhbGciOiJIUzI1NiJ9.Mjc0NGJhODEtMWQ2OC00YWJkLTg4MGQtODc2MzM1MWRkYTg5.o\_OLJJwbkvUhYumiFWf6TQXSvShVZRuzi2UbijAPMkc:72d6299b5a0d66106f824594a7943303540b15b8b859596d7af2a3ab4f89140a"

]

As seen in the image below:

![](/files/-LydfmpwK8xzOfuICxZE)

4\. Click on the **Save changes** button.

### Check Annoto In-Video Collaboration Installation

\
Once the Annoto Module was added to the Course, it should be added to the course unit, using the following steps:

1\.       On the Course Outline page, open the unit in which you want to add Annoto:

![](/files/-LzB8Xw1XXk4MIZeWtOu)

2\. In the course unit, add the video block.

![](/files/-LzB8Xw23JsT4Ma4vhs1)

3\. Under Add New Component, click ​Advanced​, and then select ​Annoto​.

![](/files/-LzB8Xw3jiPyMbbqNBNP)

![](/files/-LzB8Xw4k4ruiKD8C0XN)

4\. Click Edit and then change Annoto settings as you prefer:

![](/files/-LzB8Xw5H_fwBrDseIuH)

## Support

If you need any additional information or have any questions, please contact us at [Annoto Support](mailto:support@annoto.net?subject=Annoto%20Support)

## Last but not least

To learn more about the Annoto widget in OpenEdX, visit [**How to add Annoto Widget**](https://docs.annoto.net/setup/openedx/how-to-add-annoto-widget) page.&#x20;

In order to learn more about all the wonderful things you can do with Annoto, visit the [**Annoto Widget Guide**](https://docs.annoto.net/guides/annoto-widget/user-guide) page.

##


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.annoto.net/setup-guides/openedx/widget-integration-xblock.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.