Skip to content

How I Install Stripe Checkout in a landingpage from

September 15th, 2018


How I install Stripe Checkout in a landingpage from, 8 easy to follow screenshots.


1 Click “+” after “Choose a Starting Point” in and after buying carrd Pro for $9 / year (yup, per year).

Install Stripe Checkout in



2 Click “Widget”

Install Stripe Checkout in



3 Change nothing, the Stripe Checkout comes automagically

Install Stripe Checkout in



4 Write amount, choose currency, write your button label and click “require shipping address”.

Install Stripe Checkout in



5 Translate the success and failure messages.

Install Stripe Checkout in



6 Copy/paste your publishable key and your secret key from Stripe.

Install Stripe Checkout in



7 Don’t use live keys like I just did. Use test keys.

Install Stripe Checkout in



8 Click “View test keys”

Install Stripe Checkout in



9 You are good to go out testing on your friends. It is free for them and free for you. 😺👍

Test the Stripe Checkout

I recommend testing the Stripe Checkout on real people. The Stripe Checkout is easy to use for customers and it is good for you to take a look at the test data. Test out different prices and different products on different people. Testing is good for you.


Set up a Stripe account to get Stripe Checkout

I will take some screenshot on how easy it is to set up a Stripe account.


Tutorial by the Great Gatsby.js Team

If you are curious what tutorial I have used in my screenshots it is from the great Gatsby.js team. Check out the tutorial here. Gatsby.js, blazing-fast static site generator for React. Follow them on twitter @gatsbyjs, UX researcher @shannonb_ux Lead dev @jlengstorf and the founder @kylemathews


Easy to use landingpages at

Follow the mysterious founder on twitter @ajlkn


Stripe is a global technology company that builds economic infrastructure for the internet

Follow them on twitter @stripe and the CEO @patrickc . Or read a little more about Stripe here:

The Cloud 100
The definitive ranking of the private companies to know in tech’s hottest sector. This list of breakout cloud companies ranges from bootstrapped giants to venture capital startup darlings



Post a comment
  1. December 3rd, 2019

    гидра – гидра зеркало, как зайти на hydra?

  2. December 5th, 2019

    проект под экспертизу – обеспечение пожарной безопасности, пожарные лестницы

  3. January 10th, 2020

    It’s truly very complicated in this busy life to listen news on Television, therefore
    I only use web for that reason, and get the most up-to-date information.

  4. January 21st, 2020

    купить набор ножей – кастрюли и ковши, каталог посуды

  5. May 4th, 2020

    Excellent site. Lots of useful information here. I am sending it to a few buddies ans additionally sharing in delicious.
    And naturally, thanks to your sweat!

  6. June 7th, 2020

    A fascinating discussion is definitely worth comment.
    I do think that you ought to write more about this subject matter,
    it may not be a taboo matter but typically people do not discuss these subjects.
    To the next! Best wishes!!

  7. August 27th, 2020

    After checking out a number of the blog articles on your site,
    I really like your technique of writing a blog. I saved it to my
    bookmark webpage list and will be checking back soon. Please check out my website as well and let me know what you

  8. August 27th, 2020

    Greate pieces. Keep writing such kind of info on your page.

    Im really impressed by your blog.
    Hey there, You have done an incredible job.
    I’ll certainly digg it and in my opinion suggest to my friends.
    I’m confident they’ll be benefited from this site.

Leave a Reply

Basic HTML is allowed. Your email address will not be published.

Subscribe to this comment feed via RSS