> 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/cookbook/implement-a-sharinpix-upload-button-in-a-visualforce-page.md).

# 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
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 dynamically by asking a question.

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

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.