Video Tutorials
Handle Fulfillments for Pickup and Shipment Orders | Square Orders API
In this video, we take a deeper dive into the Square Orders API to understand order fulfillments. Fulfillments can be used to track the state of an order, and in this video you'll learn how to create an order with a fulfillment and how to update the fulfillment state. We'll do this for two real world examples that involve a pickup order and a shipment order.
Scavenger Hunt: The Great Code Chase
We’re excited to announce our latest scavenger hunt, The Great Code Chase! A pesky thief made off with a crucial bit of code, and we’re calling on all developers to help chase them down. Follow clues across Square Developer channels, and if you catch The Code Runner in time, you may win a limited-edition Square Developer LEGO Minifigure.
Introducing the Square Mobile Payments SDK
The Square Mobile Payments SDK allows you to take in person payments directly within your mobile app by connecting with Square hardware like the Square Reader or Square Stand. In this video, we highlight some of the main features of the new Mobile Payments SDK and explain how to get started.
Getting Started with the Square Orders API
If you're new to the Square Orders API and want a solid foundation to get started, you’ve come to the right place! In this video, we’ll walk through the core elements of the Orders API, helping you understand how orders are structured and how they move through their lifecycle.
Build an Order Ahead Menu with the Square Catalog API
In this video, we dive into using Square's Catalog API to build a dynamic and sleek order-ahead app for restaurants. Whether you're creating an app for a burger joint or any food and beverage business, understanding how to structure and query a seller’s catalog is crucial. We walk through the key Catalog object types—ITEMs, IMAGEs, CATEGORYs, and MODIFIERs—and show you how to organize and retrieve the necessary data to display menu items, customizations, and prices.
Automate Marketing with Square's Customer Custom Attributes API
Unlock the power of marketing automation with Square's Customer Custom Attributes API! In this developer-focused tutorial, we'll show you how to leverage customer custom attributes and customer segments to create personalized and targeted marketing campaigns for Square Sellers' customers. Learn to automate customer segmentation, enhance customer engagement, and drive sales using Square's powerful APIs.
Square APIs Explained
In this video, we take a high level look at the Square developer platform. We discuss the relationship between your application and a Square seller, and we also highlight some of the most foundational Square APIs and their capabilities. If you're new to the Square developer platform, or looking to develop a better sense of how the Square APIs work, this is the video for you!
Web Payments SDK with React & Next.js
In this how to guide, we walk through the process of adding online payments to a Next.js application using the Square Web Payments SDK. This implementation utilizes all of the modern Next features such as the app router and server actions to create a seamless developer experience.
Subscriptions API Tutorial
In this tutorial, we take a look at the specific API calls that you need to make in order to create and manage subscription payments. We walk through the example of a meal kit delivery service so you can see exactly how this would be implemented in a real world application. By the end of this video, you will be able to implement a subscription payment flow in your own application.
Subscriptions API Explained
In this video, we explain all of the core concepts of the Square subscriptions model. We break down two different examples to give you a full picture of how different Square APIs, such as Catalog, Subscriptions, and Orders, can flex to fit your business model. By the end of this video, you will understand all of the different pieces that are required for integrating subscription payments into your application.
Build Cross Platform Components with Stencil and Capacitor
In this tutorial, we're going to learn how to build cross platform design systems using Stencil and Capacitor. We'll walk through the process of building an avatar component that runs seamlessly on both the web and mobile.
How to use Storybook with Stencil
Storybook is an incredible tool that allows you to build, test, and document the components of your design system in isolation. Storybook provides a streamlined workflow and tons of addons to improve the developer experience. In this tutorial, we are going to learn how to integrate Storybook into a Stencil project to make building, testing, and documenting even easier.
Create Stencil Drag and Drop Components
In this tutorial, we'll learn how to use Stencil to create reusable drag and drop web components. Drag and drop functionality is notoriously difficult to implement, so we'll be using SortableJS to simplify our drag and drop logic.