Skip to main content

Checkout 2.0

A brand new Checkout is under development, project name Checkout 2.0. This is a guide to get onboard with Checkout 2.0. The current solution (referred as Checkout 1.0) will be deprecated during 2022.

One-column layout#

With the new design, the Checkout will always use a one-column layout. This will result in a narrower design of the Checkout which should be kept in mind regarding the placement of the iframe. The max width is 512px and the height will change dynamically as the customer interacts with the Checkout.

Script element attribute#

The only thing required is to add the script element attribute data-version="v2" to the existing script tag. See example below.

<script
src="https://checkout-uat.collector.se/collector-checkout-loader.js"
data-token="public-SE-7f1b3d2a2a73d348dfbd17d3965ff1458c249f84c695eac1"
data-version="v2"
></script>

Colors#

Checkout 2.0's primary color will be #3D388B, but it's still possible to specify an action color like before.

Features#

FeatureCheckout 1.0Checkout 2.0
Countries B2CSE/NO/FI/DK/DESE/NO
Countries B2BSE/NO/FI/DK❌
Prefill support✔️🚧
Delivery Module✔️❌
DeliveryMode Digital✔️❌

Client-side events#

Please note

Some events have been removed from Checkout 1.0. If you still need them for some reason, please get in touch with us and we can try to find a solution together.

EventCheckout 1.0Checkout 2.0
walleyCheckoutCustomerUpdated✔️✔️
walleyCheckoutLocked✔️✔️
walleyCheckoutUnlocked✔️✔️
walleyCheckoutResumed✔️✔️
walleyCheckoutShippingUpdated*✔️🚧
walleyCheckoutReloadedByUser✔️❌
walleyCheckoutExpired✔️❌
walleyCheckoutPurchaseCompleted✔️❌
walleyCheckoutOrderValidationFailed✔️❌

* walleyCheckoutShippingUpdated will be supported when the Delivery Module is supported.