If you don’t currently have an ecomm store, Stripe is a good option for collecting payments as well as test the market for your products. Now you can build your own Stripe checkout right into your Unbounce landing pages to make it easier to turn more browsers into buyers.

Below we’ve broken down the instructions into two sections (with video) to make it as easy as possible.

WARNING: YOU ARE ENTERING DEVELOPER TERRITORY
This is not an official Unbounce feature. This functionality is based entirely on third party code, and has only been tested in limited applications. Since this isn’t a supported Unbounce feature, our support team will be unable to assist if things go awry. So if you are not comfortable with HTML, Javascript and CSS, please consider consulting an experienced developer.

Step 1. Enable checkout and create SKU in Stripe

Go to “Settings”

Go to “Checkout Settings”

Make sure you toggle “Enabled” on the top right corner of your screen

Enter the domain you want to use for your checkout (your landing page domain)

Go to “Create your first product”

Click “Add a test product”

Select whether it’s a one-time purchase or recurring product

Enter product name, currency, and upload image

Click “Done”

Click “Use with Checkout”

Enter your “Success URL”; this is where you will send users after they purchase and were you can setup your purchase tracking

@David_Garrett@Stefano
The problem was in the preview mode. I guess the reason is that in preview mode the page is http. And in order to transfer to stripe checkout the page has to be https. When I published my landing page with https, the stripe linked worked.

However, i have another question. How to make the button mouse hover? Thanks in advance.