ปรับ Logo + สี + Slug (White-label)
อัปโหลดโลโก้, ตั้ง primary color, custom subdomain, ใส่ logo บนใบเสร็จ/portal
4 นาที·อัปเดต 2026-05-24
ที่ปรับได้
Settings → Branding (/dashboard/settings/branding)
- Logo — ใช้บน sidebar header, ใบเสร็จ, portal, email
- Logo dark — เวอร์ชันสำหรับพื้นมืด (optional)
- Primary color — สีหลักของ UI (CTA, link, badge)
- Slug —
hexahealth.app/{slug}/portal— แชร์ให้คนไข้ - Tagline — ข้อความใต้ logo (default: "Healthy Platform")
อัปโหลด Logo
- กด อัปโหลด Logo
- รองรับ: PNG (แนะนำ, รองรับ transparency), JPG, SVG
- ขนาดที่ดี: ขั้นต่ำ 400x100 px (4:1), max 2 MB
- ระบบ:
- upload ขึ้น R2 storage - generate URL → เซต tenant.logoUrl
- ใช้ทันที — refresh หน้าเห็น logo ใหม่
ใบเสร็จ + Rx label ใช้ logo นี้. ถ้าพิมพ์ขาวดำ → upload mark-mono.svg ของคุณแทน
ตั้ง Primary Color
- กล่อง color picker → เลือกสี hex (เช่น
#3B82F6สำหรับ blue) - ระบบ:
- เซต CSS variable --primary - update ทุก component ที่ใช้ bg-primary, text-primary, ฯลฯ
- แนะนำ: เลือกสีที่ contrast พอ — text สีขาวบนพื้นนั้นต้องอ่านง่าย (อย่าใช้สี pastel อ่อนเกิน)
Custom Slug
Default = clinic-id (UUID). เปลี่ยนเป็น human-readable:
Settings → Branding → Slug- ใส่ตัวอักษร + เลข + dash (3-30 chars):
smile-clinic - ระบบ check ว่าไม่ซ้ำ (slug เป็น global unique)
- บันทึก → URL เปลี่ยนเป็น
hexahealth.app/smile-clinic/portal
ลิงก์เก่า (UUID) ยัง redirect ไปลิงก์ใหม่ 6 เดือน. แชร์ลิงก์ใหม่กับคนไข้
Custom Domain (Enterprise)
อยู่ ENTERPRISE plan ขึ้นไป สามารถใช้ portal.smile.com แทน hexahealth.app/smile-clinic:
- ติดต่อทีมขายขอเปิด custom domain
- เพิ่ม CNAME ใน DNS ของ
smile.comชี้ไปที่cname.hexahealth.app - ทีมขายตั้ง mapping → SSL cert auto-issue ผ่าน Cloudflare
- ใช้ได้ภายใน 24 ชม.
ใส่ logo ใน Email + LINE template
Settings → Notifications → Templates — แต่ละ template (booking confirm, reminder, ฯลฯ) มีปุ่ม "ใช้ tenant logo" → auto-insert