> For the complete documentation index, see [llms.txt](https://tech.x2bee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tech.x2bee.com/api-guide/api-guides-en/store-front-api/order-and-payment/order-form.md).

# Order Form

The page where a customer proceeds with an order to purchase a product; on this page, they can review the ordered product information and edit various information such as delivery and payment method.

{% columns %}
{% column %}

<p align="center"><strong>PC</strong></p>

<figure><img src="https://2999922013-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXTxKSWMmuxEkop1pvuwe%2Fuploads%2FQk32DcK1LRoe4jyPBgeH%2Fimage-20240416-050549.png?alt=media&#x26;token=19745b95-8990-4e38-992f-c84bac5a21e3" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}

<p align="center"><strong>Mobile</strong></p>

<figure><img src="https://2999922013-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXTxKSWMmuxEkop1pvuwe%2Fuploads%2FwiEA3BTVmAS7RFsar77D%2Fimage-20240416-050555.png?alt=media&#x26;token=3a5a8008-4bad-4452-aac8-c0310e945f9e" alt=""><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

***

## Order Form Basic View Area <a href="#plus" id="plus"></a>

<div align="center"><img src="https://tech.x2bee.com/download/attachments/266110569/Ordersheet.drawio.png" alt=""></div>

### 1. Validate Order Form Entry <a href="#id-1" id="id-1"></a>

When entering the order form, user validation (checking required information, membership status, age, etc.) is performed before the order form is displayed.

* **Validate order form entry (**[🔗View API >](https://api.x2bee.com/content?msa=order\&depth=%EC%A3%BC%EB%AC%B8%EC%84%9C/validateOrderSheet))\
  If order form entry validation fails, returns a code and message for each exception case.

```
POST api/order/v1/orderSheet/validateOrderSheet 
```

### 2. View Order Form and Enter Payment Method <a href="#id-2" id="id-2"></a>

When creating or viewing an order form for a member or non-member, that order form's detailed information is displayed. You can select and register a payment method, and the final payment amount is calculated based on the delivery address/mileage (auxiliary payment)/coupons and benefits.

1\) Member\\

* “Orderer, email, password, confirm password” information is not displayed.\\
* The member's default delivery address is shown by default.

2\) Non-member\\

* “Coupons and benefits, held mileage, mileage to be accrued” information is not displayed.\\
* The Add Delivery Address button is displayed.<br>
* **Look up order form (**[🔗View API >](https://api.x2bee.com/content?msa=order\&depth=%EC%A3%BC%EB%AC%B8%EC%84%9C/orderSheet))\
  Displays the various configuration information needed when creating or viewing an order form.

```
POST api/order/v1/orderSheet/orderSheet 
```

{% hint style="danger" %}
The payment method selection screen displays different payment methods depending on the following situations:

* Held mileage and payment method display information appear according to the payment method in the price information at the time the product was registered.
* Apple Pay and Samsung Pay display information differently depending on the OS and browser.\\
  * Apple Pay: when on iOS, Safari\\
  * Samsung Pay: when not on iOS
    {% endhint %}

### 3. Look Up Common Codes Used in the Order Form <a href="#id-3" id="id-3"></a>

* **Look up common code list (**[🔗View API >](https://api.x2bee.com/content?msa=common\&depth=%EA%B3%B5%ED%86%B5/getGrpCdList))\
  Looks up multiple common codes needed when creating or viewing an order form.

```
POST api/common/v1/common/getGrpCdList 
```

### 4. Look Up Order Form Top Notice <a href="#id-4" id="id-4"></a>

* **Look up screen customer notification (**[🔗View API >](https://api.x2bee.com/content?msa=common\&depth=%EA%B3%B5%ED%86%B5/getContsList))\
  Looks up the customer notification list to be displayed at the top of the order form and non-member order form.

  If there are no notification items, the customer notification area is not displayed.

```
GET api/common/v1/common/getContsList 
```

### 5. Look Up Gift Promotion <a href="#id-5" id="id-5"></a>

* **Look up order form gift promotion (**[🔗View API >](https://api.x2bee.com/content?msa=order\&depth=%EC%A3%BC%EB%AC%B8%EC%84%9C/getAeEvtList))\
  Checks whether an ongoing gift promotion exists for the ordered products.

  Selecting a gift promotion product can be done in the gift promotion modal popup that appears when the payment button is clicked.

```
post api/order/v1/orderSheet/aeEvtList 
```

### 6. Look Up Member Information <a href="#id-6" id="id-6"></a>

Non-members are not looked up since they have no delivery address to retrieve.

* **Look up member information (unmasked) (**[🔗View API >](https://api.x2bee.com/content?msa=member\&depth=%ED%9A%8C%EC%9B%90%EA%B3%B5%ED%86%B5/getMemberInfo_1))\
  Looks up the member's unmasked information and displays the member's default delivery address.

```
GET api/member/v1/front/memberInfo 
```

### 7. Look Up Order Form Coupon List <a href="#id-7" id="id-7"></a>

Non-members cannot use coupons, so this is not looked up for them.

* **Look up order form coupon list (**[🔗View API >](https://api.x2bee.com/content?msa=order\&depth=%ED%94%84%EB%A1%9C%EB%AA%A8%EC%85%98%20%ED%95%A0%EC%9D%B8/getCouponPopupData))\
  Looks up the maximum applicable benefit value for the order form and displays the number of coupons and the discount amount.

```
post api/order/v1/marketing/getCouponPopupData 
```

### 8. Look Up Order Form Accrual Information <a href="#id-8" id="id-8"></a>

Non-members cannot accrue mileage, so this is not looked up for them.

* **Look up order form accrual information (**[🔗View API >](https://api.x2bee.com/content?msa=order\&depth=%EC%A3%BC%EB%AC%B8%EC%84%9C/getAccumulationInfo))\
  Looks up accrual information matching the order information and shows the purchasing member the mileage to be accrued.

```
post api/order/v1/orderSheet/accumulationInfo 
```

***

## Add/Change Delivery Address and Calculate Delivery Fee on the Order Form <a href="#plus" id="plus"></a>

![](https://tech.x2bee.com/download/attachments/266110569/FO%20API_%EC%A3%BC%EB%AC%B8%EC%84%9C%20%EB%B0%B0%EC%86%A1%EB%B9%84%20%EB%B0%8F%20%EC%A0%81%EB%A6%BD%20%EC%A1%B0%ED%9A%8C.drawio.png)

### 1. Look Up Delivery Address List <a href="#id-1" id="id-1"></a>

On the order form, calls the delivery address change popup when the user changes or adds a delivery address.

* **Look up member delivery address list (**[🔗View API >](https://api.x2bee.com/content?msa=member\&depth=%ED%9A%8C%EC%9B%90%EB%B0%B0%EC%86%A1%EC%A7%80/getDlvpInfoList))\
  Looks up the orderer's delivery address list.

```
GET /api/member/v1/front/dlvpInfo 
```

### 2. Look Up Delivery Fee by Delivery Group <a href="#id-2" id="id-2"></a>

Called when the user changes or adds delivery address information, or changes the product quantity, on the order form.

* **Look up delivery group fee (**[🔗View API >](https://api.x2bee.com/content?msa=order\&depth=%EC%A3%BC%EB%AC%B8%EC%84%9C/getDeliveryGroupAmountList))\
  Looks up the delivery fee for each delivery group; if the requested delivery group's postal code is in a remote/island area, an additional delivery fee is charged.

```
post /api/order/v1/delivery/deliveryGroupAmountList 
```

### 3. Look Up Maximum Delivery Fee Benefit <a href="#id-3" id="id-3"></a>

On the order form, when the user changes or adds delivery address information, or changes the product quantity, looks up the coupon information that provides the maximum benefit among the delivery fee coupons.

* **Look up maximum delivery fee benefit (**[🔗View API >](https://api.x2bee.com/content?msa=order\&depth=%ED%94%84%EB%A1%9C%EB%AA%A8%EC%85%98%20%ED%95%A0%EC%9D%B8/getMaxBenefitDeliveryCoupon))\
  Looks up available delivery fee coupon information for each delivery group and sets the delivery fee coupon on the one delivery group that matches the condition.

```
post /api/order/v1/marketing/getMaxBenefitDeliveryCoupon
```

***

## View and Change Discount Benefit Details on the Order Form <a href="#plus" id="plus"></a>

![](https://tech.x2bee.com/download/attachments/266110569/1711676555978-FO%20API_%EC%A3%BC%EB%AC%B8%EC%84%9C%20%EB%B0%B0%EC%86%A1%EB%B9%84%20%EB%B0%8F%20%EC%A0%81%EB%A6%BD%20%EC%A1%B0%ED%9A%8C.drawio.png)

### 1. View Discount Benefit Details <a href="#id-1" id="id-1"></a>

Clicking the Change Benefits button on the order form looks up the benefit information available for that order and displays it in a popup.

1. By default, the maximum discount benefit information is shown, and you can set/clear the maximum discount information at any time via the Apply Maximum Discount checkbox at the top.
2. Non-member orders cannot receive discount benefits, so the coupons and benefits area is not displayed on the order form.

* **Look up order form coupon list (**[🔗](https://api.x2bee.com/content?msa=order\&depth=%EC%A3%BC%EB%AC%B8%EC%84%9C/getCouponPopupData)[View API >](https://api.x2bee.com/content?msa=order\&depth=%EC%A3%BC%EB%AC%B8%EC%84%9C/getCouponPopupData))\
  Looks up available benefit information when entering the coupon selection popup.

```
POST /v1/marketing/getCouponPopupData 
```

{% hint style="info" %}
**Only one discount benefit can be selected per stage.**

* Primary discount: sale price discount (an area set on the product; cannot be selected)
* Secondary discount: employee discount / instant product discount / product discount coupon
* Tertiary discount: cart coupon / stackable discount coupon
* Other: delivery fee coupon

Example 1) In a single order, you can use a product discount coupon, a cart coupon, and a delivery fee coupon at the same time.

Example 2) In a single order, you cannot use an instant product discount and a product discount coupon at the same time.
{% endhint %}

{% hint style="danger" %}
If you select the employee discount in the secondary discount, you cannot select a tertiary discount.
{% endhint %}

### 2. Apply Discount Benefit <a href="#id-2" id="id-2"></a>

After selecting a discount benefit in the discount benefit lookup popup and clicking the Apply button at the bottom, the selected discount benefit information is applied to the order and displayed in the coupons and benefits area and the payment area.

***

## Gifting <a href="#plus" id="plus"></a>

![](https://tech.x2bee.com/download/attachments/266110569/FO%20API%20%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0-%EC%84%A0%EB%AC%BC%ED%95%98%EA%B8%B0%20%EC%A3%BC%EB%AC%B8.drawio.png)

### 1. Validate Gifting Order <a href="#id-1" id="id-1"></a>

On the cart page, clicking that product's Gift button runs order product validation to enter the gifting order form.

If the product is determined to be orderable, the gifting order form page appears.

For this API, please refer to the order eligibility validation in the Cart document.

### 2. View Gifting Order Form and Enter Payment Information <a href="#id-2" id="id-2"></a>

When creating or viewing a gifting order form, that order form's detailed information is displayed. For this API, please refer to View Order Form and Enter Payment Information in the Order Form document.

The gifting order form differs from a standard order form by providing the following features:

* Non-members cannot use the gifting feature
* Provides a gift message, card selection, and recipient information entry features
* Does not provide delivery address and delivery message entry fields

### Managing Received/Sent Gifts <a href="#undefined" id="undefined"></a>

For a description of viewing and managing history of gifts received or sent, please see the My Menu > Gift Box document.
