ShipAngular LogoShipAngular
Get started
Tutorials
Ship in 5 minutes Static pageUser authenticationAPI callPrivate pageStripe SubscriptionsPrivacy policy with GPT
Features
SEODatabaseEmailsPaymentsGoogle OauthMagic LinksCustomer supportError handlingAnalytics
Components
HeaderHeroProblemWithWithoutFeatures ListicleFeatures AccordionFeatures GridCTAPricingFAQFooterButton LeadButton CheckoutButton Sign-inButton AccountButton GradientBetter IconTestimonial AvatarsRating
Security
Sending limit in MailgunMonthly budget in OpenAIRate limiting (Magic Links)
Deployment
Extras

ComponentsButton Checkout

Opens a Stripe Checkout session. Perfect for a one-time payment or a subscription.

Set mode="payment" for one-time payments or mode="subscription" for recurring payments like a monthly membership.

By default the user must be logged in to checkout to prevent potential disputes like a fraudulent payment with a fake email. You can change that in the /create-checkout endpoint in /api/stripe API route

This component is used to create Stripe subscriptions and one-time payments.

A Button Checkout component for ShipAngular boilerplate

{page}.component.html

<app-button-checkout />
Looking for UI-only components like buttons, inputs, etc? It's all available with daisyUI. See this guide for more info.