Stripe Website Integration

E-commerce Aug 17, 2022

Сheckout is one of the most crucial steps in the online shopping process. Picking the right payment provider for your store will help you to offer your customers the best shopping experience possible and, as a result, will lead to higher conversion rates. That’s why you need to choose your payment options wisely.

In our previous article, we discussed the pro’s and con’s of using PayPal checkout. This time we are going to cover the reasons why you should consider using Stripe, and we will show how to embed Stripe on website.

Stripe Website Integration

Why integrate Stripe?

Launched back in 2010, Stripe now is one of the most popular payment providers in the world. It is available in 47 countries, supports more than 130 currencies, and accepts all credit/debit cards. And the number of supported countries is growing.

So what makes Stripe so popular?

  • Comprehensive dashboard  —  provides you with full control over every customer, transaction, subscription, transfer, and others from one place.

  • Multiple payment methods —  Stripe supports a wide range of local payment methods and during checkout dynamically shows those that may increase conversion.

  • Security  —  with two-step authentication (password and unique code from a mobile device) and fine-grained permissions you shouldn’t worry about your account safety. Also each transaction is thoroughly analyzed and there are fraud detection services (Radar).

  • Clear fee structure  —  there are no hidden, monthly or card storage fees. The price is fixed, you will need to pay 2.9% plus $0.30 per card charge.

  • Built for and by developers  —  extensive libraries support for various programming languages and mobile platforms; versioned API updates; in-depth documentation that will allow you to easily integrate Stripe payments and customize the checkout process if necessary.

How to embed Stripe on your website

As mentioned above, Stripe was built with great care for developers in mind. It offers client and server libraries in everything from React and PHP to .NET and iO along with clear and thorough documentation.

Stripe Website Integration

There are two options available: you can go with a Prebuilt Checkout page (this way client- and server-side code will redirect to a prebuilt payment page hosted on Stripe) or create your own custom flow almost from scratch using Elements, and embed a custom payment form on your site. The second option will allow your customers to stay on the site and you will have more control over the form.

You can find the step-by-step instructions and working samples of the code for the frontend and backend here.

Accept payments on Stripe without coding

Not a developer? No worries, Stripe got you covered.
There’re also several options to accept payments that don’t require any technical knowledge to set up.

Payment links

You can create a payment link (or a QR code!) in your dashboard and start selling your product or service, or collect donations without building a digital storefront. You can share the links in emails, social media, etc, as many times as you need. It is also possible to enable multiple payment methods, add promo codes, customize the post-purchase experience, add UTM сodes to track your campaigns, and more.

Send invoices

In your Stripe Dashboard, you can create invoices and use them to collect money from your customers. Invoices come with a list of goods and services, and they also include the quantity, taxes, and total cost. You can customize invoices with your own branding, also duplicate and modify them if necessary.

Use a dedicated plugin or add-on

Most e-commerce platforms and website builders offer a built-in Stripe integration. This way you can have a shopping cart, checkout, and accept payments on your site just by enabling and setting up the necessary add-on or plugin.

Create an e-commerce website with Stripe checkout and no-code

If you are looking for a website builder that will allow you to create an online store without writing code, consider using SpreadSimple.

With SpreadSimple you can create a mobile-friendly website with Google Sheets functioning as your CMS. This means you can update and manage your content just by making changes in the Sheet.

Your website will also have all the necessary e-commerce features like:

  • Shopping cart and customizable checkout form
  • Multiple payment methods
  • Taxes, fees, shipping rates
  • Promo codes
  • Filters, sorting, search
  • Product pages
  • Order notifications and receipts

To create a website you can pick one of the templates or just paste your Google Sheets link – and a site will be generated for you automatically. After that, you can enable the checkout and connect Stripe.

Enable Stripe checkout

After your site is set up, you can enable Stripe add-on in the Add-ons Tab.

Enable Stripe checkout

Enter the currency code (for example, USD) and customize the checkout button naming if necessary.

Then you will need to get the API keys from your Dashboard. Find and copy the Publishable key and the Secret key and paste them into the corresponding fields in the add-on settings.

You can also add tax and shipping rates (make sure you have them configured in the Dashboard first) by entering their IDs, or skip this step and only set up these rates on SpreadSimple’s side.

After everything is ready, save the changes. That’s it, now you can test the checkout and you are all set.

Enable Stripe checkout

You can always find our step-by-step instructions on how to enable Stripe checkout on your website here.

You can also watch this short video to see how to add Stripe checkout.

Frequently Asked Questions

Will my data be safe with Stripe?

Yes, absolutely. It is a certified Level 1 PCI Service Provider which proves it to be a safe payment processor.

Should I have a Stripe account?

Yes, you will need a Stripe account to accept payments on Stripe.

Does Stripe store the payment data of the clients on its server?

Yes, but all the card information is encrypted and stored separately from the decryption keys. None of Stripe’s internal servers and daemons can obtain plain text card numbers but can request that cards are sent to a service provider on a static allowlist. Stripe’s infrastructure for storing, decrypting, and transmitting card numbers runs in a separate hosting environment and doesn’t share any credentials with Stripe’s primary services including such as API and website.

Does Stripe have any industry restrictions?

High-risk merchants, including financial and professional services, IP Infringement, regulated, or illegal products and services, unfair, predatory, or deceptive practices are not accepted as well as the products or services restricted by Stripe’s financial partners.

What are the fees for using Stripe?

There are no monthly fees for using Stripe checkout. You will be charged 2.9% + $00.30 per successful transaction.

Google sheets to a website


Great! You've successfully subscribed.
Great! Next, complete checkout for full access.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.