How to Use the Shopify API and Make GraphQL Requests

Learn how to make GraphQL requests and work with the Shopify API.

⭐ Shopify Editions Page 2024
--------------------------------------------------------------------------

► Offers & Help
--------------------------------------------------------------------------
🌟Learn the JavaScript side of Shopify Development:

👨‍🎓Learn Shopify Development from Scratch:

👨‍💻Find a reliable Developer for your project:

► Contact
--------------------------------------------------------------------------
🌐 Website

🤝 LinkedIn

► Resources
--------------------------------------------------------------------------
Shopify Documentation on Input settings

Getting started with GraphiQL

Shopify API Rate Limits

Timestamps
00:00 Today's Video
00:22 Understanding Shopify's API
01:29 GraphQL Carsh Course
03:32 Writing your first GraphQL Query
05:57 Understanding the Server Response
08:31 Practise GraphQL Requests from your own App
12:03 Make API Requests via Client Libraries
15:23 Updates from Shopify Editions
16:30 Outro

🔍 SEO Description
--------------------------------------------------------------------------
GraphQL is the recommended query language for working with Shopify's API.
The Admin API lets you build apps and integrations that extend and enhance the Shopify admin. Developers can request (read or write) data regarding products, collections, orders, customer information, or the shop itself.
In this GraphQL tutorial, we're learning the Syntax, and how you can get started writing your first GraphQL requests. Further, we explore how to test your queries and later how to make Shopify API requests from your own apps. In summary, this video serves as a full guide to working with the Shopify API by using GraphQL.

[LaurenHenze]

🎯 Key points for quick navigation:

00:00 *🚀 The video introduces GraphQL as an industry standard for interacting with the Shopify API, focusing on queries and latest updates.*
01:23 *🔍 Shopify API serves as an interface to access store data from the backend database when extending Shopify functionalities.*
02:05 *📊 GraphQL operations include "queries" for fetching data and "mutations" for modifying data, like updating product titles.*
03:27 *📚 To start writing queries, install the GraphiQL interface—a tool for building queries by exploring available fields.*
06:07 *🎛️ GraphQL queries return data and details on API call costs; Shopify API has rate limits that differ per plan to maintain stability.*
08:23 *🛠️ Use Shopify’s CLI and Remix app templates for quick app development, testing GraphQL queries with proper access scopes.*
10:26 *🔑 Helpful tools like the GraphiQL interface allow verification of access scopes and testing GraphQL queries directly.*
12:13 *🔄 Example of a GraphQL mutation using a Remix app to handle data submission and response for creating products.*
15:27 *🌟 Updates to the GraphQL API include increased variant limits and the ability to cancel orders, enhancing Shopify's capabilities.*
16:42 *🕹️ New features like a hotkey for launching the GraphiQL interface are introduced, streamlining the process for developers.*

Made with HARPA AI

[Lizhiaa]

Thank you for this video, you are the first that I watch that ACTUALLY explains what the code in the test app does. But I would love to see another video where you go more into detail about making more api-requests through a button click. I would also love to know how I can make that request from a button click on the storefront and not through a button click in the app (my use case is that the customer needs to update their metafield value, so I don't really need a front-end for my particular app only a back-end app). I have watched tons of videos and I am still quite lost but will get there eventually. Just really wanted to say that I appreciate your videos :D

[liamgriffin]

Awesome video Jan! Great to see you running the queries from the app as well as how to test/learn with graphiql

[matthewpill]

Great video as always! It would be good to run through a couple examples of when you'd build out a custom app. I always struggle with example cases of when I'd actually need to go down the custom app development route rather than using what Shopify natively has to offer or from using third party apps that already exist... I'm coming from it with only custom theme development experience though!

[gusx]

Great video, I hope there is more in the future regarding app development. Especially using vanilla JS!

[MichaeltCummings]

At the 8:30 mark, you jumped into the black screen which looks like VS. How did you get into that?

[AgustinCampon]

Do you know if there is some Angular template? Thanks!

[matthewlane]

Hey Jan, big fan of your videos. Was just wondering if you would be available for private tutoring? I am just starting up as a shopify dev, have garnered a few clients and have created websites but would like some extra tips on how to leverage api's to increase product variant limits, as well as a couple other questions I had. Please let me know if this is something we could work out!

[mindaugaslukosiunas]

By any chance you could guide me how to update metaobject definition on the app update when releasing a new version?

[guiaraki]

Thanks for this tutorial, Jan!

Did you know if it is possible to use the Shopify API Product Recommendation and send to a CRM software (for example ActiveCampaign?)

Basically, I want to send the information of products recommended to each clients cart abandonment, for example, and insert inside my abandonment checkout email.

Is that possible?

[mudassarz.]

That was super helpful! Can you also explain how to query GraphQL from an app extension (e.g. querying customer data from a post-purchase UI)?

[joelleon]

Thank you for the video, but what if you want to populate dynamically?

[deerajt]

Hi

how can we fetch home page content(rendered via sections on theme customizations) or fetch via template names?

[dillon.b]

How do you get a test app approved to access the order object? I get an error saying you need special permission for this but it seems to be something you apply for only when you're actually launching

[mako_cp]

Hey Jan, how can I setup a development shop for testing purposes or is here a real shop for this needed? thanks

[KhasimAli-pvzm]

Thanks for the video! Can you please let me know if a customer can update his email or any other field from his account through the storefront. I have not seen an option to edit the details from the storefront.

[alexandercruz]

Do you know how I can change the logo link and in the version I am using in the bottom right corner there is a link "return to car". how can I hide it?

[hari_xxz]

Brother...
I'm looking for the Shopify API endpoint to include tracking number and shipping company details before the order status is marked as fulfilled. What's the appropriate endpoint for this?

[merrittwitherspoon]

Do you have to use GraphQL with a Storefront API? I'm building headless ecomm that flows from Shopify to iOS & visionOS Apple apps. Thanks!

[michaelm]

Is it possible to use shopify-cli with this?