The SiamEPOS booking widget works on any website — WordPress, Wix, Squarespace, Shopify or custom HTML. Customers book, you get notified instantly. Zero commission. Always.
วิดเจ็ตจองโต๊ะของ SiamEPOS ใช้ได้กับเว็บไซต์ทุกแบบ — WordPress, Wix, Squarespace, Shopify หรือเว็บ HTML ที่เขียนเอง ลูกค้าจองปุ๊บ คุณได้รับแจ้งเตือนทันที ไม่มีค่าคอมมิชชั่น ตลอดไป
YOUR-RESTAURANT-ID with the ID from your SiamEPOS admin panel.YOUR-RESTAURANT-ID เป็น ID ของร้านคุณ ดูได้จากหน้าแอดมิน SiamEPOSGo to yoursite.com/wp-admin and log in with your username and password.
เข้าไปที่ yoursite.com/wp-admin แล้วล็อกอินด้วยชื่อผู้ใช้และรหัสผ่านของคุณ
Click Pages in the left menu, find your page (e.g. “Reservations” or “Book a Table”), and click Edit.
คลิก Pages ที่เมนูด้านซ้าย หาหน้าที่ต้องการ (เช่น "Reservations" หรือ "Book a Table") แล้วคลิก Edit
In the Gutenberg editor, click + Add block → Custom HTML. Paste the widget code below into the HTML field.
ใน Gutenberg editor คลิก + Add block → Custom HTML แล้ววางโค้ดวิดเจ็ตด้านล่างลงในช่อง HTML
Click Update (or Publish if it’s a new page). Visit your website — the booking widget will appear and be ready to take bookings immediately.
คลิก Update (หรือ Publish ถ้าเป็นหน้าใหม่) แล้วเข้าไปดูเว็บไซต์ — วิดเจ็ตจองโต๊ะจะแสดงและพร้อมรับจองทันที
Log in to wix.com, go to My Sites, and click Edit Site on your restaurant website.
ล็อกอินเข้า wix.com ไปที่ My Sites แล้วคลิก Edit Site ที่เว็บไซต์ร้านของคุณ
In the Wix Editor, click Add Elements → Embed Code → HTML iFrame. Drag it to where you want the booking form.
ใน Wix Editor คลิก Add Elements → Embed Code → HTML iFrame แล้วลากไปวางตรงจุดที่อยากให้ฟอร์มจองโต๊ะแสดง
Double-click the iFrame element, click Enter Code, and paste the widget code.
ดับเบิลคลิกที่กล่อง iFrame คลิก Enter Code แล้ววางโค้ดวิดเจ็ตลงไป
Click Apply in the HTML panel, then click Publish in the top-right corner. Your booking widget is now live.
คลิก Apply ในแผง HTML แล้วคลิก Publish ที่มุมขวาบน — วิดเจ็ตจองโต๊ะของคุณออนไลน์แล้ว
Log in to your Squarespace account, go to Pages, hover over your page and click Edit.
ล็อกอินเข้าบัญชี Squarespace ไปที่ Pages เอาเมาส์ชี้ที่หน้าของคุณ แล้วคลิก Edit
Click the + to add a new block, then search for and select Code. Set the type to HTML and make sure "Display source" is turned off.
คลิก + เพื่อเพิ่มบล็อกใหม่ ค้นหาแล้วเลือก Code ตั้งชนิดเป็น HTML และอย่าลืมปิด "Display source"
Paste the code below into the code block, click Apply, then Save the page.
วางโค้ดด้านล่างลงใน code block คลิก Apply แล้วกด Save บันทึกหน้า
In your Shopify Admin, go to Online Store → Themes. Click the three dots next to your current theme and select Edit code.
ใน Shopify Admin ไปที่ Online Store → Themes คลิกจุดสามจุดข้างธีมที่ใช้อยู่ แล้วเลือก Edit code
In the code editor, find the Templates folder. Click Add a new template, choose page, and name it page.booking.
ใน code editor หาโฟลเดอร์ Templates คลิก Add a new template เลือก page และตั้งชื่อ page.booking
In the new template file, add the widget code where you want it to appear. Then save and assign the template to your booking page.
วางโค้ดวิดเจ็ตลงในไฟล์ template ตรงจุดที่อยากให้แสดง บันทึก แล้วกำหนด template นี้ให้หน้าจองโต๊ะของคุณ
Open the HTML file for the page where you want the booking form. Use any text editor — Notepad, VS Code, Sublime Text, etc.
เปิดไฟล์ HTML ของหน้าที่อยากให้มีฟอร์มจองโต๊ะ ใช้โปรแกรมแก้ไขข้อความตัวไหนก็ได้ — Notepad, VS Code, Sublime Text ฯลฯ
Paste the code wherever you want the booking form to appear in your page. It works anywhere inside the <body> tag.
วางโค้ดตรงจุดที่อยากให้ฟอร์มจองโต๊ะแสดงบนหน้าเว็บ วางตรงไหนก็ได้ภายในแท็ก <body>
Save the file, then upload it to your web server via FTP or your hosting control panel. Refresh your website to see the booking widget live.
บันทึกไฟล์ แล้วอัปโหลดขึ้นเว็บเซิร์ฟเวอร์ผ่าน FTP หรือแผงควบคุมโฮสติ้งของคุณ จากนั้นรีเฟรชเว็บไซต์ — วิดเจ็ตจองโต๊ะก็พร้อมใช้งานแล้ว
Set data-color="#FF0000" to your restaurant’s hex colour. The button and accents update automatically.
ตั้งค่า data-color เป็นโค้ดสี hex ของแบรนด์ร้านคุณ ปุ่มและสีตกแต่งจะเปลี่ยนตามให้อัตโนมัติ
Set data-lang="th" for Thai, "en" for English, or "both" for a toggle.
ตั้งค่า data-lang เป็น th สำหรับภาษาไทย en สำหรับภาษาอังกฤษ หรือ both ให้ลูกค้าสลับภาษาเองได้
Set data-button-text="Book Now" to customise the button label and thank-you message.
ตั้งค่า data-button-text เพื่อเปลี่ยนข้อความบนปุ่มและข้อความขอบคุณหลังจอง
Follow this guide. Included with every SiamEPOS Pro plan.
ทำตามคู่มือนี้ได้เลย รวมอยู่ในทุกแพ็กเกจ SiamEPOS Pro
Share your website login. We add the widget for you — done in 30 minutes.
ส่งล็อกอินเว็บไซต์ให้เรา แล้วเราติดตั้งวิดเจ็ตให้เอง — เสร็จใน 30 นาที
Don’t have a website? We build a full professional site with your booking widget included.
ยังไม่มีเว็บไซต์? เราสร้างเว็บมืออาชีพให้ทั้งเว็บ พร้อมวิดเจ็ตจองโต๊ะติดตั้งมาให้เรียบร้อย
Monthly updates, menu changes, content edits — we handle everything for you.
อัปเดตรายเดือน เปลี่ยนเมนู แก้เนื้อหา — เราจัดการให้ทุกอย่าง
WhatsApp us with a screenshot of where you’re stuck. We reply in Thai or English within the hour.
ทัก WhatsApp มาพร้อมภาพหน้าจอตรงจุดที่ติดขัด เราตอบกลับเป็นภาษาไทยหรืออังกฤษภายใน 1 ชั่วโมง