Build a Product Landing Page with Stripe Integration

About this course

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this hands-on course, you'll learn how to create a fully functional product landing page with Stripe payment integration. The course is structured to take you from the initial project setup to the complete integration of Stripe for handling payments. You'll build a polished landing page that features several key sections, such as the hero section, chapter previews, author information, and FAQs while incorporating dynamic content and interactivity using Svelte. You’ll begin by setting up your project, working with Svelte, and a CSS reset for consistent styling. From there, you'll build and style the hero section, chapter previews, and the "About the Author" and FAQ sections. You'll also learn how to use Svelte's templating language to create reusable components and dynamically render content based on user inputs, making your page interactive and engaging. Once the page structure and design are in place, you'll dive into integrating Stripe payments. Learn how to set up a Stripe account, understand the core concepts of Stripe integration, and write the necessary code to process payments. You’ll also learn to handle success and failure pages post-payment and configure Stripe webhooks for payment event notifications. This course is ideal for developers interested in building dynamic, modern landing pages with payment integrations. By the end of the course, you’ll be able to deploy your project on Vercel and automate email notifications with SendGrid for seamless digital product delivery upon successful payments.