ET — Everything Jinglebell A
For · Developer

Developer Brief — ออกแบบ & เชื่อมต่อระบบ Phase 1

เอกสารนี้สำหรับทีม dev เท่านั้น — สรุปสถาปัตยกรรม, แบ่งงานชัดว่าอะไร CC ทำ / dev ทำ / CEO เปิดบัญชี, และจุดเชื่อมต่อที่ต้องส่งต่อให้ทีม ads/marketing

Context

ET คืออะไร · ขอบเขต Phase 1

Everything JingleBell (et.co.th) — ร้านค้าออนไลน์คัดสรรของแปลก/หายากนำเข้า ลูกค้าไทย ราคาบาท · Phase 1 = ขายเอง (own retail, ไม่มีร้านค้านอก, ไม่มี marketplace/community ในเฟสนี้) · คอนเซ็ปต์เทคนิค: ใช้ระบบสำเร็จรูป เขียนเอง/ดูแลเองให้น้อยที่สุด

STACK สถาปัตยกรรม Phase 1 (buy-not-build)

Commerce coreShopify — สินค้า/ตะกร้า/checkout/ออเดอร์/สต็อก/ลูกค้า/ภาษี (PCI, hosting, scaling เขาดูแล) · แพลน Basic→Grow
Web storefrontธีม Online Store 2.0 (เช่น Dawn หรือธีม premium) — แต่งผ่าน editor + Liquid/CSS ตามแบรนด์
Native appVajro (Shopify app-builder) → iOS + Android แบรนด์ ET · sync สินค้า/ออเดอร์กับ Shopify อัตโนมัติ · มี live selling
PaymentOpn (Omise) หรือ GB Prime Pay/Xendit — PromptPay / บัตร / TrueMoney · settle เป็นบาท (Shopify Payments ไม่เปิดไทย → ใช้ gateway ไทย + Shopify surcharge ~0.6–2%)
LogisticsFlash / Kerry / ไปรษณีย์ไทย / J&T ผ่าน Shopify shipping app (สร้าง label + tracking + COD)
e-Tax invoiceapp ใบกำกับภาษีอิเล็กทรอนิกส์ไทย (e-Tax Invoice / e-Receipt) เชื่อม Shopify — รองรับภาษีไทย
DNS / domainet.co.th บน Cloudflare (CC ดูแล) — ชี้ไป Shopify
TrackingGA4 + Meta Pixel + TikTok Pixel + product catalog feed — ส่งต่อให้ทีม Ads (ดูหัวข้อ Integration)
Developer Brief · StackA · หน้า 1

RACI ใครทำอะไร — CC / Developer / CEO

CC ทำงานเทคนิคได้เกือบหมด · Developer รับงาน custom/เฉพาะทาง · CEO เปิดบัญชี/จ่ายเงิน/ยืนยันตัวตน (สิ่งที่ระบบอัตโนมัติทำแทนไม่ได้)

งานCCDevCEO
เปิดบัญชี Shopify + เลือกแพลน + จ่ายเงิน
ตั้งค่าร้าน Shopify (สินค้า, collection, เมนู, นโยบาย, ภาษี, ค่าส่ง)
เลือก + ติดตั้งธีม, แต่งผ่าน editor (สี/ฟอนต์/เลย์เอาต์)
ดีไซน์ custom เกินที่ธีมให้ (Liquid sections, UI เฉพาะ, animation)
สมัคร merchant account gateway (Opn/GBPrimePay) — KYC + บัญชีธนาคาร
ตั้งค่า/เชื่อม gateway เข้า Shopify (หลังมี account)
ตั้งค่า logistics app + courier (mapping, COD, label)
สมัคร account courier (ถ้าต้องสัญญาตรง)
ตั้งค่า Vajro (สร้างแอป, แต่งหน้าตา, sync)
Apple Developer + Google Play account ($99/yr + $25)
submit แอปขึ้น store (Vajro ช่วย submit ผ่าน account CEO)
e-Tax invoice app — ติดตั้ง/ตั้งค่า (ถ้าต้อง custom เชื่อม = dev)
DNS et.co.th (Cloudflare) ชี้ Shopify + custom domain
ติดตั้ง tracking (GA4 / Meta / TikTok pixel) + product feed
สรุปบทบาท Developer: โฟกัสงาน (1) custom theme/UI เกินมาตรฐาน ตามดีไซน์แบรนด์ ET, (2) custom integration ที่ app สำเร็จรูปทำไม่ครบ (เช่น e-Tax เชื่อมระบบบัญชี, logic เฉพาะ), (3) QA + ส่งมอบ ก่อน go-live · งาน config มาตรฐาน CC ทำให้ได้หมด — dev ไม่ต้องทำซ้ำ
Developer Brief · RACIA · หน้า 2

INTEGRATION จุดเชื่อมต่อที่ต้องส่งต่อทีมอื่น

ACCOUNTS บัญชี/credential ที่ CEO ต้องเปิด (checklist)

เมื่อ CEO เปิดบัญชีแล้ว → ส่ง API token / เชิญเป็น staff/collaborator ให้ CC + dev เพื่อตั้งค่าต่อ

DATA GAP — รอ CEO ยืนยัน 1) แพลน Shopify (Basic vs Grow) · 2) gateway ที่เลือก (Opn vs GBPrimePay) · 3) couriers ที่ใช้ · 4) ต้องออก e-Tax invoice เลยหรือเฟสถัดไป · 5) โดเมนหน้าร้านจริง (et.co.th หลัก vs shop.et.co.th) · 6) brand assets (โลโก้/สี/ฟอนต์) สำหรับงานธีม · 7) timeline go-live
Developer Brief · Integration & AccountsA · หน้า 3