Shopify Tutorial - Creating a Checkout UI Extension 2024

In this video we'll explore how to create Checkout UI Extensions for Shopify.

Links used during the video:
• Checkout UI Extensions Docs: https://shopify.dev/docs/api/checkout...
• Checkout UI Extensions Components: https://shopify.dev/docs/api/checkout...
• Checkout UI Extensions Targets: https://shopify.dev/docs/api/checkout...
• Product Variant Admin API Reference: https://shopify.dev/docs/api/admin-gr...
• Checkout Extensibility Upgrade Guide: https://help.shopify.com/en/manual/ch...
• Customize Your Checkout's Appearance -    • Shopify Tutorial - Customize Your Che...  

Timestamps

0:00 - Introduction
0:40 - Initializing a Checkout UI Extension
2:36 - Exploring the extension's settings
3:33 - Previewing the extension
5:50 - Explanation of the extension we'll create
6:13 - Extension Targets
9:29 - Querying Shopify API data
17:17 - Building the Extension's UI
26:21 - Interacting with the Customer's Cart
29:08 - Deploying the Extension
31:17 - Creating Extension's Settings