# Checkout Process

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.

{% hint style="info" %}
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.
{% endhint %}

```markup
<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>
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tebex.io/creators/tebex-checkout/custom-template-change.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.