How to create an Item Specific Checkout URL for Pc 2.0?

Modified on: Wed, 29 May, 2024 at 11:38 AM

Scope

How to create a plan-specific URL in PC 2.0?

Do we have the option to create a plan link for in-app checkout?

Why PC 2.0 does not have a plan link as PC 1.0?

What is the Get Payment link?

How to get payments faster for a plan?

How to implement the ability to add in a discount code and also add add-ons at the checkout?


Summary

When you create and use an item-specific URL for checkout, the user interface of the In-app Checkout is retained but displayed as a pop-up window in a new tab. This is a manual process of adding the item ID's such as Plan ID, Addon ID, Charge ID to create a plan-specific URL and this process leads to maximum effort and time consumption. Now, every plan details page has a dynamic payment URL on each price point page, making it incredibly simple for you to share a payment link. Navigate from the Product Catalog > Plans index page > Plan details page > Customer-Facing Info > Get Payment Link (or) Settings > Configure Chargebee > Checkout & Self-Serve Portal > INTEGRATE WITH CHARGEBEE > Via Payment Link



Solution

Here's how an item-specific URL for a plan looks like

https://{sitename}.chargebee.com/hosted_pages/checkout?subscription_items[item_price_id][0]={item_price_id}&subscription_items[quantity][0]={quantity}


Now, to customize it for your usage, the placeholders need to be replaced with your Chargebee site name and Plan ID or Plan Price Point ID.

Example:

For a site named mars-voyage.chargebee.com having Plan Price Point ID as "mars-trip-usd-monthly" we can construct the item specific URL as below:

https://mars-voyage.chargebee.com/hosted_pages/checkout?subscription_items[item_price_id][0]=mars-trip-usd-monthly&subscription_items[quantity][0]=5

Furthermore, adding add-ons, charges, coupons, and many more to the query string with all the fields pre-filled and checking out the URL looks like this.

Example:

https://mars-voyage.chargebee.com/hosted_pages/checkout?
subscription_items[item_price_id][0]=plan-mars-bunker-rent-usd-monthly&
subscription_items[item_price_id][1]=addon-oxygen-supply-usd-daily&
subscription_items[item_price_id][2]=charge-spacesuit-with-pockets&
subscription_items[quantity][2]=5&
coupon_ids[0]=instigator-settlement

Click here to know more about Item specific URLs.


Get Payment Link

You can generate the URL from Plan Price Point Page & from Checkout & Self-Serve Portal 


Plan Price Point Page

To minimize the above manual efforts, our goal is to include a dynamic payment URL on each price point page, making it incredibly simple for the merchant to share a payment link and begin collecting payments. When the user clicks on the Get Payment Link, they will be redirected to an in-app checkout with the line items and upon confirmation, they will be directed to the payments page to complete the checkout.



Navigate from the Product Catalog > Plans index page > Plan details page > Customer-Facing Info > Get Payment Link.


Now, you can copy the Plan's URL by clicking on Copy and share it directly with your customers. 



Checkout & Self-Serve Portal page

Navigate from Settings > Configure Chargebee > Checkout & Self-Serve Portal > INTEGRATE WITH CHARGEBEE > Via Payment Link.


You can add the Product Family, Checkout Type (Subscription/One Time Payment), Plan, Currency & Frequency. 

You can also add Addon & Charge and once done, you can click on Copy Code.


Payment Link: Checkout & Self-Serve Portal 


The dynamic payment link will be created only for the following use cases:

1. Payment links will be generated for the following pricing models - Flat Fee, Per Unit, Tiered, Volume, and Stair-step.

2. The link will be generated for Accounts with or without Shipping enabled.

3. The link will be not generated for any type of metered billing.



Note: This Get payment link is available only on PC 2.0. This Payment link supports In-app checkout and Full page checkout.


In-app Checkout (HPv3)


Full Page Checkout (HPv4)



Related Articles

Error 'Plan-specific hosted page is disabled while using plan specific URL

How to Generate the hosted page URL? 

[API Users] How to generate hosted page URL and embed via iFrame

How to implement the drop in script into an image or button in the HTML document?

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.
×