# Add an Image Cropper to your Umso site

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

Adding an image cropper to your Umso site means **your customers can adjust their own images upon upload**, cutting down your need to edit or correct images on the backend. It streamlines the process, making everything more efficient and user-friendly.

## 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>
```

Let’s log in to the Umso admin and select your site.

1. Click Edit Site in the top right corner of the page.
2. Click Homepage
3. Select the page that you want to use CropGuide on. This should be a page with a file upload field.
4. Click Add Section
5. Select **Custom Code**
6. Click the **Custom Code** block on the left and select the **Code** field.
7. Copy the CropGuide script for your domain to the field.
8. Click Publish to save your changes.

That's it! CropGuide will now load and transform images when they're added to a file upload field on your [Umso](https://umso.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 Umso](/integrations/umso/crop-photo-to-pan-card-size/)
* [Crop Cédula Photos Before Upload on Umso](/integrations/umso/crop-photo-to-cedula-size/)
* [Crop Identity Card Photos Before Upload on Umso](/integrations/umso/crop-photo-to-identity-card-size/)
* [Crop Aadhaar Card Photos Before Upload on Umso](/integrations/umso/crop-photo-to-aadhaar-card-size/)
* [Crop Passport Document Photos Before Upload on Umso](/integrations/umso/crop-photo-to-passport-document-size/)
* [Crop Circular Profile Pictures on Umso](/integrations/umso/crop-circle-profile-picture/)
* [Convert HEIC/HEIF to JPEG Before Upload on Umso](/integrations/umso/convert-heic-to-jpeg-before-upload/)
* [Compress User Images Before Upload on Umso](/integrations/umso/compress-user-image-before-upload/)

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)