# Implement a SharinPix upload button in a Visualforce page

{% hint style="info" %}
This article demonstrates how to implement a SharinPix upload button in a Visualforce page by modifying the **SharinPix Visualforce component**.
{% endhint %}

<figure><img src="/files/U9BN43Eus73EZhJfAefE" alt=""><figcaption></figcaption></figure>

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

The SharinPix package includes the ready-made **SharinPix Upload Button** component which can also be used. This component is available in **Lightning** and can be directly added to your record page.

For more information about the SharinPix Upload Button component and how it is used, refer to the article below:

[SharinPix Upload Button](/documentation/lightning-web-component/sharinpix-upload-button.md)
{% endhint %}

To implement the above upload button, modify the SharinPix Visualforce component as follows:

```html
<sharinpix:SharinPix height="35px" parameters="{'abilities':{'album_id':{'Access':{'see':true,'image_list':true,'image_upload':true,'image_delete':true,'fullscreen':true,'image_caption':true,'trash':true,'image_tag':true}}},'Id':'album_id', 'path':'/upload'}"></sharinpix:SharinPix>
```

Here are some points to consider when using the above code snippet:

* The button's height is 35px
* The value, **album\_id** , should be replaced with your desired album ID (or record ID)

You can also modify the button's label using the **label** parameter as demonstrated below:

```html
<sharinpix:SharinPix height="35px" parameters="{'abilities':{'album_id':{'Access':{'see':true,'image_list':true,'image_upload':true,'image_delete':true,'fullscreen':true,'image_caption':true,'trash':true,'image_tag':true}}},'Id':'album_id', 'path':'/upload', 'label':'Upload Images'}"}"></sharinpix:SharinPix>
```

{% hint style="success" %}
**Tip:**

Different SharinPix album abilities and features can be applied to the SharinPix Visualforce component.

Such abilities and features can be tested using the **SharinPix Code Generator**. This feature can also be used to generate the corresponding code for the Visualforce component.

For more information about the SharinPix Code Generator, refer to the article below:

[SharinPix Code Generator](/documentation/cookbook/sharinpix-code-generator.md)
{% endhint %}

{% hint style="success" %}
**Resources:**

For more information about the SharinPix Visualforce component, refer to the links below:

* [SharinPix Visualforce Component (Admin-friendly version)](/documentation/features/main-integration/using-on-classic-with-a-visualforce-page-without-an-apex-controller-admin-friendly-version.md#sharinpix-visualforce-component)
* [SharinPix Visualforce Component (Developer-oriented)](https://docs.sharinpix.com/documentation/cookbook/pages/uoovAJzEMTpcsGfH34my#id-1.-sharinpix-visualforce-component)
  {% endhint %}


---

# Agent Instructions: Querying This Documentation

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

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sharinpix.com/documentation/cookbook/implement-a-sharinpix-upload-button-in-a-visualforce-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.