# Using on Classic with SharinPix Canvas App

This article demonstrates how to add the SharinPix Canvas app onto an object's page-layout by:

1. Firstly, setting up SharinPix on your Org
2. Secondly, adding the Canvas app onto the page-layout

{% hint style="warning" %}
**Note:**

Canvas apps have some limitations. For example, they only allow 5,000 calls per day per user within 24-hour.

Therefore the usage of the SharinPix Canvas App is not recommended for implementations. In such cases, we recommend the usage of the **SharinPix Visualforce Component** instead. The SharinPix Canvas App, however, can still be used for testing purposes.

For more information about Canvas app limitations, please refer to the following link:

<https://developer.salesforce.com/docs/atlas.en-us.platform_connect.meta/platform_connect/canvas_framework_limits.htm>

For more information about the SharinPix Visualforce Component and how it is used, kindly refer to the following [link](https://docs.sharinpix.com/documentation/features/using-on-classic-with-a-visualforce-page-without-an-apex-controller-admin-friendly-version#sharinpix-visualforce-component).
{% endhint %}

## 1. Set up SharinPix in your Org <a href="#add-the-canvas-app-to-the-page-layout-of-an-object" id="add-the-canvas-app-to-the-page-layout-of-an-object"></a>

1\. Go to Setup.

2\. In the **Quick Find Box**, type **Installed Packages.**

3\. Under the **Build** section, select **Installed Packages**.

<figure><img src="https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2F8c2lexSB53HAVHDyhhzT%2Fimage%20(45).png?alt=media&#x26;token=92f96d67-d302-490a-8c0c-35b5a71f7657" alt=""><figcaption></figcaption></figure>

4\. Select the **SharinPix Package** known as **ImagesManagementBySharinPix.**

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2F4T4YiA8P9eNoxvfK4KSG%2Fimage%20\(46\).png?alt=media\&token=446f223d-2116-41f2-8d7e-fd20275a4336)

5\. Click on **View components**.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2Fnon8ckk96TL9OKPOc7e9%2Fimage%20\(47\).png?alt=media\&token=22bfdaf0-40b2-4ef0-9490-a61fdeafdc2f)

6\. Click on **Albums**.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FXFkd80E1uF8prrrs4TE1%2Fimage%20\(48\).png?alt=media\&token=55211f30-a2da-49c5-b5b9-3a01aadf317e)

7\. Click on **Edit Policies.**

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FEJlobuUfQkkMayPgZAv4%2Fimage%20\(49\).png?alt=media\&token=6c25b9ff-debe-4bfb-b922-882303809cbe)

Next to the field **Permitted Users,** select **All users may self-authorize** from the picklist.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2Fiu0RHgckl3onYOKo4hPV%2Fimage%20\(50\).png?alt=media\&token=192eeacb-ee1d-46a8-8ebf-2763e15cd3e7)

Click on **Save** when you are done.

## 2. Add Canvas App to a Page Layout

Access the object upon which you intend to add the canvas app on the page-layout. In this case, it is the object Account. Select a record of type Account.

9\. Click on **Edit Layout**.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FAJBuFKy4qt3YoqF31GAv%2Fimage%20\(55\).png?alt=media\&token=e1b8b1d1-2145-4e27-af71-98001073da79)

10\. Select the **Canvas App** category from the types of components list as shown below.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FRWk08fB6WUQW5NXorFpE%2Fimage%20\(54\).png?alt=media\&token=10e1c7c5-8fb1-4dcc-9bdb-924af7650c56)

11\. Drag and drop the **Albums** canvas app on the page-layout on the area you desire.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FyjiTgwoEFdM7aUBxCSDr%2Fimage%20\(53\).png?alt=media\&token=a8f1feea-7cd9-4804-a15b-84eb122fe60d)

12\. Adjust the **Height** of the **SharinPix Album** to **500px**.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FJNGzvd8NFrEFU3T2bMt4%2Fimage%20\(52\).png?alt=media\&token=6061241e-c748-415c-9f2f-c1e3599561ab)

Click on **Save** when you are done.

The **SharinPix Canvas App** should now appear on the page-layout of the record as presented in the screenshot below.

![](https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2Fofz5KQIXBLfCLJTT6C9O%2Fimage%20\(51\).png?alt=media\&token=e8abba7d-38f9-468b-98c1-bcd6eefa1794)