# Shopify - Configuration

This interface explains how to configure the JOCUSTOM app for your Shopify store.

## Log in to your backend account and open the skin editor.

![Customizer for merchant](/assets/shopify/configuration/1.png)
## Switch to the product interface

![Customizer for merchant](/assets/shopify/configuration/2.png)
## Add an app block above the Add to Cart button

![Customizer for merchant](/assets/shopify/configuration/3.png)

![Customizer for merchant](/assets/shopify/configuration/4.png)

::: warning
Please ensure the mobile customizer is positioned below the PC customizer.
:::

## Switch to the shopping cart interface

Add the shopping cart block provided by our application

![Customizer for merchant](/assets/shopify/configuration/8.png)

![Customizer for merchant](/assets/shopify/configuration/9.png)

## Switch to checkout interface

![Customizer for merchant](/assets/shopify/configuration/5.png)


## Add the Checkout app extension

![Customizer for merchant](/assets/shopify/configuration/6.png)

![Customizer for merchant](/assets/shopify/configuration/7.png)

