# 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 [**Order 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/bTNOgmu29UI4KrezNDuw" alt=""><figcaption><p><a href="/pages/-MHlBnUQlxOErG-bJiOT">Calculator Settings</a> > Currency</p></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**:

<div><figure><img src="/files/53eWcxSaZbQwv2oaxlfA" alt=""><figcaption><p>Confirmation Page is <mark style="color:green;"><strong>Enabled</strong></mark></p></figcaption></figure> <figure><img src="/files/yRtoeLXfIkSxPWvojbcj" alt=""><figcaption><p>Confirmation Page is <mark style="color:red;"><strong>Disabled</strong></mark></p></figcaption></figure></div>

* **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**
    * **Order Confirmation Message Title -** customize the main text to thank the user for their order, e.g., "*Thank you for your order!*"
    * **Order Details Message (body) -** 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 -** enter the label displayed before the **Order ID** on the page
  * **Back Button Text - c**ustomize the text for the button that redirects the user back to the calculator, e.g., "*Back to calculator*."
  * **Button to Download Receipt**<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.
  * **Button to Share Receipt**<mark style="color:red;">**\***</mark>**&#x20;-** enable this toggle to provide users an option to share their receipts. Once users click on the button, a pop-up modal opens and the receiver information should be provided.
  * **Add Custom 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 %}

<figure><img src="/files/ylq42CvyybEErHKO7Msw" alt=""><figcaption><p>Sample Settings</p></figcaption></figure>

## 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 the 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/1UMZoIWAel57qCEDWjIp" alt=""><figcaption></figcaption></figure>

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


---

# 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.stylemixthemes.com/cost-calculator-builder/cost-calculator-settings/calculator-settings/confirmation-page.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.