Skip to main content
SubscriptionFlow Docs
Customization

Embed Checkout

Updated

Every time you create a new plan in SubscriptionFlow, a web checkout is also created in association with that plan. You can start selling this plan by connecting this web checkout or hosted payment page to your website. When a customer clicks the ‘Checkout’ button on your website, they will be smoothly transferred to the web checkout page, powered by the payment gateway of your choice. This stepwise guide outlines how to link web checkout pages to your website.

This guide shows you how to link web checkout pages to your website.

Step 1:

First create a product. Here is a guide on how to do that.

Step 2:

Then create a plan for your product. Here is a guide on how to do that.

Step 3:

Open Products and click the product whose checkout you want to add to your website.

Products list

Step 4:

Scroll down to the plans on the product. Click Web Checkout on the plan.

Web Checkout on a plan

Step 5:

The Share Web Checkout drawer opens on the URL tab with your checkout link. Click Open to preview the checkout, Edit to customize it, or Copy to paste the link anywhere on your website, such as on a button or in an email.

Share Web Checkout: URL

Step 6:

The Embedded iframe tab gives you code to embed the checkout in your own website, so customers complete checkout without being sent to another domain. Click Copy and paste the code into your page.

Share Web Checkout: Embedded iframe

Step 7:

The Html Button tab gives you code for a button that opens your checkout. Enter the Button Label you want, then copy the code and paste it on your website.

Share Web Checkout: Html Button

Step 8:

The Payment Widget tab gives you a link that opens the checkout as a payment widget. Copy it, or click Open to preview it.

Share Web Checkout: Payment Widget

And that is how you link web checkout to your website.

Was this article helpful?0 out of 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.