ปรับ 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)
  • Slughexahealth.app/{slug}/portal — แชร์ให้คนไข้
  • Tagline — ข้อความใต้ logo (default: "Healthy Platform")
  1. กด อัปโหลด Logo
  2. รองรับ: PNG (แนะนำ, รองรับ transparency), JPG, SVG
  3. ขนาดที่ดี: ขั้นต่ำ 400x100 px (4:1), max 2 MB
  4. ระบบ:

- upload ขึ้น R2 storage - generate URL → เซต tenant.logoUrl

  1. ใช้ทันที — refresh หน้าเห็น logo ใหม่

ใบเสร็จ + Rx label ใช้ logo นี้. ถ้าพิมพ์ขาวดำ → upload mark-mono.svg ของคุณแทน

ตั้ง Primary Color

  1. กล่อง color picker → เลือกสี hex (เช่น #3B82F6 สำหรับ blue)
  2. ระบบ:

- เซต CSS variable --primary - update ทุก component ที่ใช้ bg-primary, text-primary, ฯลฯ

  1. แนะนำ: เลือกสีที่ 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:

  1. ติดต่อทีมขายขอเปิด custom domain
  2. เพิ่ม CNAME ใน DNS ของ smile.com ชี้ไปที่ cname.hexahealth.app
  3. ทีมขายตั้ง mapping → SSL cert auto-issue ผ่าน Cloudflare
  4. ใช้ได้ภายใน 24 ชม.

ใส่ logo ใน Email + LINE template

Settings → Notifications → Templates — แต่ละ template (booking confirm, reminder, ฯลฯ) มีปุ่ม "ใช้ tenant logo" → auto-insert

บทความที่เกี่ยวข้อง