Prerequisites
Before starting the integration, ensure you have the following:
A Shopify Store Account.
An Account on Make.com.
An Account on Crop.photo.
Setup
Generate Your Crop.photo API Key
Log in to your Crop.photo account.
Generate your API key by following this guide.
Important: Keep your API key safe. Do not publish it online or share it with anyone else.
Download the Make.com Blueprint
Click here to download the Make.com blueprint designed for this integration.
Create a Scenario in Make.com
Log in to your Make.com account.
Create a new scenario.
In the scenario editor, click the More button (three dots) and select Import Blueprint.
Import the blueprint you downloaded earlier. Refer to the image above for guidance.
Set Up Shopify Connection
After importing the blueprint, locate the first Shopify module in the scenario.
Click the Add button to connect Make.com to your Shopify account.
Enter your Shopify domain. Refer to the image below for reference.
A pop-up window will appear, prompting you to grant Make.com permission to read products from your Shopify account.
Once the connection is established, ensure it is selected in the Connection dropdown.
Repeat this process for the other two Shopify modules within the blueprint (there are three Shopify modules in total).
Configure Crop.photo API in Make.com
Locate the HTTP module responsible for interacting with Crop.photo.
In the HTTP module, provide your Crop.photo API key.
Name the credentials.
Paste your Crop.photo API key in the field provided.
Important: The API Key must be prefixed with
Bearer(including a space betweenBearerand your key).Set the API Key Parameter Name to
Authorization.
Refer to the image below to see how the fields should be filled out.
Save the credentials and select the saved credentials from the dropdown.
Modify the HTTP API Parameters (Optional)
The current blueprint is set up for headless crops. If you want to perform different types of cropping or use other Crop.photo features, you'll need to modify the HTTP API parameters accordingly.
For more details on the available Crop.photo API options, refer to the Crop.photo API Documentation.
Running the Scenario
The blueprint you've imported is designed to work as follows:
It searches for Shopify products that are in Draft status and have the tag
crop-photo-pending. See the image below for reference.
When a match is found, the image cropping process begins using Crop.photo.
Once the cropping is complete, the tag is updated to
crop-photo-completed, and the original product images in Shopify are replaced with the cropped images.
Results before and after cropping
Before | After |
 |  |
 |  |
 |  |
Execution Modes
You can execute the scenario in two modes:
Run Once: Ideal for testing or running the process manually.
Run at Fixed Intervals: Schedule the scenario to run at regular intervals automatically.
Step-by-Step Execution
To run the scenario manually, adjust the schedule settings to On Demand.
If you prefer automated execution, adjust the schedule settings to run at a fixed interval.
Once ready, click the Run Once button and confirm by clicking OK. This will start the cropping process.
Now, your Make.com integration with Shopify and Crop.photo is fully set up and ready to crop images automatically.
Make.com Blueprint Files
Date Added | Details | Link |
Oct 7th, 2024 | Make.com blueprint file |