> For the complete documentation index, see [llms.txt](https://tutorials.deeple.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tutorials.deeple.ai/practical-using/in-chat-web-shopping.md).

# การใช้งานเว็บช้อปปิ้ง (In-chat Web Shopping)

เว็บช้อปปิ้งถูกพัฒนาขึ้นเพื่อสร้างประสบการณ์ที่ดีในการเลือกซื้อสินค้าผ่าน**การใช้งานบนสมาร์ทโฟนและแท็บเล็ต** มีการออกแบบให้แสดงรายละเอียดสินค้า, ตัวเลือกสินค้า, ราคา, โปรโมชันและข้อมูลการจัดส่งของร้านค้า เพื่ออำนวยความสะดวกให้ลูกค้าสามารถเลือกซื้อสินค้าได้อย่างรวดเร็วและได้รับข้อมูลที่ร้านค้าระบุไว้อย่างครบถ้วน โดยไม่จำเป็นต้องกดติดต่อแอดมินเพื่อให้ข้อมูลเพิ่มเติม

การเข้าสู่หน้าเว็บช้อปปิ้ง สามารถเข้าถึงได้ 2 วิธีดังนี้

* [คลิกจาก "เมนูสินค้าทั้งหมด (All products)"](#all-products)
* [คลิกเมนูสินค้า/หมวดหมู่](#undefined)

:bulb:[การเลือกซื้อสินค้าในหน้าเว็บช้อปปิ้ง](#undefined-1)

## คลิกจาก “เมนูสินค้าทั้งหมด” (All products) 

1. คลิกที่เมนู All products

![](https://512914305-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN5IyZ2rL8OspNmBogkyx%2Fuploads%2Fnqon50b8cyXVJRwekqF1%2F2022-04-03_23-51-40.png?alt=media\&token=d4b8c091-0db0-446d-854e-d4fa291beaa5)

2\. ระบบจะนำลูกค้าเข้าสู่หน้าแรกของเว็บช้อปปิ้งเพื่อเลือกซื้อสินค้าทั้งหมดของร้านได้ตามที่ต้องการ 

![](https://512914305-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN5IyZ2rL8OspNmBogkyx%2Fuploads%2FH6kgnfozhsWQABwSiVJP%2F2022-04-03_23-54-23.png?alt=media\&token=828370ae-fb77-48ce-8fc8-9f2eff954cf8)

## คลิกเมนูสินค้า/หมวดหมู่

1. คลิกที่เมนูสินค้า /หมวดหมู่ที่ต้องการ

![](https://512914305-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN5IyZ2rL8OspNmBogkyx%2Fuploads%2FWsnxxB7tOu4kpXSmUz7M%2F2022-04-03_23-51-40.png?alt=media\&token=669458ab-b9d9-4270-b5e6-35c9eeda33cc)

2\. คลิกตัวเลือกสินค้าที่ต้องการ หรือคลิกปุ่ม ”ดูข้อมูลเพิ่มเติม” ระบบจะนำลูกค้าเข้าสู่หน้าเว็บช้อปปิ้งเพื่อเลือกซื้อสินค้าต่อไป

![](https://512914305-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN5IyZ2rL8OspNmBogkyx%2Fuploads%2FZqJaewkBRkHbutonxeI9%2F2022-04-04_00-11-06.png?alt=media\&token=ae38708d-0708-4ae1-8dfc-3519614f5c5c)

{% hint style="info" %}
ระบบจะแสดงหน้าเว็บช้อปปิ้งก็ต่อเมื่อคุณตั้งค่ารูปแบบการเลือกซื้อสินค้าเป็น "รูปแบบเว็บช้อปปิ้ง" เท่านั้น สามารถตรวจสอบการตั้งค่าบนระบบ deeple ได้จาก "[การตั้งค่ารูปแบบการเลือกซื้อสินค้า](/getstarted/botsetting.md)"
{% endhint %}

## การเลือกซื้อสินค้าในหน้าเว็บช้อปปิ้ง

1. ดูข้อมูลสินค้า เช่น ดูรูปสินค้า, อ่านรายละเอียดสินค้าและโปรโมชัน เป็นต้น

| ![](https://512914305-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN5IyZ2rL8OspNmBogkyx%2Fuploads%2FemgBwUHC5iqBBxl14GkI%2Fimage.png?alt=media\&token=40685b82-0012-4cf1-adf6-84941e1d9766)        ![](https://512914305-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN5IyZ2rL8OspNmBogkyx%2Fuploads%2F01A5mHohX8PFCbNYbNN6%2Fimage.png?alt=media\&token=df780550-e751-4370-894f-38da76e0cc9c) |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

2\. กดจำนวนสินค้าที่ต้องการ 

3\. กด "เพิ่มไปยังตะกร้า"

![](https://512914305-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN5IyZ2rL8OspNmBogkyx%2Fuploads%2FSLBAXWZV3rn9bsqKODS9%2F2022-04-04_00-27-33.png?alt=media\&token=a8e9abba-ce46-4bd4-94f6-164bbd93f1d4)

4\. ระบบจะนำสินค้าเข้าตะกร้าอัตโนมัติ จากนั้นกดที่ตะกร้าสินค้า

![](https://512914305-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN5IyZ2rL8OspNmBogkyx%2Fuploads%2FQmB4k926FAC1OcCbgquW%2F2022-04-04_00-33-01.png?alt=media\&token=8a1917f3-42ca-4c90-9628-b04d2922ca00)

5\. ระบบสรุปรายการสั่งซื้อและกดยืนยันการสั่งซื้อ

    (หากต้องการดูสินค้าเพิ่มเติม ให้คลิก "เพิ่มสินค้า" และเลือกสินค้าอื่น ๆ ได้ตามที่ต้องการ) 

![](https://512914305-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN5IyZ2rL8OspNmBogkyx%2Fuploads%2FrdICf2CtGk8Y6vLVDU48%2F2022-04-04_00-37-08.png?alt=media\&token=47dfc7a4-360f-467f-928b-b39d4789a5c7)

6\. ระบบจะปิดหน้าต่างเว็บช้อปปิ้ง และให้ลูกค้าทำรายการที่เหลือให้เสร็จสมบูรณ์ซึ่งได้แก่ การกรอกข้อมูลการจัดส่งและชำระเงิน เป็นต้น

{% hint style="info" %}
สำหรับผู้ใช้งานระบบ iOS ที่เลือกซื้อสินค้าผ่านช่องทาง Instagram เมื่อกดปุ่ม "ยืนยันการสั่งซื้อ" ระบบจะไม่ปิดหน้าต่างเว็บช้อปปิ้งให้อัตโนมัติ ผู้ใช้งานจำเป็นต้องกดปุ่มกากบาทเพื่อปิดหน้าต่างดังกล่าวเอง
{% endhint %}