Categories
Website Design

Getting started with the Search API [Video]

In this episode you’ll learn how to leverage the new Search API and its comprehensive query language to query the API directly for your Stripe resources. This new API enables you to build complex interfaces to your data. For example, you might want to build a search tool for listing failed Charges, or finding customers with a specific email address for support cases.### PresenterMatthew Ling – Developer Advocate at Stripe – https://twitter.com/mattling_dev### Table of Contents00:00 Introduction00:58 Anatomy of a query01:39 Searching for nested objects01:51 Using compound clauses02:21 Searching for strings02:50 Field types03:13 Searching for numeric values03:42 Searching for metadata04:15 Conclusion### Resourceshttps://stripe.com/docs/searchhttps://stripe.com/docs/api/pagination/auto### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88

Categories
Website Design

Accept payment with Affirm [Video]

### DescriptionIn this episode, you’ll learn how to accept a one-time Affirm payment using Stripe.js. Enable your customers to buy-now-pay-later. The recommended integration for Affirm is with Stripe Checkout or the PaymentElement. In this episode, you’ll learn how to directly integrate just with Stripe.js. ### PresenterCJ Avilla – Developer Advocate at Stripe – https://twitter.com/cjav_dev### Resourceshttps://stripe.com/docs/payments/affirmhttps://stripe.com/docs/payments/affirm/accept-a-paymenthttps://github.com/stripe-samples/accept-a-payment/blob/main/custom-payment-flow/client/html/affirm.js### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88

Categories
Website Design

Handle Stripe webhooks with Remix [Video]

In this episode, you’ll learn how to set up a Remix action to handle Stripe webhooks. We’ll show how to build and test with the Stripe CLI and also how to verify webhook signatures.If you’re curious about getting started with Remix and Stripe, watch our other video about accepting payments in a Remix app: https://youtu.be/5aI0hJX_XXM### PresenterCJ Avilla – Developer Advocate at Stripe – https://twitter.com/cjav_dev### Table of Contents00:00 Introduction00:35 Adding webhooks route01:40 Configure the Stripe CLI to listen for webhooks02:00 Creating the payment intent03:24 Securing your endpoint with a signing secret07:25 Testing the payment flow08:11 Conclusion### ResourcesRemix: https://remix.run/Stripe webhooks: https://stripe.com/docs/webhooks/signaturesCode: https://gist.github.com/cjavilla-stripe/241682c549292bc21165744401d38793Remix resource routes: https://remix.run/docs/en/v1/guides/resource-routes ### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88

Categories
Website Design

Accept a payment with a Remix application [Video]

In this video, you’ll learn how to add a custom form to a Remix application to accept a one time payment with react-stripe-js. We’ll start from npx create-remix and show how to set environment variables for your Stripe API keys, how to configure the Elements provider, and ultimately the PaymentElement in order to accept a one-time payment.We’ll use remix loaders to make server side API calls to Stripe, and the react-stripe-js components to render Elements.### PresenterCJ Avilla – Developer Advocate at Stripe – https://twitter.com/cjav_dev### Table of contents00:00 Introduction00:23 Installing Remix and getting an app running01:36 Installing libraries02:20 Configure routes04:00 Configure elements05:21 Configure an outlet07:04 Rendering a payment form with the Form component20:25 Conclusion### ResourcesRemix: https://remix.run/Stripe webhooks: https://stripe.com/docs/webhooks/signatures Code: https://github.com/cjavilla-stripe/remix-stripe-sampleRemix resource routes: https://remix.run/docs/en/v1/guides/resource-routes ### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88

Categories
Website Design

Stripe Apps 101 – 01 Getting started with Stripe Apps [Video]

In this episode, we’ll cover the fundamentals of Stripe Apps. You’ll learn about what they are, how they work and how you can get started building them immediately### PresenterPaul Asjes – Developer Advocate at Stripe – https://twitter.com/paul_asjes### Table of contents00:00 Introduction00:37 UI extensions in the dashboard01:50 Build an app03:25 Conclusion### Resourceshttps://stripe.com/docs/stripe-apps### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88AttachmentsOptions

Categories
Website Design

Stripe Apps 101 – 02 Building with the UI Extensions SDK [Video]

In this episode, you’ll learn about the most common components of the UI Extensions SDK.### PresenterPaul Asjes – Developer Advocate at Stripe – https://twitter.com/paul_asjes### Table of contents00:00 Introduction00:25 Starting a Stripe App00:40 ContextView component02:40 FocusView component04:48 Adding a TextArea09:27 Conclusion### Resourceshttps://stripe.com/docs/stripe-appshttps://stripe.com/docs/stripe-apps/components### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88

Categories
Website Design

Introducing Markdoc [Video]

Markdoc is a lightweight text markup language that’s an extension of Markdown. It powers Stripe’s documentation.### PresenterCharlie Gerard – Developer Advocate at Stripe – https://twitter.com/devdevcharlie### ResourcesMarkdoc: markdoc.io### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88

Categories
Website Design

Getting started with Link [Video]

Learn how to integrate Link into your payment flow with PaymentElement for faster checkout. We’ll use an express.js backend and a react front end with an existing PaymentElement integration. You’ll learn how to add the new LinkAuthenticationElement, and the ShippingAddressElement to smooth onboarding and increase conversions from your customers.Link is a special payment method type that hooks into Elements using a new email authentication element that sends a one time pin to the customer’s phone number. Once authenticated, Elements are populated with the customer’s previously saved payment methods and addresses.### PresentersCJ Avilla – Developer Advocate at StripeDiana Chen – Link Product Marketing at Stripe### ResourcesStripe: https://www.stripe.comLink overview: https://stripe.com/docs/payments/linkAccept a payment with Link: https://stripe.com/docs/payments/link/accept-a-paymentCode: https://github.com/cjavilla-stripe/link-in-payment-elementQuick start video: https://www.youtube.com/watch?v=LYRJzu5t3CA ### SupportIf you have a question, please feel free to reach out to our support team at support.stripe.com​​​​​ or on Discord at stripe.com/go/developer-chat.### UpdatesSign up to stay updated with developer news: go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88​​

Categories
Website Design

How to add Link for faster checkout with Stripe [Video]

In this episode, you’ll learn how to accept payments with the Link payment method in the US. Link is a reusable payment method with immediate notification. Using Link, you can offer a frictionless checkout experience to every new customer. Customers have Link accounts where they store their billing information (email, addresses, and so on) and payment details (cards, bank accounts, and so on).When a customer visits a new business that accepts Link, they only need to authenticate using an SMS code. Link with Stripe is the new solution that we recommend instead of the legacy “remember me” feature.If you’d like to integrate Link with Stripe and join the private beta, please email link-elements-beta@stripe.com ### PresenterCJ Avilla – Developer Advocate at Stripe – https://twitter.com/cjav_dev### ResourcesDocumentation: https://stripe.com/docs/payments/payment-methods/link/accept-a-payment ### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88

Categories
Website Design

Getting started with Stripe Tax via the Orders API [Video]

In this episode you’ll learn how to add Stripe Tax on your custom payment flows to automatically calculate and collect sales tax, VAT, or GST. This is enabled using the new Orders API (beta). If you have previously integrated with Stripe using Payment Intents, you can now migrate that integration to use the Orders API to unlock many advanced commerce features like Stripe Tax, discounts, inventory management, and much more.### Table of contents00:00 Intro03:57 Configuring up Stripe Tax in settings05:04 Creating a product and price06:31 Using the Payment Element09:54 Processing the order14:15 Using an ip address to geolocate your customer18:09 Updating an order with a billing address20:27 Retrieving and rendering an Order23:20 Summary### PresentersCJ Avilla – Developer Advocate at Stripe – https://twitter.com/cjav_devMatthew Ling – Developer Advocate at Stripe – https://twitter.com/mattling_dev### ResourcesSign up for the public beta here: https://stripe.com/docs/ordersFork the code from the demo: https://replit.com/@mattling-dev/stripe-tax-ordersGet started with Stripe Tax: https://stripe.com/docs/tax### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88

Categories
Website Design

Getting started with the Stripe Shell [Video]

Stripe Shell is an interactive, authenticated, browser-based shell that lets you test out Stripe API requests before writing a line of code. Run any supported Stripe CLI command directly within the Stripe docs site. When you click the green play button next to any supported CLI command, the Stripe Shell runs the request and returns an immediate response in the terminal window.In this episode, developer advocate Matthew Ling walks you through how to invoke the Stripe Shell and shows you how to query and manipulate any of the resources in your Stripe account right from within the docs.### PresenterMatthew Ling – Developer Advocate at Stripe – https://twitter.com/mattling_dev ### ResourcesStripe Shell: https://stripe.com/docs/stripe-shell/overviewStripe for VS Code: https://stripe.com/docs/stripe-vscodeStripe CLI: https://stripe.com/docs/stripe-cli ### Table of contents00:00 Introduction01:04 Launching Stripe Shell02:00 Creating and manipulating resources in your Stripe account03:17 Experimenting with Events04:00 Tunneling from Stripe Shell to your local dev machine04:55 Conclusion ### SupportIf you have a question, please feel free to reach out to our support team on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest​​ ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88​​