# Add an Image Cropper to your Shopify store

Add an image cropper to your [Shopify](https://shopify.com) site and set image requirements like **crop aspect ratio and image target size**. Use CropGuide and receive better images.

Adding an image cropper into your Shopify store enhances the customer experience for personalized products. It **allows customers to precisely edit and adjust their images** before applying them to items, ensuring the final product looks exactly as they envisioned.

This guide helps you set up CropGuide to **enhance any file upload field used in Shopify themes** with image cropping functionality.

## Installing CropGuide

To get started we first need to create a [CropGuide account](https://app.cropguide.io/Account/Register)

Log in to CropGuide and add your domain to the control panel.

The control panel will generate a unique script for your domain similar to the one shown below:

```html
<script>
(function (w, d) {
    w.$cropguide = ['GFFFYQ'];
    var s = d.createElement('script');
    s.async = true;
    s.src = 'https://cdn.cropguide.io/l.js';
    d.head.append(s);
})(window, document);
</script>
```

With your CropGuide account created let’s log in to the Shopify store admin.

## Adding CropGuide to a page

1. Select your store in the **sales channels** list.
2. Click Pages and select the page you want to add CropGuide to.
3. Click `<>` to show the page **HTML**
4. Copy the CropGuide script for your domain to the end of the page content.
5. Click Save

## Adding CropGuide to a product

1. Click  Products and select the product you want to add CropGuide to.
2. Click `<>` to show the description **HTML**
3. Copy the CropGuide script for your domain to the end of the content.
4. Click Save

That's it! CropGuide will now load and transform images when they're added to a file upload field on your [Shopify](https://shopify.com) page.

You can adjust the behavior of CropGuide in the control panel for your domain, or you can [set custom instructions per field](/docs/configuration/).

Please feel free to [reach out to us](/contact/) if you have any questions.

[Learn more about CropGuide](/)

### Related content

* [Crop PAN Card Photos Before Upload on Shopify](/integrations/shopify/crop-photo-to-pan-card-size/)
* [Crop Cédula Photos Before Upload on Shopify](/integrations/shopify/crop-photo-to-cedula-size/)
* [Crop Identity Card Photos Before Upload on Shopify](/integrations/shopify/crop-photo-to-identity-card-size/)
* [Crop Aadhaar Card Photos Before Upload on Shopify](/integrations/shopify/crop-photo-to-aadhaar-card-size/)
* [Crop Passport Document Photos Before Upload on Shopify](/integrations/shopify/crop-photo-to-passport-document-size/)
* [Crop Circular Profile Pictures on Shopify](/integrations/shopify/crop-circle-profile-picture/)
* [Convert HEIC/HEIF to JPEG Before Upload on Shopify](/integrations/shopify/convert-heic-to-jpeg-before-upload/)
* [Compress User Images Before Upload on Shopify](/integrations/shopify/compress-user-image-before-upload/)
* [Help Customers Crop Images Before Uploading to Shopify](/blog/crop-image-before-upload-to-shopify/)

Our photo editing technology is trusted by amazing companies

* ![Dropbox](/static/assets/logos/dropbox.svg)
* ![Square](/static/assets/logos/square.svg)
* ![ConvertKit](/static/assets/logos/convertkit.svg)
* ![Funda](/static/assets/logos/funda.svg)
* ![Global](/static/assets/logos/global.svg)