/one-time-payments-html-landing-page

Primary LanguageHTML

Pre-Order Landing Page with One-Time Stripe Payments

Collect pre-sales revenue using this pre-built landing page as a way to validate a new product idea.

Running live at: https://lucid-ramanujan-f21cd3.netlify.app/

Full Guide at: saasbase.dev

Screenshot

Features

  • Easy to customize
  • Responsive HTML/CSS
  • Stripe One-Time Payments

Installation

The project is set up to be super easy to run.

  1. Sign up for a Stripe account here.
  2. Turn on Client-Only Integration under Settings > Checkout Settings.
  3. Add a new product. Copy the Pricing API ID and paste it in the data-price-id property of the payment button in index.html.
  4. Replace the PUBLISHABLE_KEY in js/main.js with yours from Developers > API Key.
  5. Profit!

Need more detailed instructions? Check out the full guide at saasbase.dev.