---
title: "Integrations | Customer's Canvas Hub"
canonical: "https://customerscanvas.com/docs/hub/admin-guide/settings/integrations/"
---

# Integrations

> In this tab, you can set up an integration with your e-commerce system or custom storefront. These integrations allow for using graphical assets and products from Customer's Canvas in your storefronts. Learn more about [Creating a custom integration](https://customerscanvas.com/docs/hub/dev-center/frontend-integration/prepare-for-frontend-integration.md).

## Overview

In the **Integration** tab, you can see all your created integrations.

![The integration tab.](./images/settings-integrations.png)

1. The identifier of the integration, generated automatically
2. The integration name, an arbitrary string
3. The integration type, one of **Custom**, **SAML**, **NopCommerce**, **Woocommerce**, **Magento**, **BigCommerce**, or **Shopify**
4. The **URL** of the storefront that is allowed to access the tenant
5. Creation date generated automatically

## Creating a new integration

To create a new integration, click **Create New**. When a new page opens, fill in the following properties:

![The create integration dialog box.](./images/settings-integrations-create.png)

1. The integration type, one of **Custom**, **SAML**, **NopCommerce**, **Woocommerce**, **Magento**, **BigCommerce**, or **Shopify**
2. The integration name, an arbitrary string
3. A baseUrl of your storefront
4. The status when project processing starts
5. A pipeline for processing the project results

Finally, click **Save**.

## Manipulations

You can create, sort, search, edit, and delete integrations.

### Sorting

You can sort your integrations by **ID**, **name**, **type**, and creation date. To do so, click the corresponding column name.

![Sorting the integration by the names.](./images/settings-integration-manipulations-sorting.png)

### Searching

You can search for integrations by name or URL.

![Searching by integration names.](./images/settings-integration-manipulations-searching.png)

### Hiding columns

If your integration list doesn't fit on the screen, you can hide some columns to view others. To do so, click the **Settings** icon and clear checkboxes of unnecessary columns.

![Searching by integration names.](./images/settings-columns.gif)

Note that the **ID** column is always displayed.

### Editing

You can edit your integration. To do so, click the ellipsis and select **Edit**. In a new page, your fields may look like this:

### Deleting

To delete an integration, click the ellipsis and select **Delete**.