Add an Image Cropper to your Squarespace site

Add an image cropper to your Squarespace 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 Squarespace site empowers customers to adjust and edit their photos for personalized products seamlessly. This ensures that images fit perfectly on items, enhancing the customization process and customer satisfaction.

Installing CropGuide

To get started we first need to create a CropGuide account

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

<script defer src="https://cdn.crop.guide/loader/l.js?c=123ABC">
</script>

With your CropGuide account created let’s log in to the Squarespace admin and select your site.

Click Pages in the main navigation.
Hover over the page you want to add CropGuide to and click
In the popup click Advanced
Copy the CropGuide script for your domain to the Page header code injection field.
Click SAVE in the top left corner.

That's it! CropGuide will now load and transform images when they're added to a file upload field on your Squarespace page.

You can adjust the behavior of CropGuide in the control panel for your domain, or you can set custom instructions per field.

Please feel free to reach out to us if you any questions.

Learn more about CropGuide

Add an Image Cropper to your Squarespace site

Installing CropGuide

Related content