Salla Docs
Merchant API
  • Merchant API
  • Salla OAuth 2.0
Partner APIs
  • App API
  • Shipment API
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Change Log
Salla CLI
Merchant API
  • Merchant API
  • Salla OAuth 2.0
Partner APIs
  • App API
  • Shipment API
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Change Log
Salla CLI
Salla - Opensource
Salla - Developers Community
  1. Theme Architecture
  2. Pages
  3. Common Pages
  • Getting Started
    • Create a theme
    • Develop a theme
    • Setup a theme
    • Publish a theme
  • Requirements & Review
    • Overview
    • Main Requirements
    • Review Process
      • UI / UX Review
      • Technical Review
      • Metadata Review
      • Pre-Launch Review
  • Files and Folders Structure
    • Directory structure
    • Twilight.json
  • Twig Template Engine
    • Basic syntax
    • Twilight flavoured twig
  • Theme Architecture
    • Layouts
      • Overview
      • Master Layout
      • Global Variables
      • CSS Variables
      • Salla Icons
      • Custom Fonts
      • Hooks
      • Localizations
    • Pages
      • Overview
      • Home Page
      • Product Pages
        • Products listing
        • Single product
      • Customer Pages
        • Profile
        • Orders list
        • Order details
        • Wishlist
        • Notifications
      • Blog Pages
        • Blog listing
        • Single blog
      • Brand Pages
        • Brands listing
        • Single brand
      • Common Pages
        • Cart
        • Loyalty
        • Thank you
        • Single page
        • Landing Page
    • Componenets
      • Overview
      • Home Components
        • Youtube
        • Fixed banner
        • Testimonials
        • Parallax background
        • Photos slider
        • Store features
        • Square photos
        • Fixed products
        • Products slider
        • Featured products - Style 1
        • Featured Products - Style 2
        • Featured Products - Style 3
        • Brands
        • Enhanced Square Banners
        • Main Links
        • Enhanced Slider
        • Slider Products with Headers
        • Latest Products
        • Vertical Menu with Slider
      • Product Components
        • Essentials
        • Options
      • Common Components
        • Header Components
        • Footer Components
        • Comments component
  • Change Log
  1. Theme Architecture
  2. Pages
  3. Common Pages

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#

Thank you

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.
id
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 (Urls) 
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.
pending_payment_ends_at
integer 
required
Last date allowed to customer to pay the order.
total_weight
string 
required
Total weight value
rating_link
string  | null 
required
Order Rating Link.
Note that the order has to be of either of the following statuses: completed, delivered, or shipped. The merchant has to allow the product to be rated from the Store Settings > Rating Settings
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
tags
object (OrderTag) 
required
Order tag details.
store
object 
required
Order store details.
thank_you
string 
optional
Thank you message content.
share_message
string 
optional
Share message content.
short_share_message
string 
optional
Short message for sharing option.

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
Modified at 2025-03-04 12:54:02
Previous
Loyalty
Next
Single page