Skip to content

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

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
js
 
 
 
 
 
 
 
 

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.