Documentation
Support

Widget installation

Suggest Edits

In order to install the widget on your custom website, follow the steps below.

1. Include the Scalapay scripts

Add the Scalapay library scripts into head tag of product or cart HTML page.

<script type="module" src="https://cdn.scalapay.com/widget/scalapay-widget-loader.js?version=V5"></script>

2. Add the Scalapay HTML tag in the page template

Place the widget in the desired position on the Product page and the Cart page via HTML code.

Our recommended placement of the widget can be found in our Guidelines & best practices section.

Basic Integration Example

<!doctype html>
<html lang="en">
<head>
    <title>Scalapay Suite Widget</title>
    <script type="module" src="https://cdn.scalapay.com/widget/scalapay-widget-loader.js?version=V5"></script>
</head>
<body>
<div id="price-container">€ 100,00</div>
<scalapay-widget
        amount-selectors='["#price-container"]'
        environment='integration'
        merchant-token='8KDS3SPEL'
></scalapay-widget>
</body>
</html>

<!doctype html>
<html lang="en">
<head>
    <title>Scalapay Suite Widget</title>
    <script type="module" src="https://cdn.scalapay.com/widget/scalapay-widget-loader.js?version=V5"></script>
</head>
<body>
<div id="price-container">€ 100.00</div>
<scalapay-widget
        type='checkout'
        amount-selectors='["#price-container"]'
        environment='integration'
        merchant-token='8KDS3SPEL'
></scalapay-widget>
</body>
</html>

Full customization instructions be accessed on the Widget configuration page.

📘

ENVIRONMENT & MERCHANT TOKEN

During the testing process, the environment value has to be filled with integration and the merchant token value has to be filled with 8KDS3SPEL.

In production, the environment value can be omitted and the merchant token has to be the one available on the Merchant Portal in the Developer section.


📘

IF ADYEN or STRIPE MERCHANT

If you are a Adyen merchant, use the merchant token 3LQDGJYPC for production mode.

If you are a Stripe merchant, use the merchant token 3MAP917KB for production mode.

In production, the environment value can be omitted.

Updated 1 day ago