Checkout Process

Optimise your customers' checkout flow when using Tebex Checkout

When using Tebex Checkout, your customers will use a streamlined, centralised checkout flow.

If you are creating a custom template for your Tebex Store, you must ensure the following HTML is placed on the checkout page to enable your customers to proceed to the Checkout flow.

We recommend taking a backup of your template before making any changes. If you're unsure on what to do, contact an experienced web developer or Tebex support.

<div class="card py-5 px-4 rounded-0 border-top text-center">
    <h2 class="mb-3">{{ __("Proceed to checkout") }}</h2>
    <div class="row justify-content-center">
        <div class="col-12 col-lg-8">
            <form method="post" action="/checkout/pay" class="gateway">
                <button type="submit" class="btn btn-primary btn-lg btn-block" id="purchase-button" data-loading-text="{{ __("Loading, please wait...") }}">
                    {{ __("Proceed to checkout") }}
                </button>
                <p class="mb-0 text-center mt-3"><small>{{ __("You will be redirected to our payment gateway to complete your purchase") }}</small></p>
            </form>
        </div>
    </div>
</div>