Install and deploy Ichicraft Widgets from Microsoft AppSource

Installing Ichicraft Widgets is easy, just follow the steps and you’ll be up and running in no time. First follow the general installation steps (part 1), then follow the steps to install in SharePoint Online (part 2). If you want to offer Ichicraft Widgets as a personal app in Microsoft Teams, you must also follow the steps in (part 3).

Part 1: Install

  1. Browse to the tenant-wide App Catalog

    You must have set up and configured the tenant-wide App Catalog in your Office 365 tenant. Please see Set up your Office 365 tenant and follow the Create app catalog site section. If your tenant-wide App Catalog has already been provisioned you will need (access to) an account that has permissions to upload a package to complete the installation process.

    If you do not know how to locate it, try browsing to the following link (replace {your-tenant-name} with the tenant name from your SharePoint url):

    https://{your-tenant-name}-admin.sharepoint.com/_layouts/15/online/ManageAppCatalog.aspx

  2. Click on the gear icon in the top right corner and select Add an app.

  3. Open the SharePoint Store from the Quick Launch navigation on the left.

  4. Type our unique code (WA200001990) in the search box to find the Ichicraft Widgets App quickly and click on the app.

  5. Click on  ADD IT button

  6. You will be redirected to the App Catalog and should see the following screen, click on Deploy.

  7. After deployment you will be redirect to the Apps for SharePoint Library.

  8. Continue with steps in Part 2 (Add Ichicraft to your modern SharePoint intranet)

Part 2: Add Ichicraft Widgets to your modern SharePoint intranet

To install and configure the web part and site collection you will need to complete the following steps:

  1. Provision/Identify Modern Communication Site

    Either identify an existing SharePoint communication site or provision a new one in your SharePoint Online tenant. For more information about how to provision a communication site see Create a communication site in SharePoint Online and follow the instructions.

  2. Activate Ichicraft Widgets App

    a. On the site where you want to add an app, push the Office 365 Settings button on the navigation bar at the top of the screen and then click Add an app.
    b. On the Your Apps page you should see something like this:

     

    c. Click on “Ichicraft-WidgetBoardWebpart” to activate the app in your site,  making the widget board web part available

  3. Add Widget Board web part to the page and start configuration

    a. Navigate to the respective modern page where you would like to add the Widget Board web part and click on + sign. You should see something like this:
    b. Pick “Widget Board” to add the widget board to the page
    c. Save or Publish the page
    d. Start the Widget Board configuration by clicking on Start configuration.

  4. You have successfully installed Ichicraft Widgets

  5. If you want to offer Ichicraft Widgets as a personal app in Teams continue with steps in Part 3 (Teams).

Step 3 (optional): Add Ichicraft Widgets to your Teams client

To install and configure Ichicraft Widgets for your Teams client you will need to complete the following steps:

  1. Generate a Teams package from the Widget Board Administration

    a. Go to the site collection where you have installed Ichicraft Widgets in Step 2.
    b. Open the Widget Board Administration and select Teams from the left navigation,  you should see something like this:

    c. Update the configuration if needed and click on Generate Teams package

  2. Go to the Microsoft Teams tenant app catalog and add the Teams package

    a. Start Teams and sign in using your global or teams service admin credentials. Select Apps on the (bottom) left side of the app.
    b. On the Apps page, select Upload a custom app > Upload for [your tenant name]. You should see something like this:

  3. When you go back to your tenant app catalog, Ichicraft Widgets is available to add to your Teams client. Click on the deployed app.

  4. To add the Teams App click on Add, you should see something like this:

  5. You have successfully installed the Ichicraft Widgets Teams package! You can start the configuration wizard.

Questions?

We are happy to help! Feel free to get in touch with us.