Articles on: Payments

Stripe Checkout Integration

This simple guide will help you connect Stripe and accept one-time and recurring payments right from your landing page.

To connect Stripe Checkout integration Is required to have Stripe business account*, HTTPS secure connection (provided by Unicorn Platform).

Please note that Stripe is available in 46 countries. If your country is not on the list you will not be able to use Stripe and therefore connect this integration.


Step 1: Enable Stripe Checkout



Before using Stripe Checkout, you should activate it first. Navigate your Stripe account Checkout settings, scroll down a bit, find "CLIENT-ONLY INTEGRATION" and enable it.



Then enter your website domain. Please provide subdomains in addition to root domains, (e.g., example.com and www.example.com). Click "Save".




Step 2: Copy Stripe Publishable API key



Go to your Stripe dashboard and copy the Publishable API key



Step 3: Paste the Publishable API key in Unicorn Platform



Go to the editor of your Pricing table component. In it's editor, go to the settings of the table itself by clicking on the gear.



In Payment tab click "Set up Stripe".



Kindly paste the Publishable API key in provided field.




Step 4: Create a product in Stripe



Navigate to your Stripe products list and click Add product.



Enter your product name and description.



Next, scroll down the page a bit and here you'll find the Pricing information section. Specify the pricing model, the actual price, payment frequency, and billing period.

If you need to add more prices, click on "Add another price."



After you have added all the necessary prices, at the top of the page in the upper right corner, click "Save product".


Step 5: Copy Price ID



Go to the products list. Click on a product.

Copy Price ID.




Step 6: Paste the copied Price ID in Unicorn Platform



Go to the editor of the Pricing table component. In its editor, click the gear on the corresponding plan.



Paste the Pricing ID into the field provided. And also select the type of payment, One-time or Recurring.




Repeat Step 5 and Step 6 for each of your pricing plans.

That is it!
Now your button acts as a Stripe Checkout opener, not as a regular link.

I hope this guide was helpful. If you still have any questions about Stripe, you are welcome to ask anything in the online chat. As always.


🙌

F.A.Q


Q:
Does the integration support prices with tiered billing in?
A: I'm sorry but our implementation of Stripe integration (Stripe Client-only Checkout Integration) does not support prices with tiered billing. If you need this feature you need to establish a self-hosted Stripe Checkout integration.

Q:
I've connected Stripe, but it doesn't work.
A: Please see our 👉 simple guide to learn how to fix common errors.


Bonus: Advanced configuration



Edit purchase flow URLs



Enter "successful" and "canceled" purchase URLs to send a message to your customers or do some tracking activities.




By default your customers will be redirected to the same page with an opened popup:







Branding



Go to Branding to customize logo and brand colors:



N.B.: Data processing



It is important to know that Unicorn Platform never stores your customers' emails or credit card details. This data never even touches our servers - it is passed directly to Stripe. This guarantees a high level of data security.

Updated on: 13/02/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!