PhotoShelter's CI HUB Integration

With PhotoShelter's CI HUB integration, you can use content in your PhotoShelter Library within your favorite apps like Microsoft Office 365 and Google Workspace, as well as SharePoint, Figma, or Sketch. 

• Purchasing
• Setup
• Using the CI HUB Connector
• Supported Applications & Limitations
• CI HUB Tutorials

The CI HUB integration is a two-way integration, meaning you can both search for assets from within your Library and use them in the supported applications below, and you can upload assets back to PhotoShelter and create versions. 

The CI HUB integration can be used with the following applications:

• Microsoft 365 (Powerpoint, Word, Outlook, Excel)
• Adobe Express
• Google Workspace (Docs, Sheets, Slides)
• Figma
• Sketch
• Sharepoint

Purchasing

Contact the Customer Success team to add the CI HUB integration to your PhotoShelter for Brands account.

Setup

1. Head to your applications App Marketplace and search for CI HUB. When you locate the integration, click Install. 
2. In the CI HUB panel, click Login. To log in, use the same credentials you use to access your PhotoShelter Library.
3. When prompted, enter your PhotoShelter Portal URL and API key. 
4. After logging in, the CI HUB panel should be available in your application. In some apps, you may need to enable the panel by clicking Extensions > CI HUB.
   
   

Using the CI HUB Connector

Placing Files

1. Open the CI HUB panel in your application and locate a file
2. Left click on the file and select Place. You can also drag-and-drop files to place them in your project document.

Note: Please see the list of supported applications below and their respective file size limitations.

Add Files to your PhotoShelter Library

1. In the CI HUB panel, click Add File
2. Select the radio button next to "active document" and select a filetype from the options in the drop-down menu. The filetype you select here will be uploaded to your Library.
3. Click OK

Supported Applications & Limitations

Microsoft 365 (Powerpoint, Word, Outlook, Excel)

This connector enhances your team’s productivity by allowing your Administrators and Editors to easily browse and search for images or documents located in your PhotoShelter Library and use those assets in any of the Microsoft Office 365 applications (Word, PowerPoint, Excel, Outlook, Sharepoint). You can also save your completed files back to PhotoShelter.

Adobe Express

This connector allows your Administrators and Editors to easily browse and search for image and video assets located in your PhotoShelter Library and use them in creative projects. You can also save your completed projects back to PhotoShelter. 

Watch CI HUB's Adobe Express tutorial here.

Google Workspace (Docs, Sheets, Slides)

This connector allows your Administrators and Editors to easily browse and search for files located in your PhotoShelter Library and use those assets in Google Docs, Sheets, and/or Slides. You can also save any completed projects back to PhotoShelter.

Limitations: Google Workspaces has file size limitation of 8 MB. When possible, we suggest using a resized JPG less than 8 MB.

Watch CI HUB'S Google Workspace tutorial here.

Figma

This connector allows your Administrators and Editors to easily browse and search for assets located in your PhotoShelter Library and use them in Figma files.You can also save your completed Figma projects back to PhotoShelter. 

Limitations: Figma has a file size limit of 4086px. When possible, please use resized JPGs that meet this requirement.

Watch CI HUB's Figma tutorial here.

Sketch

This connector allows your Administrators and Editors to easily browse and search for assets located in your PhotoShelter Library and use those assets in Sketch. In addition, you can save your completed Sketch projects back to PhotoShelter. 

Watch CI HUB's Figma tutorial here.

Sharepoint

This connector allows your Administrators and Editors to easily browse and search for files located in your PhotoShelter Library and use those assets in Sharepoint. You can save your completed document back to PhotoShelter.

Watch CI HUB's Sharepoint tutorial here.

CI Hub Tutorials

CI HUB has kindly provided video tutorials on using their connector across their supported applications:

• Where to Find CI HUB
• How to Install CI HUB
• Google Workspace Apps with CI HUB
• CI HUB Connector for Figma

For more in-depth tutorials on all things CI HUB, see their CI HUB Academy playlist on YouTube.