# Enable Image Sync for Classic
In order to enable SharinPix Image Sync in the Salesforce Classic Experience, you need to add a line in your visual force page.
```html
```
The resulting visual force page will be then be composed at least by :
1. [The SharinPix Image Sync component](#the-sharinpix-image-sync-component)
2. [The SharinPix Visualforce component](#the-sharinpix-visualforce-component)
## The SharinPix Image Sync Component
The syntax of the SharinPix Image Sync is as follows:
```html
```
The Image Sync component contains one parameter, namely **recordId**. The recordId uses the following syntax to refer to the current Visualforce page with its corresponding parameters.
```javascript
{! $CurrentPage.Parameters.Id }
```
{% hint style="info" %}
For more information about how to use the SharinPix Image Sync, you can refer to the articles below:
* [What is SharinPix Image Sync?](https://docs.sharinpix.com/documentation/image-sync/what-is-sharinpix-image-sync)
* [What are the uses of Image Sync ?](https://docs.sharinpix.com/documentation/image-sync/what-are-the-uses-of-image-sync)
* [Setup SharinPix Image Sync](https://docs.sharinpix.com/documentation/image-sync/setup-sharinpix-image-sync)
{% endhint %}
### The SharinPix Visualforce Component
The syntax of the SharinPix Visualforce component is as follows:
```html
```
The following parameters are used inside the SharinPix Visualforce component:
1. **height** : refers to the height of the SharinPix Album in pixel units. Here it is set to **600px**.
2. **parameters** : refers to the set of SharinPix Abilities enabled or disabled in the SharinPix Album.
The **parameters** parameter contains:
* An **Album Id** corresponding to the record Id containing the Visualforce page. This value is passed through the formula function **CASESAFEID()** which makes sure than the value corresponds to a 18-character record Id**.** The Album Id syntax is as follows:
```apex
'{!CASESAFEID($CurrentPage.Parameters.Id)}'
```
{% hint style="success" %}
**Tip:**\
\
**CASESAFEID()** is a formula function that replaces the 15 character ID (case sensitive) with a 18 character ID (case insensitive).
{% endhint %}
* A set of **abilities** referring to the abilities allowed on the SharinPix Album.
```
'Access': {
'image_upload':true,
'image_list':true,
'see':true,
'image_delete':true
}
```
{% hint style="info" %}
For more information about the SharinPix abilities, refer to the following article: [SharinPix abilities](https://docs.sharinpix.com/documentation/access-and-security/sharinpix-abilities)
{% endhint %}
### Creation of the Visualforce Page
Follow the subsequent steps to create and add the Visualforce page:
* Create a Visualforce page using the code snippet below.
```apex
```
* Save the Visualforce page when done.
* Add the newly-created Visualforce Page to the layout of the **Contact** object.
* Add an image.
* Refresh the current web page. Go to the **SharinPix Images(1)** section. You should see a new entry**(2).**
* Click on the new entry. You will be directed to the SharinPix Image Record of the newly-uploaded image. You should see the details of the image as displayed in the figure below.
