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='https://cdn.checkout.ventrata.com/v3/production/ventrata-checkout.min.js' 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=https://checkout.ventrataguideline.com/checkout/widget/js?locale=en&prefix=checkout 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

Updated on: 09/04/2024