Integrating your Outgrow content with Payment Gateway for creating Gated Content or Processing Payment from the Results Page

Outgrow now lets you integrate your Payment Gateway with your content to create gated content or process payment from the results page, where users are required to make a payment before accessing the content or before accessing the results. The payment gateways that we currently support are Paypal, PayU, Chargebee, and Stripe.

This document will help you in getting a better understanding of how this feature works and how you can configure it in Outgrow.

Configuring the Payment Gateway feature in your content

1. Login to your Outgrow dashboard, and open the respective content in Build mode.

2. In the next step, navigate to the Payments tab in the Build section. Turn on the toggle for enabling Payment Gateway integration.

3. Select the Payment Gateway that you want to integrate with your Outgrow content. Currently, we support integration with Stripe, Chargebee, PayU, and Paypal.

3.1. Integrating Outgrow content with Stripe: You can collect the payment using Stripe, either by placing the payment option behind Lead Form CTA or the Results Page CTA. To authenticate the integration you need Stripe Publishable Key and Secret Key. You can also select the currency that will be supported by your Stripe account. You can choose to display the Seller's Name and Description if required, and also you can enable the settings that will require the user to add Postal Code, Billing Address, and Shipping Address and also give the user access to be Remembered post adding the payment details.

3.2. Integrating Outgrow content with Chargebee: You can collect the payment using Chargebee, either by placing the payment option on the Results Page CTA. To authenticate the integration you need to add Chargebee Header Script. Then for the Chargebee Checkout Button, add the Checkout Button Code. You can then choose how you want the user to be redirected when they have made the payment. NOTE: Remove the Checkout redirect URL from your Chargebee dashboard to avoid conflicts & data loss.

3.3. Integrating Outgrow content with PayU: You can collect the payment using PayU, either by placing the payment option behind Lead Form CTA or the Results Page CTA. To authenticate the integration you need PayU Merchant POS ID, Secondary Key, oAuth Client ID, oAuth Client Secret. You can also select the currency that will be supported by your PayU account. You can choose whether you want to process the payment in Test Mode or Live Mode.

3.4. Integrating Outgrow content with PayPal: You can collect the payment using PayPal, by placing the payment option behind the Results Page CTA. To authenticate the integration you need PayPal Client ID and Secret Key. You can also select the currency that will be supported by your PayPal account. You can choose whether you want to process the payment in Test Mode or Live Mode. NOTE: You can also configure the PayPal button style in this section, and can select the label text for the PayPal button.

4. Click on Publish to save the changes.

Using Stripe as the reference Payment Gateway for explaining the setup

1. In this case, we will select Stripe as the reference Payment Gateway. Add your Stripe Publishable Key and Secret Key to your Outgrow content. Specify the amount that the end-user needs to pay, and also any description that you want to display to the users.

2. Lastly, as you will be setting up the gate for collecting payment with the Lead Gen form, select the location where you want to display the Lead Gen form.

NOTE: In case you want to show the results prior to the user making the payment, then you can choose the Lead Form to be displayed Before The Results.

3. Save the changes by clicking on Publish.

4. Now when the users will access your content, and post entering their lead details in the Lead Gen form, they will be asked to make a payment before they could see the results. You can refer to the screenshots below:

A. Users will see the payment page upon adding their lead details in the lead gen form:

B. Users will be required to add their card details:

5. Click on Publish to save the changes.

In case you have any further questions or concerns, please feel free to reach out to us either using our Chat feature at the bottom of the page or by sending an email at [email protected] and we will be happy to assist you further.