Add an Image Cropper to Netlify CMS
Add an image cropper to Netlify CMS, set image requirements like crop aspect ratio, minimum image size, and resize width and height. Use CropGuide and start receiving better images.
Installing CropGuide
To get started we first need to create a CropGuide account
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:
<script defer src="https://cdn.crop.guide/loader/l.js?c=123ABC">
</script>-
Open your favorite text editor and edit the HTML of the page you want to add CropGuide to.
-
Paste the CropGuide script for your domain right before the closing body tag
</body> -
Save the page.
That's it! No further changes to Netlify CMS, or your site, are needed, CropGuide will automatically load and crop images when they're added to Netlify CMS.
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.
Our photo editing technology is trusted by amazing companies
