How to add payment by 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.
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".
Go to your Stripe dashboard and copy the Publishable API key
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.
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".
Go to the products list. Click on a product.
Copy Price ID.
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.
🙌
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.
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:
Go to Branding to customize logo and brand colors:
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.
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: 05/08/2024
Thank you!