> For the complete documentation index, see [llms.txt](https://docs.sharinpix.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sharinpix.com/documentation/features/main-integration/using-on-classic-with-sharinpix-canvas-app.md).

# 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](/documentation/features/main-integration/using-on-classic-with-a-visualforce-page-without-an-apex-controller-admin-friendly-version.md#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&amp;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)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.sharinpix.com/documentation/features/main-integration/using-on-classic-with-sharinpix-canvas-app.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.