Thank you

The thank you page template is the page the customer is taken to after completing an order transaction. Naturally, the page includes a brief thank you message that signals the store's appreciation for completing the order - just like any consumer would expect. In addition, this page template lists the order details for the customer's reference.

Following is the page location and url:

Example

Variables

ThankyouPage

page

string | object

optional

title

string

optional

Title of the page. May include html tags.

slug

enum<string>

optional

Meaningful unique identifier that is readable by users. Slug are predifned valued in which each page has a list of allowed values. Below are the allowed values for this page.

Allowed value:

thank-you

order

object (Order)

optional

Detailed structure of the Order model object showing its fields and data types.

number

required

A unique alphanumeric code or identifier assigned to a specific order. List of orders can be found here

cart_reference_id

number

required

A unique alphanumeric code or identifier assigned to a specific order cart.

reference_id

number

required

A specific alphanumeric identifier associated with an order.

urls

object

required

Customer and Admin urls.

date

object (Date)

required

Date and time of the order.

updated_at

object (Date)

required

source

enum<string>

required

The source of the order.

Allowed values:

storelandingforgotten_basketabandoned-cartcampaigndashboardbuy_as_giftmahly-appbuy_nowone-clickcomplete_order

draft

boolean

required

Whether or not the order 's status is set to draft

read

boolean

required

Whether or not the Merchant has read the order

source_device

string

required

The machine or device used when the customer placed the order.

source_details

object

required

Order source details.

status

object (NewOrderStatus)

required

Order status.

is_price_quote

boolean

required

Whether or not to quote order price.

payment_method

string

required

The specific payment option chosen by a customer to pay for a product or service as part of an order.

receipt_image

string

required

Order's image receipt.

currency

string

required

The currency in which order costs and prices are expressed and processed.

amounts

object

required

Order amounts.

exchange_rate

object

required

The order exchange rate.

can_cancel

boolean

required

The option to enable order cancellation by the store customer.
True value should be set if the order status is in under review and in progress, as according to the store settings.

show_weight

boolean

required

Whether or not to show the weight value.

can_reorder

boolean

required

Whether or not to enable reorder .

is_pending_payment

boolean

required

The option of displaying order is pending payment to the customer when the order status is payment_pending.

rating_link

string

deprecated

The rating URL to review the order.
🛑 The variable is to be deprecated; use data.urls.rating variable instead.

checkout_url

string

deprecated

The checkout URL to settle payments related to the order
🛑 The variable is to be deprecated; use data.urls.checkout variable instead.

pending_payment_ends_at

integer

required

Last date allowed to customer to pay the order.

total_weight

string

required

Total weight value

shipping

object

required

Order Shipping details.

shipments

array [object {22}]

required

Order shipment details.

pickup_branch

object (Branch)

required

Order pickup branch details.

shipment_branch

object (ShipmentBranch)

required

Order shipment branch details.

customer

object (Customer)

required

Customer details.

items

array [object {16}]

required

bank

object

required

Hooks

The thank you page template may call the following hooks in order to inject extra information.

JS Web Components

The Thank You page may include the following JS Web Components, which are ready-made designs and style-sets of web components for Salla stores:

Button <salla-button>

Usage

This page template receives the order object, which contains all of the information related to the purchased order.

The developer may start by displaying the order id using the variable order.order_id.
After that, a for-loop statement is used in order to list the purchased items with their details. For example, item.codes and item.name. Other details can also be displayed, such as attached files, with these items, using the array item.files.

Below is a full example of that:

Another thing that can be done on this page is to show that the order details have been sent to the customer's email using the variable order.customer.email along with the order invoice.

After that, it would also be good to show store support contact information in case the customer needs to contact the store owner.

Educational Clip

Example#

Variables#

Hooks#

JS Web Components#

Usage#

Example

Variables

Hooks

JS Web Components

Usage