Skip to content

Express Checkout

Target Audience: Users, Stakeholders, Developers

Introduction

Express Checkout enables customers to complete subscription purchases faster using digital wallet payment methods. By leveraging wallet data such as payment information and personal details, Express Checkout reduces the number of steps required to complete a purchase.

Currently available for Apple Pay, with Google Pay support coming soon.

Using Express Checkout

Via Tulo Paywall

Navigate to the template in Tulo Paywall where you would like to offer Express Checkout, and depending on your checkout type, choose one of the following HTML snippets to paste in the "Advanced settings" section:

Redirect to shop

{{#EXPRESS_CHECKOUT_URL}}
<div id="tulo-apple-pay-express" style="display: none;">
    <button id="paywall__apple-pay-button" class="paywall__express-purchase-button" type="button">Subscribe with Apple Pay</button>
</div>
{{/EXPRESS_CHECKOUT_URL}}

<script type="text/payway-paywall-js">
    (function() {
        const applePayContainer = document.getElementById('tulo-apple-pay-express');
        const applePayButton = document.getElementById('paywall__apple-pay-button');

        if (!applePayContainer || !applePayButton) return;

        // Check Apple Pay browser compatibility only
        if (window.ApplePaySession && ApplePaySession.canMakePayments()) {
            // Show container
            applePayContainer.style.display = 'block';

            // Bind click handler - URL is pre-constructed on server
            applePayButton.addEventListener('click', function() {
                window.location.href = '{{EXPRESS_CHECKOUT_URL}}';
            });
        }
    })();
</script>

Embedded shop

{{#EXPRESS_CHECKOUT_URL}}
<div id="tulo-apple-pay-express" style="display: none;">
    <button id="paywall__apple-pay-button" class="paywall__express-purchase-button" type="button">Subscribe with Apple Pay</button>
</div>
{{/EXPRESS_CHECKOUT_URL}}

<script type="text/payway-paywall-js">
    (function() {
        const applePayContainer = document.getElementById('tulo-apple-pay-express');
        const applePayButton = document.getElementById('paywall__apple-pay-button');

        if (!applePayContainer || !applePayButton) return;

        // Check Apple Pay browser compatibility only
        if (window.ApplePaySession && ApplePaySession.canMakePayments()) {
            // Show container
            applePayContainer.style.display = 'block';
        }
    })();
</script>

Express Checkout links are available in the "Sales links" section of each Package or Campaign in the PAP. These links can be used in email campaigns, marketing materials, custom landing pages, or any other sales channel.

Related Content