Thanks to the native Poool Engage <> Stripe connector, you can display in a Poool Engage element the offers that have been created in your Stripe account. The connection between Poool and Stripe happens automatically, to pull up the right offer and its associated information.
Find in this article the main steps for this setup.
Create offers in Stripe
First of all, start by setting up the offers you wish to highlight.
In “Stripe” > “Product catalog” > “Create a product”
By choosing “add a product”, you can thus define all the characteristics of your offer.
Activate the option in the Dashboard
Once your Stripe elements are ready, go to the Poool Dashboard, “Third-party integrations” tab, select “Stripe”.
You can then:
- Activate the connection
- Enter your secret API key
- Define the success URL. This is the redirect URL that you define once the payment is successfully completed
- Define the cancellation URL = redirect URL when the transaction has failed
Configure the Stripe component
Once the connection is active, start creating your Engage element.
When you add a component, the “Stripe” option is now available to you.
A Stripe component appears, in which you can configure the final rendering of your offer.
For example, here: I include textual elements, spaces, and button in my component.
And thanks to the available variables, I can pull up the different information related to my product: name, price, currency, duration, …
In my example, I’m loading the following variables: {stripe_price_id} {stripe_price} {stripe_currency} {stripe_interval}
To ensure that the correct values are pulled up, it’s important to properly replicate the naming of the variables {stripe_xxx}
And here’s the final result! ✨
In your appearances, the variable information is defined arbitrarily.
In our example, we chose to display the variables in a button element, but they can be used in all the Engage components you configure.
Multiple variables are at your disposal. Details of these are given when hovering over the variable name. Here’s a reminder:
{stripe_price_id}: Stripe price ID
{stripe_product_id}: Stripe product ID
{stripe_product_name}: product name
{stripe_price}: offer price
{stripe_full_price}: complete offer price with currency
{stripe_currency}: currency
{stripe_interval}: billing interval (day, week, month, year)
{stripe_interval_count}: number of billing intervals
{stripe_type}: offer type (recurring / one-time)
{stripe_advantages_{n}}: offer benefits
Finalize the connection with Stripe
Once your component is configured with the correct variables, set “Open Stripe” as the Action associated with your button.
Thus, when clicking on this button, the Stripe payment window opens.
Single Stripe offer, Stripe offers, what’s the difference?
When activating the Stripe component, you have the choice between: single Stripe offer or Stripe offers.
Single Stripe offer pulls up the last Stripe offer created in your Stripe account.
Stripe offers retrieves the 3 most recently created offers.
Once your element is finalized, you can then preview it on your site, then activate it according to the conditions you wish.
Available Statistics
To track your component’s performance, you can find the number of button clicks in the Dashboard. On the Stripe side, you’ll have the number of subscriptions counted for your offer.
Regarding redirect URLs, parameters will be added once the user has paid, with the Stripe session info. This provides a method for you to process the subscriber with his information.
Our support team remains at your disposal if you have any questions!