Adding Shopify services, shapes, and queries
In addition to our support for any GraphQL or REST API, we've also pre-configured a service to connect your TakeShape project with Shopify. This provides a simpler set of steps for what is our most commonly connected service.
Connect to Shopify
You can connect new services from the Schema page. To get there, open your project's Schema tab. Then, use the "Connect Service" button at the top of the services list, then pick "Shopify" from the dropdown list of available services.
Provide your shop's name and
myshopify.com URL, then hit save. You'll be taken through an OAuth flow to connect your Shopify store with your TakeShape project.
After it completes, you'll be taken back to the service page.
View and edit Shopify data
You can view and edit data from Shopify directly in TakeShape. You can even add custom fields alongside your Shopify data to enrich it further.
Add a Shopify Field
To use a connected service, you'll add it to a new or existing shape. When editing your shape, you'll find connected services at the top of the list of available fields. Drag it in to your shape and configure it, then save.
Link an existing item
First, you'll need to provide an object ID to the service field you provided in the previous step. After you save, the entry will include data from the object you provided.
When you edit the data in your service, it will stay up to date in TakeShape. And if you change the data in TakeShape, your changes will be synced back to the service. This way, everything stays in sync!
Create a new item
It gets better: you can also create new service items directly from TakeShape, as well. After selecting "Create new item" from the service field, provide data for the new item and then save. The item will be created in your connected service, too!
Query for Shopify data
Finally, the data from you connected store will be available from TakeShape's GraphQL API.
Not only can you access data on fields connected to your Shapes, but you can define new queries and mutations to add even more advanced functionality to your API.