LIFF 一鍵結帳

在 LINE 內開啟 LIFF 結帳頁，免註冊、免輸入，3 秒下單。

{/* Phone */}

{/* status */}

9:41 ● ●

{/* LIFF header */}

橙築選物 LIFF

關閉

{/* content */}

確認訂單

{cart.slice(0, 2).map(i => (

{i.product.name}

x{i.qty}

${i.product.price.toLocaleString()}

))}

收件資訊

陳小姐 · 0975-691-485
桃園市桃園區春日路 818 號 1F

付款方式

💚 LINE Pay 已綁定

小計${subtotal.toLocaleString()}

運費{subtotal >= 499 ? "免費" : "$80"}

總計${total.toLocaleString()}

點擊即表示同意服務條款 · Demo 不會實際扣款

{/* Explanation */}

LIFF · LINE Front-end Framework

從 LINE 對話直達結帳，
不需要打開瀏覽器

LIFF 是 LINE 官方的 Web 應用框架。整套商城頁面嵌入 LINE 內，自動取得使用者資訊、LINE Pay 已綁定。客戶無需註冊帳號、無需填寫地址（從 LINE Profile 帶入）、無需重新輸入信用卡（LINE Pay 直接付）——真正的 3 秒下單。

{[ { t: "免註冊", d: "LINE 帳號即會員" }, { t: "免輸入", d: "從 Profile 帶入" }, { t: "免綁卡", d: "LINE Pay 直接付" }, { t: "原生通知", d: "Bot 主動推送" }, ].map(x => (

✓ {x.t}

{x.d}

))}

// LIFF 整合範例

liff.init({ liffId: "2006xxxxxx-xxxxx" });

const profile = await liff.getProfile();

const pay = await linePay.request({ total });

LINE Bot 對話 Demo

關鍵字觸發商品卡、訂單查詢、會員資訊——24 小時自動服務。

9:41 ● ●

橙

橙築選物

● 線上 · 24h 服務

{messages.map((m, i) => { if (m.from === "user") return (

{m.t}

); if (m.type === "products") return (

{m.items.map(p => (

{p.icon}

{p.name}

${p.price.toLocaleString()}

))}

); if (m.type === "order") return (

📦 您的訂單

#20260504-A82C · 配送中

2 件商品 · $3,260

預計 5/6 到貨

); if (m.type === "points") return (

會員等級 · 黃金

1,248 橙幣

可折抵 $1,248 · 升級 VIP 還差 $852

); return

{m.t}

; })}

＋

輸入訊息...

😊

Bot 商品卡 · 個人化推薦 · 24h 自動服務

客戶在 LINE 對話中傳關鍵字、查詢訂單、查橙幣餘額——Bot 立即回應，無需排隊等客服。整合 OpenAI / Claude，能理解模糊查詢、推薦相似商品。

{[ { c: "👤 用戶", t: "保溫杯 500ml 不鏽鋼", o: "→ Bot 推送 KINYO 保溫杯商品卡" }, { c: "👤 用戶", t: "我的訂單到哪了？", o: "→ Bot 回覆即時物流狀態" }, { c: "👤 用戶", t: "送女朋友禮物推薦", o: "→ Bot 推薦生活選物熱銷商品" }, { c: "👤 用戶", t: "我的橙幣", o: "→ Bot 顯示會員等級與餘額" }, ].map((x, i) => (

{x.c}

「{x.t}」

{x.o}

))}

LIFF 一鍵結帳

從 LINE 對話直達結帳，不需要打開瀏覽器

LINE Bot 對話 Demo

Bot 商品卡 · 個人化推薦 · 24h 自動服務

從 LINE 對話直達結帳，
不需要打開瀏覽器