# Teams & Sharepoint Web Component

{% hint style="warning" %}
**Attention:** The Blockbrain Team will provide you with your specific Sharepoint package, please provide the following information to you Contact.

* Which bot do you want to integrate?
  {% endhint %}

## Key Steps

### **Step 1: Access SharePoint Admin Center**

<figure><img src="/files/8xrjeMwwOUJvSOs9F8Cs" alt="" width="563"><figcaption></figcaption></figure>

* Navigate to the Microsoft Admin Center.
* Select the SharePoint Admin Center to begin the app upload process.

&#x20;

### **Step 2: Manage Apps Section**

<figure><img src="/files/SG3WopirSpD8B7hNGjZz" alt="" width="563"><figcaption></figcaption></figure>

* In the SharePoint Admin Center, locate the 'Manage Apps' section.
* Click on the 'Upload' button to upload the SharePoint app.

&#x20;

### **Step 3: Upload the App**

* Ensure you have admin rights to upload the app.
* Upload the SharePoint app provided to you.

&#x20;

### **Step 4: Enable the App**

<figure><img src="/files/EdMxRxFmSEaJeiqfzQtr" alt="" width="563"><figcaption></figcaption></figure>

* Choose the default option to enable the app and add it to all SharePoint sites.
* Optionally, select 'Add to Teams' to make the app available in Teams.

{% hint style="warning" %}
Ensure you have the necessary admin rights for both SharePoint and Teams to perform these actions.
{% endhint %}

&#x20;

### **Step 5: Confirm App Availability**

<figure><img src="/files/sEHi1obZ1rIEz9F88g3i" alt="" width="563"><figcaption></figcaption></figure>

* After uploading, confirm that the app is available for both SharePoint and Teams.

## Teams Webcomponent&#x20;

### **Step 6: Manage Permissions in Teams**

<div><figure><img src="/files/IIxEpwqKdZdHNjCFOOb2" alt=""><figcaption></figcaption></figure> <figure><img src="/files/RzN7K3hF3ah6ZqZg9cyb" alt=""><figcaption></figcaption></figure></div>

* As a Teams admin, search for the uploaded app in the 'Manage Apps' section.
* Limit access to specific user groups as needed.

{% hint style="warning" %}
Be aware of user permissions when limiting access to the app.
{% endhint %}

&#x20;

### **Step 7: Add App to Teams**

<figure><img src="/files/E3lJ8exNup1WTBkHPteI" alt="" width="563"><figcaption></figcaption></figure>

* Go to the Teams app and find the organizational apps.
* Edit the app settings to add it to the left pane or a specific channel.

## Sharepoint In-Page Webcomponent

### **Step 8: Create a New SharePoint Page**

<figure><img src="/files/lnwrGYKJWWgjyo2WJmaj" alt="" width="563"><figcaption></figcaption></figure>

* In SharePoint, create a new empty page to demonstrate the app's functionality.

&#x20;

### **Step 9: Add App to SharePoint Page**

<figure><img src="/files/fDJt1soJvCz67xdI1oHg" alt="" width="563"><figcaption></figcaption></figure>

* In the web parts section, search for the uploaded app.
* Add the app to the specific SharePoint page.

&#x20;

### **Step 10: Configure App Settings**

<figure><img src="/files/4uVS8Xnq36NzK00lsICm" alt="" width="563"><figcaption></figcaption></figure>

* Adjust settings such as user login options and bot identifiers as necessary.

## Video

{% embed url="<https://drive.google.com/file/d/1K05u_XkeKNwymIrbU7xFnLv6YW3Cqcxk/view?usp=sharing>" %}


---

# 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.blockbrain.ai/for-admins/web-components/teams-and-sharepoint-web-component.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.