Add an Image Editor to your Shopify store
Add CropGuide to your Shopify forms, set image requirements, and receive better images.
Shopify is an ecommerce platform that you can use to build your online store. It allows you to sell your products online with your own website. Their ecommerce website builder has features for everyone from beginners to ecommerce experts.
This guide helps you set up CropGuide to enhance any file upload field used in Shopify themes with image cropping functionality.
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>
With your CropGuide account created let’s log in to the Shopify store admin.
Adding CropGuide to a page
Select your store in the sales channels list.
Clickand select the page you want to add CropGuide to.
Clickto show the page HTML
Copy the CropGuide script for your domain to the end of the page content.
Adding CropGuide to a product
Clickand select the product you want to add CropGuide to.
Clickto show the description HTML
Copy the CropGuide script for your domain to the end of the content.
That's it! CropGuide will now load and transform images when they're added to a file upload field on your Shopify page.
You can adjust the behavior of CropGuide in the control panel for your domain.
Please feel free to reach out to us if you any questions.
Our photo editing technology is trusted by amazing companies