# How to Install Origami Connect Web Parts via SharePoint App Catalog

**URL:** <https://community.origamiconnect.com/t/how-to-install-origami-connect-web-parts-via-sharepoint-app-catalog/56>\
**Category:** How-Tos & Manuals for Origami Connect\
**Created:** [July 15, 2020, 10:27pm UTC](https://community.origamiconnect.com/t/how-to-install-origami-connect-web-parts-via-sharepoint-app-catalog/56 "2020-07-15T22:27:10Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![origami](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.origamiconnect.com/origami/32/436_2.png) [@origami](https://community.origamiconnect.com/u/origami)\
**Post date:** [July 15, 2020, 10:27pm UTC](https://community.origamiconnect.com/t/how-to-install-origami-connect-web-parts-via-sharepoint-app-catalog/56/1 "2020-07-15T22:27:10Z")

</div>

> ⚠ You will need to log in as SharePoint Admin for this.

1. Log in to your [Microsoft 365 admin center](http://admin.microsoft.com/) page as **SharePoint Admin**

2. Click on the SharePoint admin center link as shown below:  
 ![image](https://canada1.discourse-cdn.com/flex031/uploads/origamiconnect/original/2X/f/fd76a3ea5e0d62832c535153d920bba4ec74aec9.png)

3. In the left-hand side navigation click on **More Features**.  
 ![image](https://canada1.discourse-cdn.com/flex031/uploads/origamiconnect/original/2X/f/ffd22b877b6fc09af9f975b0af12d25f5ef2fd8d.png)

4. From the list on the page, click the **Open** button under the **Apps**.  

5. Your Origami account manager sent you an installation package (about 40 files with \ ***.sppkg** extension). Download these SPFX packages to your computer and then upload each of them to the **App Catalog** , one by one.

6. For each of the files you upload, wait for the following confirmation to come up and select one of two options:  

⚠ **Which option do you select?**

- **Only enable this app** - let Origami be used only on some sites and not the whole organization.
- **Enable this app and add it to all sites** - let the whole organization use Origami.

1. Click **Enable app** button and wait for completion.

2. Repeat steps 5-7 for **each of the files one by one** in the package provided.

NOTE: After you enable some apps, you might be asked to **[Set up an API permission]**. This step can be skipped by clicking the **[I’ll do it later]** button. Additional permissions can be given on an as-needed basis later.

> **Enabling Origami on selected sites**
>
> This applies only if you opted to use Origami on some sites and not the whole organization (if you selected **Only enable this app** in step 6 in the sequence above).
> 
> 1. Go to the site collection on which you’d like to enable Origami.
> 2. Click **[\*]** → **Add an app**  
> ![image](https://canada1.discourse-cdn.com/flex031/uploads/origamiconnect/original/2X/1/17082fb946642b76e258e6d441941c81ce709a96.png)
> 3. Under the **Apps you can add** , click **Add** for each of the Origami apps you’d like to enable.  
> ![image](https://canada1.discourse-cdn.com/flex031/uploads/origamiconnect/original/2X/4/44bd10bc88d16f5601613a6e82e9b61d1a0e01be.png)
> 
> Now your page authors can add this web part to pages as shown in the [Getting Started](https://www.loom.com/share/8a7ae0548368435f88346e1b0d15ef91?sid=cb8eb966-2c7b-4f62-adf9-8b1c42367f5d) video

> **Unable to upload to your SharePoint App Catalog?**
>
> If you’re unable to complete the sequence above because you don’t see the Upload button in your App Catalog, then follow the steps below:
> 
> 1. Navigate to the SharePoint admin center.  
> 
> 2. In the left-hand side navigation click on the **Sites → Active Sites** link.
> 
> 3. Search for the URL of your App Catalog.  
> 
> 4. Click on the title of the app catalog site.
> 
> 5. In the flyout window, select the [Permissions] tab and add your username as an **Admin** in the list.
> 
> NOTE: If you’re still unable to upload to the App Catalog even though your **Upload** button is available but you’re getting “Access denied” error, be sure to disable ‘ **Block Custom Scripts** ’ on the App Catalog and SharePoint admin center.

> **Optional site configuration for legacy web parts**
>
> If you’re using an installation package released prior to June 2023, you’ll need to do these additional installation steps.
> 
> 1. Navigate to the site which will be your intranet home page.
> 2. Create a new list **Custom List** and give it a name **[Config]**.  
> Here is how to create a SharePoint list → [Create a list | Microsoft Support](https://support.microsoft.com/en-us/office/create-a-list-0d397414-d95f-41eb-addd-5e6eff41b083)
> 3. Add a new list column called **[Value]**. The type of the column should be a **Single line of text**
> 4. The minimum values required in the list are:  
> 5.1 **Title** : PrimaryColour **Value** : [hex of your primary color; example: #385d7f]  
> 4.2 **Title** : SecondaryColour **Value** : [hex of your secondary color; example: #e18719]  
> 4.3 **Title** : origamirootsiteindicatorkey2019 **Value** : origamirootsiteindicatorkey2019