> For the complete documentation index, see [llms.txt](https://docs.stylemixthemes.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stylemixthemes.com/cost-calculator-builder/cost-calculator-settings/in-builder-setting/confirmation-page.md).

# Confirmation Page

A **Confirmation page** is a page users will see after they make an order in the calculator. You can customize and show the Confirmation page only if you enable the [**Order Form**](/cost-calculator-builder/cost-calculator-settings/calculator-settings/order-form.md) or any [**Payment method**](/cost-calculator-builder/cost-calculator-settings/calculator-settings/payments.md)**.**

<figure><img src="/files/0bd9RDlgBHcb0nlkFNx3" alt=""><figcaption><p>Sample Confrmation Page</p></figcaption></figure>

{% hint style="warning" %}
The Confirmation page will be shown only if you enable the [**Contact Form**](/cost-calculator-builder/cost-calculator-settings/calculator-settings/order-form.md) or  [**Payment method**](/cost-calculator-builder/cost-calculator-settings/global-settings/payments-global.md).&#x20;
{% endhint %}

## Overview of the tab

We can divide the Confirmation Page tab into two parts: **Settings** and **Real-Time Preview**

<figure><img src="/files/goq4yrs9aELFb805s3G8" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The look of the **Confirmation page** comes from the **appearance** of the calculator. You can customize how the calculator and **Confirmation page** look by going to the [**Appearance tab**](https://docs.stylemixthemes.com/cost-calculator-builder/plugin-features/calculator-customization) on your calculator.
{% endhint %}

## Confirmation Page Settings

These are the available settings on the **Confirmation page**:

<figure><img src="/files/hbRvRTOOnYK8aDMIrlba" alt=""><figcaption></figcaption></figure>

* **Enable confirmation page - a**ctivate this toggle to display a confirmation page after order submission.
  * [**Show this page on** ](#options-to-show-the-confirmation-page)**-** Select where the confirmation page appears. Options include:
    * [**Same Page as the Calculator**](#same-page-as-calculator)
    * [**Top of a Calculator as a Pop-up** ](#top-of-calculator-as-popup)
    * [**Separate Page**](#separate-page)
    * [**Custom Page**](#custom-page)
  * **Texts**
    * **Title -** customize the main text to thank the user for their order, e.g., "*Thank you for your order!*"
    * **Description -** add a message notifying users that order details have been sent to their email, e.g., "*We have sent order details to your email.*"
    * **Order ID label -** enter the label displayed before the **Order ID** on the page
  * **Back to Calculator Text - c**ustomize the text for the button that redirects the user back to the calculator, e.g., "*Back to calculator*."
  * **Download PDF button**<mark style="color:red;">**\***</mark>**&#x20;-** enable this toggle to allow users to download a [**PDF Receipt**](/cost-calculator-builder/cost-calculator-settings/global-settings/pdf-entries.md) of their order.
  * **Share PDF button**<mark style="color:red;">**\***</mark>**&#x20;-** enable this toggle to provide users with an option to share their receipts. Once users click on the button, a pop-up modal opens, and the receiver's information should be provided.
  * **Custom Website button -** add a custom button for additional user actions, such as navigating to another page or feature by following the link you provided.
* **Order completion message -** if the **Confirmation page** is disabled, you can provide just one text that will be displayed as a confirmation message next to the Order Form.

{% hint style="warning" %} <mark style="color:red;">**\***</mark>Settings will work only if [**PDF Entries**](/cost-calculator-builder/cost-calculator-settings/global-settings/pdf-entries.md) and [**Share Quote Form**](/cost-calculator-builder/cost-calculator-settings/global-settings/share-quote-form.md) are enabled.
{% endhint %}

## Options to show the Confirmation page

### **Same Page as Calculator**

This option will show the Confirmation page on the same page as your calculator.

<figure><img src="/files/NfPnIpGNSSqby5OEShH3" alt=""><figcaption></figcaption></figure>

### **Top of Calculator as Popup**

This option will show the Confirmation page on top of a calculator page as a popup.&#x20;

<figure><img src="/files/d03cJjIyYrcZRwXkupfB" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
When using [**PayPal**](/cost-calculator-builder/payments/paypal.md) as a [payment method](/cost-calculator-builder/cost-calculator-settings/calculator-settings/payments.md), the **Confirmation page** can not be shown as a [**popup** ](#top-of-calculator-as-popup)or [**on the same page**](#same-page-as-calculator) as the Calculator. The Confirmation page will be shown on a [**separate**](#separate-page) or [**custom page.**](#custom-page)
{% endhint %}

### **Separate Page**

This option allows you to choose the page on your website where the Confirmation page will be shown.

<figure><img src="/files/1obwa3ob2bPrPvFn2h9Q" alt=""><figcaption></figcaption></figure>

### **Custom page**

This setting allows you to redirect your user to a page outside of your website domain after making the order. For example, when you have a different page for the thank you page. This way the setting of the **Confirmation Page** won’t apply to the page outside of your website.&#x20;

<figure><img src="/files/woCe8ebeboiO24B3NCqo" alt=""><figcaption></figcaption></figure>

* **Custom page Link** - enter the **URL link** of the page you want to show as the **Confirmation Page**


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.stylemixthemes.com/cost-calculator-builder/cost-calculator-settings/in-builder-setting/confirmation-page.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.