ตั้งค่าเว็บไซต์ (Admin)

จัดการการตั้งค่าทั้งหมดผ่าน Admin Panel โดยไม่ต้องแตะโค้ด

ข้อมูลทั่วไป

website_nameชื่อที่แสดงบนแท็บเบราว์เซอร์และ Navbar

descriptionคำอธิบายเว็บไซต์สั้นๆ

link_discordลิงก์ Discord Server หลักของร้าน

logo_image_urlโลโก้ทั่วไป (fallback สำหรับทุก mode)

logo_image_url_darkโลโก้สำหรับ Dark Mode โดยเฉพาะ

logo_image_url_lightโลโก้สำหรับ Light Mode โดยเฉพาะ

show_last_ordersToggle — แสดงรายการสั่งซื้อล่าสุดบนหน้าหลัก

ช่องทางติดต่อ

เพิ่มได้สูงสุด 3 ช่องทาง แต่ละช่องมี 4 ฟิลด์

image_urlURL รูปไอคอน / โลโก้ช่องทางนั้น

nameชื่อช่องทาง เช่น Discord, LINE

detailรายละเอียดเพิ่มเติม เช่น เบอร์, ID

linkURL ที่จะเปิดเมื่อคลิก

ตัวอย่าง

Discord

discord.gg/yourserver

LINE

@yourlineid

ระบบชำระเงิน

เปิด/ปิดแต่ละช่องทางได้อิสระ และตั้งค่า credentials สำหรับแต่ละผู้ให้บริการ

Toggle เปิด/ปิด

TrueMoney

PromptPay

Coupon

Byshop

Wichxshop

Credentials

phone_number_truemoneyTrueMoneyเบอร์โทร True Money Wallet

phone_number_promptPromptPayเบอร์พร้อมเพย์

full_name_promptpayPromptPayชื่อบัญชีพร้อมเพย์

api_key_slipokSlipOKAPI Key ตรวจสลิปอัตโนมัติ

slipok_branch_idSlipOKBranch ID ของ SlipOK

api_key_byshopByshopAPI Key Byshop

api_key_wichxshopWichxshopAPI Key Wichxshop

อีเมล (SMTP)

ใช้สำหรับส่ง Stock Alert และอีเมลแจ้งเตือนต่างๆ

email_hostsmtp.gmail.com

email_port587

email_useryour@email.com

email_passapp-password

email_from"MyShop" <your@email.com>

Gmail ต้องใช้ App Password (ไม่ใช่รหัสผ่านบัญชีหลัก) — เปิด 2FA แล้วสร้าง App Password ที่ myaccount.google.com

Discord Integration

OAuth2 — เข้าสู่ระบบด้วย Discord

discord_client_idApplication ID จาก Discord Developer Portal

discord_secret_idClient Secret จาก OAuth2 settings

discord_callback_urlRedirect URI ที่ลงทะเบียนไว้ใน Discord App

Webhook แจ้งเตือน

discord_webhook_topupแจ้งเตือนเมื่อมีเติมเงิน (Topup)

discord_webhook_orderแจ้งเตือนเมื่อมีสั่งซื้อสินค้า (Order)

discord_webhook_registerแจ้งเตือนเมื่อมีสมัครสมาชิกใหม่ (Register)

discord_webhook_clamแจ้งเตือนเมื่อมีเคลมสินค้า (Claim)

Spinner

เลือกรูปแบบ loading indicator ที่จะใช้กับทุก state โหลดในเว็บ — เปลี่ยนแล้วมีผลทั่วทั้งระบบทันที

defaultspinner มาตรฐาน

throbberโหลดเดอร์หมุน

pinwheelกังหันหมุน

circle-filledวงกลมซ้อนกัน

ellipsisจุดเด้งสามจุด

ringวงแหวนขยายออก

barsแท่งขึ้นลง

infiniteเส้น ∞ เคลื่อนที่

🎞️

Custom GIF

เลือก "Custom GIF" แล้ววาง URL ของ GIF ใดก็ได้ — ระบบจะใช้รูปนั้นเป็น spinner แทนทุก state โหลด

Spinner ที่เลือกจะใช้กับทุก loading state พร้อมกัน ไม่สามารถกำหนดแยกรายหน้าได้

เป็ดมาสคอต 🦆

เป็ดจะโผล่ขึ้นมาที่มุมล่างขวาเมื่อผู้ใช้เข้าเว็บ แล้วหายไปเอง

duck_enabledToggle เปิด/ปิดเป็ด

duck_messageข้อความทักทาย (สูงสุด 100 ตัวอักษร)

ตัวอย่าง

🦆

รูปภาพ Open Graph

เมื่อแชร์ลิงก์เว็บบน Discord, LINE, Facebook หรือ Twitter — จะแสดงรูปและข้อความที่ตั้งไว้

og_image_urlURL รูปภาพ (แนะนำ 1200 × 630 px)

og_titleหัวข้อ — เว้นว่าง = ใช้ชื่อเว็บ

og_descriptionคำอธิบาย — เว้นว่าง = ใช้ description เว็บ

ตัวอย่าง (รูปแบบ Discord)

1200 × 630 px

yoursite.com

ชื่อเว็บไซต์

คำอธิบายสั้นๆ เกี่ยวกับร้านค้าของคุณ

แพลตฟอร์มอื่นอาจแสดงผลแตกต่างเล็กน้อย

เคอร์เซอร์กำหนดเอง

เพิ่มเอฟเฟกต์เคอร์เซอร์พิเศษที่ผู้ใช้ทุกคนจะเห็นเมื่อเข้าเว็บ

✕ปิด

เคอร์เซอร์ปกติของระบบ

○Orb

วงกลมนำเคอร์เซอร์

⊕Crosshair

เล็งเป้า

✦Sparkle

ประกายดาว

🔗Custom

PNG/GIF URL

pointer_styleสไตล์: none | orb | crosshair | sparkle | custom

pointer_custom_urlURL รูปภาพ PNG/GIF 32×32 px — ใช้เมื่อเลือก custom

เอฟเฟกต์หล่น

สิ่งที่จะหล่นลงมาตลอดเวลาที่ผู้ใช้อยู่บนเว็บ — เช่น หิมะ, ดาว, อิโมจิ

ปิด

จุด

❄️

อิโมจิ

🔗

Custom

rain_typeประเภท: none | dot | emoji | custom

rain_emojiอิโมจิที่จะหล่น (1 ตัว) — ใช้เมื่อ type = emoji

rain_custom_urlURL รูปภาพ PNG/GIF — ใช้เมื่อ type = custom

rain_sizeขนาด px ของแต่ละชิ้น (6 – 56 px)

ตัวอย่าง (emoji ❄️)

❄️❄️❄️❄️❄️❄️

Header บนหน้าหลัก

ส่วน banner ที่แสดงด้านบนสุดของหน้า Home — ปรับข้อความ ปุ่ม และป้ายได้ทั้งหมด

header_enabledToggle — เปิด/ปิด Header ทั้งหมด

header_badge_enabledToggle — เปิด/ปิดป้ายข้อความเล็กๆ

header_badge_textข้อความในป้าย (max 100 ตัวอักษร)

header_badge_linkURL เมื่อคลิกที่ป้าย

header_titleหัวข้อหลัก H1 (max 150 ตัวอักษร)

header_descriptionคำอธิบายใต้หัวข้อ (max 500 ตัวอักษร)

header_primary_button_*ปุ่มหลัก (solid) — text + link

header_secondary_button_*ปุ่มรอง (outline) — text + link

ตัวอย่าง Header

เปิดขาย source code แล้ว ✨

ยินดีต้อนรับสู่ร้านของเรา

ร้านค้าออนไลน์สำหรับขายสินค้าดิจิทัล รองรับชำระเงินอัตโนมัติ

สั่งซื้อเช่าเว็บ

สีหลักของเว็บไซต์

สีที่ใช้แสดงราคาสินค้า, ปุ่มหลัก และองค์ประกอบเด่นอื่นๆ ทั่วเว็บ — ค่าเริ่มต้น #ef4444

#ef4444

#f97316

#eab308

#22c55e

#3b82f6

#8b5cf6

#ec4899

#06b6d4

accent_colorค่า HEX เช่น #ef4444 — เลือกได้จาก Color Picker ใน Admin Panel

Social Media

ลิงก์ที่ตั้งไว้จะแสดงเป็นไอคอนใน Footer ของเว็บไซต์

social_discordDiscordhttps://discord.gg/...

social_youtubeYouTubehttps://youtube.com/@channel

social_facebookFacebookhttps://facebook.com/page

social_tiktokTikTokhttps://tiktok.com/@username

social_instagramInstagramhttps://instagram.com/username

ตัวอย่าง Footer:

▶

◎

แจ้งเตือน Cookie

enable_cookie_notification — Toggle เปิด/ปิดแบนเนอร์ขอความยินยอม Cookie
แบนเนอร์จะแสดงด้านล่างหน้าจอเมื่อผู้ใช้เข้าเว็บครั้งแรก
เมื่อผู้ใช้ยอมรับ ระบบจะจำการตั้งค่าและไม่แสดงซ้ำ

Custom Code

Custom HTMLเพิ่ม meta tag, embed หรือ widget ใดก็ได้ใน <head>

Custom CSSปรับแต่งสไตล์เพิ่มเติมนอกเหนือจาก theme หลัก

Custom JSเพิ่ม script เช่น analytics หรือ chat widget

Custom JS จะถูก inject ในทุกหน้า — ระวัง script ที่อาจส่งผลต่อ performance หรือ UX

การเปลี่ยนแปลงทุกอย่างใน Admin Panel มีผลทันทีโดยไม่ต้อง restart server