# Add an Image Cropper to your Carrd site

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

Integrating an image cropper on your Carrd site enables your visitors to fine-tune their uploaded images, allowing images to fit better with your content and **saving you time editing user photos on the backend**.

This guide helps you set up CropGuide to **enhance the existing Carrd file upload field** 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 Carrd admin, select your site, and open the page editor on the page where you want to use CropGuide.

1. Click \+ Add Element
2. Click `</>` Embed to add a new Embed element.
3. Set **Type** to **Code**.
4. Copy the CropGuide script for your domain to the **Code** field.
5. Set the embed **Style** to **Body End**.
6. Click Done

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