คู่มือการใช้งาน Toombler
ทุกอย่างที่ Toombler ทำได้ในที่เดียว ตั้งแต่ฟลิปบุ๊กเล่มแรกไปจนถึงการฝัง การป้องกันด้วย PIN และปลั๊กอิน WordPress
Toombler คืออะไร
Toombler เป็นเครื่องมือฟรีที่เปลี่ยน PDF ที่คุณเก็บไว้ใน Google Drive, Dropbox หรือ OneDrive หรือเอกสาร Google Docs หรืองานนำเสนอ Slides ให้เป็นฟลิปบุ๊กพลิกหน้าที่ฝังได้ ไม่มีการอัปโหลดและไม่มีการจัดเก็บใด ๆ: Toombler เก็บเพียงลิงก์แชร์และแสดงไฟล์
Toombler เปลี่ยนไฟล์ PDF ที่คุณเก็บไว้บนคลาวด์อยู่แล้ว รวมถึง Google Docs และ Google Slides ให้เป็นฟลิปบุ๊กพลิกหน้าแบบโต้ตอบได้ — ที่ดูและสัมผัสเหมือนหนังสือจริง ไม่ต้องติดตั้งซอฟต์แวร์ และไม่ต้องอัปโหลดอะไร ไฟล์ของคุณอยู่ที่เดิมตามที่คุณเก็บไว้ ได้แก่ Google Drive ของคุณเอง (รวม Docs และ Slides), Dropbox หรือ OneDrive และอยู่ในการควบคุมของคุณเอง
Toombler ใช้งานฟรีทั้งหมด และฟลิปบุ๊กของคุณไม่มีโฆษณา สิ่งเดียวที่เพิ่มเข้ามาคือหน้า “Made with Toombler” สั้นๆ ที่ปกด้านใน
ไฟล์ PDF ของคุณเก็บไว้ที่ไหนได้บ้าง
- Google Drive — ลิงก์แชร์จาก drive.google.com
- Dropbox — ลิงก์แชร์จาก dropbox.com
- OneDrive — ลิงก์ส่วนบุคคล (1drv.ms) และลิงก์สำหรับที่ทำงานหรือสถาบันการศึกษา (SharePoint)
- Google Docs และ Google Slides — ลิงก์ของเอกสารนั้นเอง Toombler จะดึงเอกสารมาเป็น PDF ดังนั้นทุกการแก้ไขจะแสดงผลทันทีโดยไม่ต้องส่งออกไฟล์
กรณีการใช้งานทั่วไป
- แคตตาล็อกสินค้าและโบรชัวร์
- รายงานประจำปีและเอกสารไวท์เปเปอร์
- นิตยสารและจดหมายข่าว
- พอร์ตโฟลิโอและงานนำเสนอ
- อีบุ๊กและคู่มือ
- โปรแกรมงานอีเวนต์และเมนู
- โบรชัวร์อสังหาริมทรัพย์
วิธีสร้างฟลิปบุ๊กจาก PDF
ห้าขั้นตอน: แชร์ PDF, เข้าสู่ระบบ, วางลิงก์, คัดลอกโค้ดฝัง, วางบนเว็บไซต์ของคุณ ใช้เวลาประมาณ 2 นาทีและไม่มีค่าใช้จ่าย
ขั้นตอนที่ 1 — แชร์ไฟล์ PDF ของคุณ
เก็บไฟล์ PDF ไว้ใน Google Drive, Dropbox หรือ OneDrive หากยังไม่ได้เก็บไว้ที่นั่น — หรือใช้ Google Doc หรือการนำเสนอ Google Slides ได้เลยตามที่เป็นอยู่ — จากนั้นสร้างลิงก์แชร์ที่ทุกคนเปิดได้
- Google Drive — คลิกขวาที่ไฟล์ เลือกแชร์ → ทุกคนที่มีลิงก์ → ผู้ดู
- Dropbox — แชร์ → คัดลอกลิงก์ โดยตั้งสิทธิ์การเข้าถึงเป็น “ทุกคนที่มีลิงก์นี้”
- OneDrive — แชร์ → คัดลอกลิงก์ และตั้งเป็น “ทุกคนที่มีลิงก์” แทนที่จะเป็นเฉพาะบุคคล
- Google Docs หรือ Slides — แชร์ → การเข้าถึงทั่วไป: ทุกคนที่มีลิงก์ → ผู้ดู จากนั้นคัดลอกที่อยู่ของเอกสาร
ขั้นตอนที่ 2 — เข้าสู่ระบบที่ toombler.com
ไปที่ toombler.com แล้วเข้าสู่ระบบด้วยบัญชี Google, Microsoft, LINE หรือ Kakao Toombler อ่านเฉพาะรหัสประจำบัญชีจากการเข้าสู่ระบบนั้น และไม่มีสิทธิ์เข้าถึงไฟล์ของคุณ: ไม่เคยขอสิทธิ์เข้าถึงพื้นที่เก็บข้อมูล และมองไม่เห็นสิ่งใดใน Drive, Dropbox หรือ OneDrive ของคุณ นอกจากไฟล์เดียวที่คุณวางลิงก์เข้ามาเอง
ขั้นตอนที่ 3 — สร้างฟลิปบุ๊กของคุณ
ในแดชบอร์ด ให้วางลิงก์แชร์ลงในช่อง URL ตั้งชื่อฟลิปบุ๊ก แล้วคลิกเพิ่มฟลิปบุ๊ก Toombler จะตรวจสอบว่าลิงก์เป็นสาธารณะและเป็น PDF จริง (หรือ Google Doc หรือการนำเสนอ Slides) แล้วสร้างฟลิปบุ๊กให้ทันที
ขั้นตอนที่ 4 — คัดลอกโค้ดฝัง
คลิกโค้ดฝังบนการ์ดฟลิปบุ๊กใดก็ได้ในแดชบอร์ด เลือกรูปแบบการฝังที่คุณต้องการ แล้วคัดลอกโค้ด
ขั้นตอนที่ 5 — ฝังบนเว็บไซต์ของคุณ
วางโค้ดฝังลงในเว็บไซต์ ระบบจัดการเนื้อหา (CMS) หรือแพลตฟอร์มของคุณ ฟลิปบุ๊กจะโหลดโดยอัตโนมัติ
สิ่งที่คุณทำได้จากแดชบอร์ด
เปลี่ยนชื่อ ตั้ง PIN หรือวันหมดอายุ สร้างคิวอาร์โค้ด เผยแพร่ในแกลเลอรี ลิงก์ใหม่ไปยังไฟล์ใหม่ และดูว่าแต่ละฟลิปบุ๊กถูกเปิดบ่อยแค่ไหน
แดชบอร์ดของ Toombler ที่ toombler.com/app ให้คุณควบคุมฟลิปบุ๊กทั้งหมดได้อย่างเต็มที่
เปลี่ยนชื่อในหน้าเดิม
คลิกไอคอนดินสอข้างชื่อใดก็ได้เพื่อเปลี่ยนชื่อได้ทันที — ไม่ต้องโหลดหน้าใหม่
ตัวนับการดู
แต่ละการ์ดแสดงจำนวนการดูแบบเรียลไทม์ — คือจำนวนครั้งที่ผู้เข้าชมเปิดฟลิปบุ๊ก
คิวอาร์โค้ด
สร้างคิวอาร์โค้ดพร้อมพิมพ์สำหรับฟลิปบุ๊กใดก็ได้ ดาวน์โหลดเป็น PNG แล้วนำไปใช้ในสิ่งพิมพ์ ในงานอีเวนต์ หรือบนโปสเตอร์
วันหมดอายุ
ตั้งวันที่ที่หลังจากนั้นฟลิปบุ๊กจะแสดงข้อความ “หมดอายุ” เหมาะสำหรับโปรโมชันที่มีกำหนดเวลาหรือเอกสารเวอร์ชันต่างๆ
การป้องกันด้วย PIN
ล็อกฟลิปบุ๊กใดก็ได้ด้วย PIN ตัวเลข 4 ถึง 8 หลัก ผู้เข้าชมต้องป้อน PIN ก่อนจึงจะดูได้ หากป้อนผิด 10 ครั้ง ผู้ดูจะถูกล็อก 15 นาที
สวิตช์แกลเลอรีสาธารณะ
แสดงหรือซ่อนฟลิปบุ๊กของคุณในแกลเลอรีสาธารณะที่ toombler.com/gallery การ์ดในแกลเลอรีแสดงตัวอย่างแบบสดและปุ่ม “เปิดฟลิปบุ๊ก”
เชื่อมโยงลิงก์ใหม่
หากลิงก์แชร์ของคุณเปลี่ยน — หลังจากอัปโหลดไฟล์ใหม่ หรือเมื่อย้ายไปยังผู้ให้บริการรายอื่น — ให้ใช้เชื่อมโยงลิงก์ใหม่เพื่ออัปเดตโดยไม่สูญเสียโค้ดฝัง การตั้งค่า หรือจำนวนการดู คุณสามารถเชื่อมโยงฟลิปบุ๊ก Drive ไปยัง Dropbox หรือ OneDrive แล้วเปลี่ยนกลับมาอีกครั้งก็ได้
แผงการตั้งค่า
คลิกการตั้งค่าบนการ์ดใดก็ได้เพื่อขยายตัวเลือกการฝังทั้งหมด — การนำทาง เสียง เล่นอัตโนมัติ พื้นหลัง การซูม และอื่นๆ การเปลี่ยนแปลงจะบันทึกแยกตามแต่ละฟลิปบุ๊ก
ค้นหา & กรอง
ใช้แถบค้นหาที่ด้านบนของแดชบอร์ดเพื่อกรองฟลิปบุ๊กตามชื่อ
การแบ่งหน้า
หากคุณมีฟลิปบุ๊กจำนวนมาก ระบบจะแบ่งเป็นหน้า — หน้าละ 20 รายการ
วิธีฝังฟลิปบุ๊กบนเว็บไซต์ของคุณ
ห้าวิธี โดยใช้ตัวแสดงเดียวกันทั้งหมด: iframe, JavaScript snippet, web component, URL แบบ oEmbed หรือลิงก์โดยตรง iframe ใช้ได้ทุกที่
Toombler รองรับการฝังฟลิปบุ๊กห้าวิธี ทุกวิธีใช้ตัวแสดงผลเดียวกันและรองรับพารามิเตอร์ URL ทั้งหมดที่อธิบายไว้ในหัวข้อ 5
iframe (แนะนำ)
วางลงในหน้า HTML ใดก็ได้โดยตรง ใช้ได้ทุกที่ — WordPress, Squarespace, Webflow, Wix, Shopify, Ghost และเว็บไซต์ที่สร้างขึ้นเอง
<iframe src="https://toombler.com/embed?id=YOUR_ID" width="760" height="540"
frameborder="0" allowfullscreen loading="lazy" title="My Flipbook"
style="border:none;border-radius:10px"></iframe>
JS Snippet
สคริปต์ขนาดเบาที่ปรับขนาดฟลิปบุ๊กให้พอดีกับคอนเทนเนอร์โดยอัตโนมัติ เหมาะสำหรับ Squarespace, Webflow หรือเว็บไซต์ใดๆ ที่คุณควบคุม HTML ได้
<div data-toombler-id="YOUR_ID" style="width:100%;max-width:760px"></div>
<script src="https://toombler.com/embed.js" async></script>
Web Component
ใช้เป็นองค์ประกอบ HTML แบบกำหนดเองใน React, Vue, Angular หรือเฟรมเวิร์กสมัยใหม่ใดก็ได้
<toombler-flipbook id="YOUR_ID" width="760" height="540"></toombler-flipbook>
<script src="https://toombler.com/embed.js" type="module"></script>
oEmbed URL
วาง URL ตัวแสดงผลของ Toombler ลงใน WordPress, Ghost หรือแพลตฟอร์มที่รองรับ oEmbed ได้โดยตรง แพลตฟอร์มจะฝังฟลิปบุ๊กให้อัตโนมัติ
https://toombler.com/viewer?id=YOUR_ID
ลิงก์ตัวแสดงผลโดยตรง
แชร์หน้าเดี่ยวสำหรับฟลิปบุ๊กของคุณ ผู้เข้าชมเปิดในเบราว์เซอร์ได้โดยตรง
https://toombler.com/viewer?id=YOUR_ID
ตัวเลือกการฝังฟลิปบุ๊กและพารามิเตอร์ URL
ทุกการฝังรองรับพารามิเตอร์ URL สำหรับการนำทาง เสียง การเล่นอัตโนมัติ พื้นหลัง การซูม ภาพขนาดย่อ และอื่น ๆ อีกมาก ดูเอกสารอ้างอิงฉบับเต็มด้านล่าง
ทุกวิธีการฝังรองรับพารามิเตอร์ URL ที่ควบคุมพฤติกรรมของฟลิปบุ๊ก แผงการตั้งค่าของแดชบอร์ดจะสร้างพารามิเตอร์เหล่านี้ให้อัตโนมัติ แต่คุณก็เพิ่มหรือแก้ไขด้วยตนเองใน URL สำหรับฝังได้เช่นกัน
ตัวอย่าง — iframe ที่เปิดเสียง แสดงภาพขนาดย่อ และเริ่มที่หน้า 3:
https://toombler.com/embed?id=YOUR_ID&sound=1&thumbs=1&start=3
| พารามิเตอร์ | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|
nav=0/1 | 1 (เปิด) | แสดง/ซ่อนลูกศรนำทางก่อนหน้า & ถัดไป |
counter=0/1 | 1 (เปิด) | แสดง/ซ่อนตัวนับหน้า (“หน้า 2-3 จาก 12”) |
sound=0/1 | 0 (ปิด) | เอฟเฟกต์เสียงพลิกกระดาษสมจริง |
flipsound=1/2 | 1 | เลือกเสียงพลิกหน้าจากสองแบบ |
autoplay=0/1 | 0 (ปิด) | เลื่อนหน้าโดยอัตโนมัติ |
autospeed=N | 3 | จำนวนวินาทีระหว่างการพลิกหน้าอัตโนมัติ (1–30) |
dl=0/1 | 1 (เปิด) | แสดงปุ่มดาวน์โหลด PDF ในตัวแสดงผล |
fs=0/1 | 0 (ปิด) | แสดงปุ่มเต็มหน้าจอในตัวแสดงผล |
zoom=0/1 | 1 (เปิด) | อนุญาตให้ซูมด้วยการบีบนิ้ว/เลื่อนในตัวแสดงผล |
drag=0/1 | 1 (เปิด) | อนุญาตให้ลากมุมหน้าเพื่อพลิกหน้า (เมาส์) |
corners=0/1 | 1 (เปิด) | แสดงแอนิเมชันมุมกระดาษม้วนเมื่อเลื่อนเมาส์ไปที่มุมหน้า |
thumbs=0/1 | 0 (ปิด) | แสดงแถบภาพขนาดย่อตามขอบล่าง |
bg=dark/light/transparent | dark | สีพื้นหลังของตัวแสดงผล |
start=N | 1 | เปิดที่หน้า N แทนหน้าแรก |
closed=0/1 | 1 (เปิด) | เริ่มต้นโดยปิดปกไว้ หนังสือจะเปิดเมื่อพลิกครั้งแรก |
hardcover=0/1 | 1 (เปิด) | ปกหน้าและปกหลังแบบแข็ง |
spine=0/1 | 0 (ปิด) | แสดงเงาที่สันหนังสือ (ตรงกลาง) |
duration=N | 650 | ระยะเวลาแอนิเมชันพลิกหน้าเป็นมิลลิวินาที |
bookmark=0/1 | 1 (เปิด) | จดจำหน้าที่ผู้เข้าชมอ่านล่าสุดแต่ละคน (localStorage) |
brand=0/1 | 1 (เปิด) | แสดงป้าย “Powered by Toombler” บนตัวแสดงผล |
mscroll=0/1 | 0 (ปิด) | บนมือถือ: เลื่อนหน้าแทนการพลิก |
การฝังฟลิปบุ๊กใน WordPress
ปลั๊กอินอย่างเป็นทางการเพิ่มบล็อก Gutenberg, shortcode และ oEmbed แบบเนทีฟ ไม่มีสคริปต์โหลดที่ฝั่งหน้าเว็บ — มีเพียง iframe แบบปรับขนาดได้หนึ่งตัว
ปลั๊กอิน WordPress ทางการของ Toombler ช่วยให้ฝังฟลิปบุ๊กในเว็บไซต์ WordPress ใดก็ได้อย่างง่ายดาย — ไม่ต้องเขียนโค้ด รองรับสามวิธีการฝัง ได้แก่ บล็อก Gutenberg, shortcode และ oEmbed แบบเนทีฟ
- บล็อก Gutenberg — ลากบล็อก Toombler Flipbook ไปวางในหน้าใดก็ได้ และดูตัวอย่างสดภายในตัวแก้ไข
- Shortcode — ใช้ได้กับ Classic Editor, Elementor, Divi, WPBakery และตัวสร้างหน้าใดๆ ที่รองรับ shortcode
- ปรับขนาดได้เต็มรูปแบบ — ฟลิปบุ๊กปรับตามคอนเทนเนอร์ใดก็ได้ ทั้งบนเดสก์ท็อป แท็บเล็ต และมือถือ
- ไม่เพิ่มน้ำหนักหน้าเว็บ — ไม่มีสคริปต์โหลดที่ฝั่งหน้าเว็บ มีเพียง iframe แบบปรับขนาดได้หนึ่งรายการ
- รองรับ PIN & วันหมดอายุ — จัดการในแดชบอร์ด Toombler ของคุณ และปลั๊กอินจะทำตามการตั้งค่านั้น
- ฟรีทั้งหมด — ฟรีและเป็นโอเพนซอร์ส (GPL) ใช้เพียงบัญชี Toombler ฟรีเท่านั้น
การติดตั้ง
ตัวเลือก A — ไดเรกทอรีปลั๊กอิน WordPress (แนะนำ)
- เข้าสู่ระบบแผงผู้ดูแล WordPress ของคุณ
- ไปที่ ปลั๊กอิน → เพิ่มปลั๊กอินใหม่
- ค้นหา “Toombler Flipbook”
- คลิกติดตั้งทันที แล้วคลิกเปิดใช้งาน
ตัวเลือก B — อัปโหลดด้วยตนเอง
- ดาวน์โหลดไฟล์ ZIP ของปลั๊กอินจาก toombler.com/wordpress-plugin
- ในผู้ดูแล WordPress ไปที่ ปลั๊กอิน → เพิ่มปลั๊กอินใหม่ → อัปโหลดปลั๊กอิน
- เลือกไฟล์ ZIP ที่ดาวน์โหลดมา แล้วคลิกติดตั้งทันที
- คลิกเปิดใช้งานปลั๊กอิน
การหา Flipbook ID ของคุณ
Flipbook ID คือตัวระบุเฉพาะที่เชื่อมการฝังใน WordPress เข้ากับฟลิปบุ๊กของคุณ คุณหาได้ในแดชบอร์ด Toombler:
- เปิดแดชบอร์ด Toombler ของคุณที่ toombler.com/app
- คลิกปุ่มการตั้งค่าบนการ์ดฟลิปบุ๊กใดก็ได้
- เปิดกำหนดค่า & ฝัง
- คัดลอกค่าที่อยู่หลัง id= ใน URL สำหรับฝัง — นั่นคือ Flipbook ID ของคุณ
WordPress: oEmbed, shortcode และพารามิเตอร์
วาง URL ของตัวแสดงสำหรับวิธีที่ง่ายที่สุด หรือใช้ shortcode เมื่อคุณทำงานใน Classic Editor, Elementor, Divi หรือ WPBakery
วิธีที่ 1 — oEmbed (ง่ายที่สุด)
วิธี oEmbed ไม่ต้องใช้ shortcode หรือบล็อก — เพียงวาง URL ของฟลิปบุ๊กลงในตัวแก้ไข WordPress แล้วระบบจะฝังให้อัตโนมัติ
- ในตัวแก้ไขบล็อก ให้เพิ่มบล็อกใหม่แล้วเลือก Embeds → Toombler หรือวาง URL ลงในบล็อกย่อหน้าโดยตรงแล้วกด Enter
- WordPress จะดึงข้อมูลการฝังและแสดงตัวอย่างฟลิปบุ๊กแบบสด
วาง URL ตัวแสดงผลของฟลิปบุ๊กของคุณ:
https://toombler.com/viewer?id=YOUR_FLIPBOOK_ID
วิธีที่ 2 — Shortcode
เพิ่ม shortcode ของ Toombler ที่ใดก็ได้ในโพสต์หรือหน้า — รวมถึง Classic Editor, Elementor, Divi และ WPBakery
Shortcode พื้นฐาน:
[toombler id="YOUR_FLIPBOOK_ID"]
พร้อมพารามิเตอร์เสริม:
[toombler id="YOUR_FLIPBOOK_ID" width="760" height="540" nav="1" sound="1"
brand="1" fs="0" dl="1" bg="dark"]
อ้างอิงพารามิเตอร์ของ shortcode
| พารามิเตอร์ | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|
id | จำเป็น | Flipbook ID ของคุณจากแดชบอร์ด Toombler |
width | 760 | ความกว้างของการฝังเป็นพิกเซล |
height | 540 | ความสูงของการฝังเป็นพิกเซล |
nav | 1 | แสดงลูกศรนำทาง — 1 ใช่, 0 ไม่ |
sound | 1 | เสียงพลิกหน้า — 1 ใช่, 0 ไม่ |
brand | 1 | แสดงป้าย “Powered by Toombler” — 1 ใช่, 0 ไม่ |
fs | 0 | ปุ่มเต็มหน้าจอ — 1 ใช่, 0 ไม่ |
dl | 1 | ปุ่มดาวน์โหลด — 1 ใช่, 0 ไม่ |
bg | dark | พื้นหลัง: dark, light หรือ transparent |
thumbs | 0 | แถบภาพขนาดย่อ — 1 ใช่, 0 ไม่ |
autoplay | 0 | โหมดเล่นอัตโนมัติ — 1 ใช่, 0 ไม่ |
start | 1 | เปิดที่หมายเลขหน้าที่ระบุ |
WordPress: บล็อก, HTML ธรรมดา และสิ่งที่คุณต้องมี
บล็อก Gutenberg แสดงตัวอย่างสดภายในตัวแก้ไข ไม่มีปลั๊กอิน? บล็อก Custom HTML ที่มีมาให้ก็ใช้ได้ดีไม่แพ้กันสำหรับการฝังครั้งเดียว
วิธีที่ 3 — บล็อก Gutenberg
หลังจากติดตั้งปลั๊กอิน บล็อก Toombler Flipbook จะปรากฏในตัวแทรกบล็อก (ปุ่ม +) นี่เป็นวิธีฝังที่เห็นภาพมากที่สุด — คุณจะเห็นตัวอย่างสดของฟลิปบุ๊กภายในตัวแก้ไขโดยตรง
- ในตัวแก้ไขบล็อก คลิก + เพื่อเปิดตัวแทรกบล็อก
- ค้นหา “Toombler” แล้วคลิกบล็อก Toombler Flipbook
- วาง Flipbook ID ของคุณในแผงด้านข้าง
- ปรับความกว้าง ความสูง และตัวเลือกอื่น ๆ ในแถบด้านข้างของบล็อก
- คุณจะเห็นตัวอย่างสดของฟลิปบุ๊กในตัวแก้ไขทันที
ไม่มีปลั๊กอิน? ใช้ Custom HTML
หากไม่ต้องการติดตั้งปลั๊กอิน คุณสามารถฝังฟลิปบุ๊กด้วยบล็อก Custom HTML ที่มีมาให้ใน WordPress เพียงวางโค้ดฝัง iframe จากแดชบอร์ด Toombler ของคุณ:
<iframe src="https://toombler.com/embed?id=YOUR_FLIPBOOK_ID" width="760"
height="540" frameborder="0" allowfullscreen loading="lazy"
style="border:none;border-radius:10px"></iframe>
ข้อกำหนดของปลั๊กอิน
| WordPress | 5.8 ขึ้นไป (ทดสอบถึง 7.1) |
|---|---|
| PHP | 7.4 ขึ้นไป |
| สัญญาอนุญาต | GPL (ฟรีและโอเพนซอร์ส) |
| บัญชี | บัญชี Toombler แบบฟรี (toombler.com) |
ทำไมฟลิปบุ๊กจึงเปิดและปิดเหมือนหนังสือจริง
โดยค่าเริ่มต้น ปกจะเริ่มในสถานะปิดและเปิดเมื่อพลิกหน้าแรก เพื่อให้ปกหลังปิดได้อย่างถูกต้อง จำนวนหน้าต้องเป็นเลขคู่
โดยค่าเริ่มต้น (closed=1) ฟลิปบุ๊กของคุณจะเริ่มด้วยปกที่ปิดอยู่ — แสดงเฉพาะหน้าปกด้านขวา เหมือนหนังสือจริงที่ปิดอยู่ เมื่อผู้อ่านพลิกหน้าแรก ปกจะเปิดออกด้วยแอนิเมชันพลิกที่สมจริง เมื่อถึงท้ายเล่ม ปกหลังจะปิดลงในแบบเดียวกัน
วิธีนี้สร้างภาพจำลองหนังสือที่สมบูรณ์: ผู้อ่านหยิบหนังสือขึ้นมา เปิด พลิกอ่าน แล้วปิดอีกครั้ง
ข้อกำหนดเรื่องจำนวนหน้าเป็นเลขคู่
เพื่อให้หนังสือปิดได้อย่างถูกต้อง จำนวนหน้าทั้งหมดต้องเป็นเลขคู่ (ปกหน้า + หน้าเปิดด้านใน + ปกหลัง) หาก PDF ของคุณมีจำนวนหน้าเป็นเลขคี่ Toombler จะเพิ่มหน้าปกหลังแบบมีแบรนด์ให้โดยอัตโนมัติ โดยแสดงภาพย่อขนาดเล็กของหน้าแรกของคุณและโลโก้ Toombler
ทางลัดคีย์บอร์ดและปุ่มควบคุมของฟลิปบุ๊ก
ปุ่มลูกศรและปุ่มเว้นวรรคใช้พลิกหน้า F คือเต็มหน้าจอ N คือโหมดกลางคืน D คือดาวน์โหลด T คือสารบัญ ? คือรายการทางลัด ลากมุมหน้าเพื่อพลิกด้วยมือ
ตัวแสดงแบบเต็มหน้าจอที่ toombler.com/viewer รองรับทางลัดคีย์บอร์ดสำหรับผู้ใช้ขั้นสูง
| ปุ่ม | การทำงาน |
|---|---|
→ / ↓ | หน้า / หน้าเปิดถัดไป |
← / ↑ | หน้า / หน้าเปิดก่อนหน้า |
Space | หน้า / หน้าเปิดถัดไป |
F | สลับโหมดเต็มหน้าจอ |
N | สลับโหมดกลางคืน (หรี่หน้าให้อ่านสบายตา) |
P | สลับการเล่นอัตโนมัติ |
D | ดาวน์โหลด PDF ต้นฉบับ |
T | สลับแผงสารบัญ |
? | แสดงรายการทางลัดคีย์บอร์ด |
+ / − | ซูมเข้า / ซูมออก |
0 | รีเซ็ตการซูมให้พอดี |
Esc | ปิดแผง หรือออกจากโหมดเต็มหน้าจอ |
การควบคุมด้วยเมาส์ / การสัมผัส
- คลิกหรือแตะที่ขอบหน้าหรือลูกศรนำทางเพื่อพลิกหน้า
- คลิกค้างแล้วลากที่มุมหน้าเพื่อพลิกด้วยตนเอง
- วางเมาส์เหนือมุมหน้าเพื่อดูแอนิเมชันม้วนหน้า
- บีบนิ้วเพื่อซูมบนหน้าจอสัมผัส (เมื่อ zoom=1)
- เลื่อนลูกกลิ้งเมาส์เพื่อซูมเข้า/ออกบนเดสก์ท็อป
วิธีป้องกันฟลิปบุ๊กด้วย PIN
ล็อกฟลิปบุ๊กใดก็ได้ด้วย PIN 4 ถึง 8 หลัก ผู้เข้าชมจะเห็นหน้าจอล็อกก่อน PIN ถูกจัดเก็บเป็นแฮช PBKDF2 ที่มี salt และไม่สามารถอ่านกลับได้
ป้องกันฟลิปบุ๊กใดก็ได้ด้วย PIN ตัวเลขเพื่อจำกัดการเข้าถึง ผู้เข้าชมจะเห็นหน้าจอล็อกก่อนที่ฟลิปบุ๊กจะโหลด และต้องป้อน PIN ที่ถูกต้องจึงจะดำเนินการต่อได้
- ความยาวของ PIN: 4 ถึง 8 หลัก
- PIN ถูกจัดเก็บเป็นแฮช PBKDF2-HMAC-SHA256 (100,000 รอบ พร้อม salt แบบสุ่มสำหรับแต่ละฟลิปบุ๊ก) Toombler ไม่เคยจัดเก็บ PIN ของคุณเป็นข้อความธรรมดาและไม่สามารถกู้คืนได้ — หากคุณลืม ให้ตั้ง PIN ใหม่
- หากป้อนผิด 10 ครั้งจากที่อยู่เดียวกัน ฟลิปบุ๊กนั้นจะถูกล็อกเป็นเวลา 15 นาที
- การป้องกันด้วย PIN ใช้กับทุกวิธีการฝัง: iframe, JS snippet, URL ของตัวแสดง และอื่น ๆ
- ลบหรือเปลี่ยน PIN ได้ทุกเมื่อจากแผงการตั้งค่าในแดชบอร์ด
สิ่งที่ PIN ไม่ได้ทำ
PIN ป้องกันฟลิปบุ๊ก ไม่ใช่ไฟล์ ลิงก์แชร์ที่ผู้ให้บริการพื้นที่จัดเก็บของคุณยังคงเปิดเป็นสาธารณะเท่าที่คุณตั้งไว้ ดังนั้นใครก็ตามที่มีลิงก์นั้นยังคงเปิด PDF ที่นั่นได้ สำหรับเอกสารที่เป็นความลับจริง ๆ ให้จำกัดสิทธิ์ของไฟล์ที่ต้นทางแทน
วิธีตั้งให้ฟลิปบุ๊กหมดอายุตามวันที่
ตั้งวันหมดอายุ แล้วตัวแสดงจะแสดงข้อความ “หมดอายุแล้ว” หลังจากวันนั้น ล้างวันที่เพื่อนำฟลิปบุ๊กกลับมา
ตั้งวันหมดอายุให้ฟลิปบุ๊กใดก็ได้ หลังจากวันนั้น ตัวแสดงจะแสดงข้อความ “หมดอายุแล้ว” และจะไม่สามารถดูฟลิปบุ๊กได้อีก ฟลิปบุ๊กยังคงอยู่ในแดชบอร์ดของคุณ — ล้างวันหมดอายุเพื่อให้กลับมาเปิดดูได้อีกครั้ง
กรณีการใช้งานทั่วไป: โปรโมชันที่มีกำหนดเวลา แคตตาล็อกตามฤดูกาล โปรแกรมงานอีเวนต์ และเอกสารฉบับร่างที่มีกำหนดส่งตรวจ
วิธีเพิ่มสารบัญที่คลิกได้
หาก PDF ของคุณมีบุ๊กมาร์ก Toombler จะเปลี่ยนเป็นแผงสารบัญในตัวแสดงโดยอัตโนมัติ นี่คือวิธีเพิ่มบุ๊กมาร์กใน Word, Acrobat และ InDesign
หาก PDF ของคุณมีบุ๊กมาร์ก (เรียกอีกอย่างว่าเค้าโครงหรือแผงนำทาง) Toombler จะดึงบุ๊กมาร์กออกมาโดยอัตโนมัติและแสดงแผงสารบัญในตัวแสดง การคลิกรายการจะข้ามไปยังหน้านั้นโดยตรง
วิธีเพิ่มบุ๊กมาร์กใน PDF ของคุณ
- Microsoft Word: ใช้สไตล์หัวเรื่อง (Heading 1, Heading 2 และอื่น ๆ) แล้วส่งออกเป็น PDF — Word จะสร้างบุ๊กมาร์กจากหัวเรื่องโดยอัตโนมัติ
- Adobe Acrobat: View → Navigation Panels → Bookmarks → Add bookmark
- InDesign: File → Export → Interactive PDF → Include Bookmarks
- LibreOffice: ใช้หัวเรื่อง แล้วส่งออกเป็น PDF โดยเปิดใช้งานบุ๊กมาร์ก
- Google Docs: ส่งออกเป็น PDF — หัวเรื่องในเค้าโครงจะกลายเป็นบุ๊กมาร์กโดยอัตโนมัติ
เผยแพร่ฟลิปบุ๊กโดยไม่ต้องมีเว็บไซต์ของคุณเอง
เปิดแกลเลอรีสาธารณะ แล้วฟลิปบุ๊กของคุณจะมีหน้าบน toombler.com ที่คุณแชร์เป็นลิงก์พอร์ตโฟลิโอได้
เปิดสวิตช์ แสดงในแกลเลอรีสาธารณะ บนการ์ดฟลิปบุ๊กใดก็ได้เพื่อแสดงรายการที่ toombler.com/gallery แกลเลอรีจะแสดงตัวอย่างสดของฟลิปบุ๊กสำหรับแต่ละการ์ด พร้อมชื่อและลิงก์ “เปิดฟลิปบุ๊ก”
แกลเลอรีสาธารณะเป็นวิธีที่ดีในการแชร์ผลงานโดยไม่ต้องมีเว็บไซต์ของคุณเอง คุณสามารถใช้ URL ของแกลเลอรีเป็นหน้าพอร์ตโฟลิโอ หรือลิงก์ไปยังฟลิปบุ๊กแต่ละเล่มจากโซเชียลมีเดียหรืออีเมลก็ได้
วันละครั้ง Toombler จะตรวจสอบว่ายังเข้าถึงไฟล์ต้นทางของฟลิปบุ๊กทุกเล่มที่แสดงรายการอยู่ได้หรือไม่ หากเข้าถึงไม่ได้ — ไฟล์ถูกลบ ย้าย หรือตั้งกลับเป็นส่วนตัว — ฟลิปบุ๊กจะถูกนำออกจากแกลเลอรีหลังจากตรวจไม่ผ่านติดต่อกันสามครั้ง ฟลิปบุ๊กของคุณยังคงใช้งานได้ผ่านลิงก์และโค้ดฝังของตัวเอง เฉพาะการแสดงรายการเท่านั้นที่หายไป คุณจะเห็นปุ่มสีแดง อัปเดตลิงก์ บนการ์ดในแดชบอร์ดของคุณ แก้ไขลิงก์แล้วเปิดสวิตช์แกลเลอรีอีกครั้งเพื่อกลับมาแสดงรายการ
โหมดกลางคืนและการเข้าถึง
ตัวแสดงหรี่หน้าสำหรับที่แสงน้อย ใช้งานได้โดยไม่ต้องใช้เมาส์ และมีป้ายกำกับให้ทุกปุ่มควบคุมสำหรับโปรแกรมอ่านหน้าจอ
ตัวแสดงมีโหมดกลางคืน (ปุ่มรูปพระจันทร์ หรือปุ่ม N) ที่หรี่หน้าให้อ่านสบายตาในที่แสงน้อย โหมดกลางคืนใช้ฟิลเตอร์สีซีเปียอ่อน ๆ เพื่อลดแสงสีฟ้า
คุณสมบัติด้านการเข้าถึง
- ปุ่มทั้งหมดของตัวแสดงมี aria-label เพื่อให้ใช้งานกับโปรแกรมอ่านหน้าจอได้
- รองรับการนำทางด้วยคีย์บอร์ดอย่างสมบูรณ์ (ไม่ต้องใช้เมาส์)
- ตัวนับหน้าประกาศตำแหน่งปัจจุบัน (“หน้า 3–4 จาก 12”)
- รองรับโหมดคอนทราสต์สูงผ่านการตั้งค่าของระบบปฏิบัติการ
การแก้ปัญหาฟลิปบุ๊กและคำถามทั่วไป
หน้าว่าง ไฟล์ที่โหลดไม่ได้ ปุ่มดาวน์โหลด ขีดจำกัดจำนวนหน้า การทำงานบนมือถือ และการเปลี่ยน PDF ภายหลัง — ตอบไว้ด้านล่าง
ถาม: ฟลิปบุ๊กของฉันแสดงหน้าว่างหรือข้อผิดพลาด “โหลดไม่ได้”
ตอบ: ตรวจสอบให้แน่ใจว่าไฟล์ถูกแชร์ให้ทุกคนที่มีลิงก์ดูได้ — ไม่ว่าจะเป็นใน Drive, Docs, Slides, Dropbox หรือ OneDrive ไฟล์ที่แชร์เฉพาะบุคคลที่ระบุชื่อ หรือจำกัดเฉพาะภายในองค์กร จะโหลดไม่ได้ นอกจากนี้ให้ตรวจสอบว่าคุณคัดลอกลิงก์มาครบทั้งหมด
ถาม: ฟลิปบุ๊กโหลดได้แต่บางหน้าเป็นหน้าว่าง
ตอบ: อาจเกิดขึ้นกับ PDF ที่มีขนาดใหญ่มากหรือมีกราฟิกซับซ้อน ลองลดขนาดไฟล์โดยการรวมเลเยอร์หรือลดคุณภาพรูปภาพก่อนอัปโหลด
ถาม: ฉันลบหน้า “Made with Toombler” ได้ไหม
ตอบ: ตอนนี้ยังไม่ได้ หน้าเดียวที่อยู่ด้านในปกนั้นคือช่องทางที่ผู้ใช้ใหม่ค้นพบ Toombler ซึ่งช่วยให้บริการนี้ฟรีสำหรับทุกคน หน้านั้นไม่โหลดอะไรจากบุคคลที่สาม และไม่มีการเพิ่มสิ่งอื่นใดในตัวแสดง
ถาม: ผู้เข้าชมดาวน์โหลด PDF ของฉันได้ไหม
ตอบ: หากเปิดใช้ปุ่มดาวน์โหลด (dl=1 ซึ่งเป็นค่าเริ่มต้น) ผู้เข้าชมจะดาวน์โหลด PDF ต้นฉบับได้ ตั้งค่า dl=0 ใน URL ที่ฝังหรือในการตั้งค่าของแดชบอร์ดเพื่อซ่อนปุ่ม โปรดทราบว่าลิงก์แชร์ของคุณเป็นสาธารณะไม่ว่าจะอย่างไร ผู้เข้าชมที่ตั้งใจจริงจึงยังเข้าถึงไฟล์ที่ต้นทางได้
ถาม: ฉันจะอัปเดตเนื้อหา PDF ได้อย่างไร
ตอบ: แทนที่ไฟล์ที่ต้นทางโดยใช้ลิงก์แชร์เดิม ฟลิปบุ๊กจะรับเนื้อหาใหม่โดยอัตโนมัติ — ไม่ต้องเปลี่ยนอะไรใน Toombler
ถาม: ลิงก์แชร์ของฉันเปลี่ยนไป โค้ดฝังของฉันจะใช้ไม่ได้หรือไม่
ตอบ: ไม่ ใช้ปุ่มลิงก์ใหม่ในแดชบอร์ดของคุณเพื่อชี้ฟลิปบุ๊กไปยังลิงก์ใหม่ โค้ดฝัง การตั้งค่า และยอดเข้าชมของคุณจะยังคงอยู่ คุณยังเปลี่ยนไปลิงก์กับผู้ให้บริการรายอื่นได้ด้วย
ถาม: ผู้ให้บริการรายใดโหลดเร็วที่สุด
ตอบ: Dropbox เร็วกว่าเล็กน้อย Dropbox อนุญาตให้เบราว์เซอร์ของผู้อ่านดึง PDF โดยตรง ขณะที่ Google Drive และ OneDrive ไม่อนุญาต จึงต้องส่งผ่าน Toombler ความแตกต่างมีเพียงเล็กน้อย ขนาดไฟล์สำคัญกว่ามาก
ถาม: มีขีดจำกัดจำนวนหน้าหรือไม่
ตอบ: ไม่มีขีดจำกัดตายตัว แต่ PDF ที่ใหญ่มาก (500 หน้าขึ้นไป หรือไฟล์ที่เกิน 50 MB) จะโหลดช้า ลองแบ่งเอกสารยาว ๆ ออกเป็นบท
ถาม: Toombler ใช้งานบนมือถือได้ไหม
ตอบ: ได้ ตัวแสดงปรับขนาดตามหน้าจอได้เต็มรูปแบบ บนมือถือให้ปัดเพื่อพลิกหน้า เปิดใช้ mscroll=1 หากฟลิปบุ๊กอยู่ในหน้าที่เลื่อนได้และคุณต้องการให้ผู้เข้าชมเลื่อนหน้าแทนที่จะพลิกโดยไม่ตั้งใจ
ถาม: ฉันใช้ Toombler โดยไม่มีบัญชี Google ได้ไหม
ตอบ: ได้ — แดชบอร์ดรองรับการเข้าสู่ระบบด้วย Google, Microsoft, LINE หรือ Kakao ส่วนผู้เข้าชมที่ดูฟลิปบุ๊กที่ฝังไว้ไม่ต้องมีบัญชีเลย
ถาม: Toombler เป็นไปตาม GDPR หรือไม่
ตอบ: ตัวแสดงฟลิปบุ๊กไม่โหลดสคริปต์วิเคราะห์หรือโฆษณา และไม่ตั้งคุกกี้ของตัวเอง การเข้าชมนับโดย Cloudflare Web Analytics ซึ่งไม่ใช้คุกกี้ Google AdSense ทำงานเฉพาะบนหน้าคู่มือของ Toombler เองเท่านั้น ไม่เคยอยู่ในฟลิปบุ๊กของคุณ จึงไม่มีสิ่งใดของ Toombler ที่ต้องเพิ่มลงในประกาศเกี่ยวกับคุกกี้ของคุณ ดูรายละเอียดทั้งหมดที่ toombler.com/privacy
ถาม: ส่วนที่ฝังเล็กเกินไปหรือใหญ่เกินไปในหน้าของฉัน
ตอบ: ปรับแอตทริบิวต์ width และ height ของ iframe หรือใช้ JS snippet ซึ่งปรับขนาดอัตโนมัติให้พอดีกับคอนเทนเนอร์ (ตั้งความกว้างของคอนเทนเนอร์ใน CSS)
ถาม: ฉันจะแชร์ฟลิปบุ๊กบนโซเชียลมีเดียได้อย่างไร
ตอบ: ใช้ปุ่มแชร์ในตัวแสดงเพื่อคัดลอกลิงก์โดยตรง หน้าของ Toombler มีแท็ก Open Graph ตัวอย่างลิงก์จึงแสดงภาพขนาดย่อของคุณ
สิ่งที่ Toombler จัดเก็บเกี่ยวกับคุณ
ID บัญชีแบบทึบ ชื่อฟลิปบุ๊กและลิงก์แชร์ของคุณ การตั้งค่าการฝัง และตัวนับการเข้าชม ไม่ใช่ชื่อ ไม่ใช่อีเมล และไม่ใช่ PDF ของคุณ
Toombler ออกแบบให้เก็บข้อมูลส่วนตัวน้อยที่สุด นี่คือสิ่งที่จัดเก็บและสิ่งที่ไม่จัดเก็บอย่างชัดเจน
สิ่งที่ Toombler จัดเก็บ (ต่อบัญชี)
- ตัวระบุบัญชีแบบทึบจาก Google, Microsoft, LINE หรือ Kakao — ไม่ใช่ที่อยู่อีเมลและไม่ใช่ชื่อของคุณ
- ชื่อฟลิปบุ๊กและลิงก์แชร์ที่คุณวาง
- การตั้งค่าการฝังของแต่ละฟลิปบุ๊ก
- ยอดเข้าชมของแต่ละฟลิปบุ๊ก (ตัวนับจำนวนเต็มอย่างง่าย)
- แฮชของ PIN หากคุณตั้ง PIN (PBKDF2 พร้อม salt — ไม่ใช่ตัว PIN เอง)
- วันที่เข้าสู่ระบบ วันละหนึ่งครั้งต่อผู้ใช้ สำหรับสถิติภายใน
สิ่งที่ Toombler ไม่เคยจัดเก็บ
- ที่อยู่อีเมลหรือชื่อของคุณ — ข้อมูลเหล่านี้อยู่ในเซสชันเบราว์เซอร์ของคุณเท่านั้น
- เนื้อหาของ PDF ของคุณ — ไฟล์ของคุณไม่เคยออกจากพื้นที่จัดเก็บของคุณเอง
- ที่อยู่ IP ของผู้อ่านของคุณ
- รหัสผ่านใด ๆ (การเข้าสู่ระบบจัดการทั้งหมดโดย Google, Microsoft, LINE หรือ Kakao)
- คุกกี้สำหรับติดตามข้ามเว็บไซต์
PDF ของคุณไปถึงผู้อ่านได้อย่างไร
Toombler เก็บลิงก์ ไม่ได้เก็บไฟล์ ในกรณีที่ผู้ให้บริการอนุญาต เบราว์เซอร์ของผู้อ่านจะดึง PDF โดยตรงจากต้นทาง และไม่มีสิ่งใดผ่าน Toombler เลย Google Drive และ OneDrive บล็อกคำขอข้ามต้นทาง ดังนั้นสำหรับสองบริการนี้ ข้อมูลจะถูกส่งต่อผ่าน Toombler และสตรีมต่อไป เพื่อให้ฟลิปบุ๊กโหลดเร็ว อาจมีสำเนาอยู่ในแคชเอจของ Cloudflare นานถึงหนึ่งวัน และจะถูกทิ้งทันทีที่ฟลิปบุ๊กหมดอายุ ถูกลบ หรือปิดการแชร์ และไม่มีสิ่งใดถูกเขียนลงดิสก์ฝั่งเรา
บริการของบุคคลที่สามที่ใช้
| Google Identity Services | เข้าสู่ระบบ |
|---|---|
| Microsoft Identity Platform | เข้าสู่ระบบ |
| LINE Login | เข้าสู่ระบบ |
| Kakao Login | เข้าสู่ระบบ |
| Cloudflare Web Analytics | นับการเข้าชมแบบไม่ใช้คุกกี้ |
| Google AdSense | โฆษณาบนหน้าคู่มือของ Toombler เองเท่านั้น — ไม่เคยอยู่ในฟลิปบุ๊ก |
| Cloudflare | โฮสติ้ง, CDN และการป้องกัน DDoS |
ลิขสิทธิ์: ใครรับผิดชอบอะไร
Toombler ไม่ได้โฮสต์เอกสารของคุณ คุณจึงยังคงเป็นผู้เผยแพร่ทุกสิ่งที่นำเข้าสู่ฟลิปบุ๊ก — และเป็นผู้ที่ต้องมีสิทธิ์ในการเผยแพร่สิ่งนั้น
Toombler ไม่ได้โฮสต์เอกสารของคุณ แต่จัดเก็บลิงก์ไปยังไฟล์ที่อยู่ใน Google Drive ของคุณเอง (รวมถึง Google Docs และ Slides), Dropbox หรือ OneDrive และแสดงไฟล์นั้นให้ผู้อ่าน คุณยังคงเป็นผู้เผยแพร่ทุกสิ่งที่คุณนำเข้าสู่ฟลิปบุ๊ก
ความรับผิดชอบของคุณ
- สร้างฟลิปบุ๊กจากเนื้อหาที่คุณเป็นเจ้าของหรือได้รับอนุญาตให้เผยแพร่เท่านั้น
- การเผยแพร่ฟลิปบุ๊กต่อสาธารณะ — บนเว็บไซต์ของคุณหรือในแกลเลอรีของ Toombler — ถือเป็นการเผยแพร่ สัญญาอนุญาตที่อนุญาตให้ใช้ส่วนตัวมักไม่อนุญาตให้ทำเช่นนี้
- รูปภาพสต็อก ฟอนต์ และเนื้อหาของบุคคลที่สามใน PDF ของคุณมีเงื่อนไขสัญญาอนุญาตของตนเอง
การรายงานเนื้อหาที่ละเมิด
หากคุณเชื่อว่าฟลิปบุ๊กละเมิดสิทธิ์ของคุณ ให้ส่งอีเมลไปที่ abuse@toombler.com พร้อม URL ของฟลิปบุ๊กและคำอธิบายผลงาน Toombler สามารถนำฟลิปบุ๊กออกเพื่อไม่ให้แสดงผลอีกต่อไป เนื่องจาก Toombler ไม่ได้เก็บไฟล์ จึงมีเพียงเจ้าของไฟล์เท่านั้นที่ถอดตัวเอกสารออกจากต้นทางได้

