Implementing Offer Pricing Page

This article provides guidance on how offers can be displayed to your customers in a sample offer pricing page. How you want to display your pricing and packaging is very much up to you, so see this snippet of HTML as a base.

Prerequisites

You need to have offer IDs of the offers that you want to present (e.g. 2 offers).

Step 1: Prepare page

Go to this page and see the example HTML code provided there. You can treat it as a base to create your own preferred page.

Step 2: Display offer details

• You can of course hard code the details of the offers directly within the pricing page. However, you can also fetch the details of the offers that you configured within the Cleeng dashboard directly from the API.
• Fetch your offers details by making a GET request to the /offers/:offerId endpoint.
• Then you simply display the retrieved data to the customer.

Here is a sample offer display page:

Step 3: Trigger the checkout

Embed the widget script (if you haven't done it yet) and invoke the checkout.