Articles on: New Web Checkout

Old vs New Checkout

In this article, we will take a look at the main design differences between the old and new web checkout, so that there is no confusion between the two, as well as the differences in the initialisation codes between the two.

The images below always show the old and new checkout examples side by side, with the new checkout on the left and the old one on the right.

Difference how the code looks like for checkout

New web checkout code

<script src='' type='module' data-config='{"apiKey":"23b0177b-2184-4659-889f-2cb5c5aae25e"}'>

The biggest difference is the source (src="") from which the script is downloaded.

Old web checkout code

<script src= data-layout="embed" data-color="#1C5597" data-token="23b0177b-2184-4659-889f-2cb5c5aae25e" data-product="8a07d3fe-680a-4e85-a66d-58ba44bafa87" option-id="8a07d3fe-680a-4e85-a66d-58ba44bafa87" data-referrer=""></script>

Visual comparison of new and old webcheckout

Product List Page: New vs Old Web Checkout

Option List Page: New vs Old Web Checkout

Ticket Page: New POP-UP vs NEW EMBEDDED vs OLD Web Checkout

Updated on: 09/04/2024

Was this article helpful?

Share your feedback


Thank you!