> For the complete documentation index, see [llms.txt](https://docs.annoto.net/setup-guides/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.annoto.net/setup-guides/openedx/widget-integration-xblock.md).

# 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.

##