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.

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>

With your CropGuide account created let’s log in to the Shopify store admin.

Adding CropGuide to a page

  1. Select your store in the sales channels list.

  2. Click Pages and select the page you want to add CropGuide to.

  3. Click <> to show the page HTML

  4. Copy the CropGuide script for your domain to the end of the page content.

  5. Click Save

Adding CropGuide to a product

  1. Click Products and select the product you want to add CropGuide to.

  2. Click <> to show the description HTML

  3. Copy the CropGuide script for your domain to the end of the content.

  4. Click Save

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.

Learn more about CropGuide

Our photo editing technology is trusted by amazing companies

  • Dropbox
  • Square
  • ConvertKit
  • Funda
  • Global