Shopify How to Migrate to Checkout Extensibility (Upgrade from Checkout.liquid and Shopify Scripts)

👨‍🎓 Automate More. Build Faster. Land Better Opportunities with AI: https://codingwithjan.com/ai-develope... 🎬 About this Video On August 13, 2024, checkout.liquid and Shopify Scripts stop being supported, and every checkout customization has to move over to checkout extensibility before then. In collaboration with Shopify, this video gives you three things. First, the five technologies that make up checkout extensibility (checkout UI extensions, the Branding API, Shopify Functions, post-purchase extensions, and web pixel extensions) and why the new system is upgrade-safe, app-based, and higher-converting. Second, a step-by-step migration framework you can run with your own clients: a visual and code review to find existing customizations, then feature mapping to the right technology. Third, a full hands-on build where we create a delivery date picker from scratch with a checkout UI extension, style it, save the date to a metafield, and confirm it with a test order. ⏳ Timestamps 00:00 Intro & What We'll Cover 00:40 The 5 Technologies of Checkout Extensibility 01:52 Migration Framework: The Assessment 04:25 Feature Mapping 05:42 Hands-On: Building a Delivery Date Picker 12:44 Styling with the Branding Settings 14:02 Saving the Date with a Metafield 17:01 Test Order & Wrap Up 🔎 SEO Description A complete guide to migrating from checkout.liquid and Shopify Scripts to checkout extensibility before Shopify's August 2024 deadline. Learn the five technologies that make up checkout extensibility (checkout UI extensions, Branding API, Shopify Functions, post-purchase extensions, web pixel extensions), a practical step-by-step migration framework (visual review, code review, feature mapping) you can use with clients, and a full hands-on example building a checkout delivery date picker from scratch with the Shopify CLI, including styling, saving the value to a metafield, and running a test order. For Shopify developers and agencies upgrading their checkout customizations. 🤝 Connect on LinkedIn:   / jan-frey   📧 Contact: https://codingwithjan.com