วิธีฝังวิดเจ็ตตำแหน่ง
วิดเจ็ตนี้คือ iframe บรรทัดเดียว ทุกแพลตฟอร์มที่รับ HTML แบบกำหนดเองก็วางได้ ตั้งธีมและขนาดในหน้าฝังวิดเจ็ต คัดลอกโค้ด แล้วทำตามขั้นตอนของแพลตฟอร์มคุณด้านล่าง ผู้ใช้ WordPress มีปลั๊กอินคลิกเดียว
อิงการอนุญาต · ส่วนตัว · ใช้งานได้บน Chrome, Safari, Firefox, Edge
WordPress (ง่ายที่สุด: ใช้ปลั๊กอิน)
แบบใช้ปลั๊กอิน: ดาวน์โหลด whatismylocation-widget.zip → wp-admin ▸ Plugins ▸ Add New ▸ Upload Plugin → เปิดใช้งาน จากนั้นวาง [whatismylocation] ตรงไหนก็ได้ที่ shortcodes ทำงาน (โพสต์ เพจ วิดเจ็ตข้อความ) พร้อมตัวเลือก: [whatismylocation theme="golden" mode="full" height="420"] ปลั๊กอินสร้าง iframe เดียวกันนี้ — ไม่มีอะไรอื่นไปแตะเว็บไซต์ของคุณ
แบบไม่ใช้ปลั๊กอิน: ในตัวแก้ไขแบบบล็อก ให้เพิ่มบล็อก Custom HTML แล้ววาง iframe ลงไป ถ้าใช้ตัวแก้ไขแบบคลาสสิก ให้สลับไปแท็บ Text ก่อน
Wix, Squarespace, Shopify, Webflow, Blogger
- Wix: Add Elements ▸ Embed Code ▸ Embed HTML → วาง iframe → ปรับขนาดองค์ประกอบให้ตรงกับความสูงที่คุณเลือกไว้ (Wix รันโค้ดที่ฝังในแซนด์บ็อกซ์ แต่คำขออนุญาตตำแหน่งยังทำงานได้เพราะแอตทริบิวต์ allow)
- Squarespace: เพิ่มบล็อก Code (มีในแพ็กเกจปัจจุบัน) → วาง ถ้าวิดเจ็ตขึ้นแต่กดปุ่มแล้วไม่มีอะไรเกิดขึ้น ให้คัดลอกโค้ดมาใหม่ — ต้องมีแอตทริบิวต์
allow="geolocation"อยู่ด้วย - Shopify: ในตัวแก้ไขธีม ให้เพิ่มส่วน Custom Liquid (หรือแก้ HTML ของหน้านั้น) แล้ววาง iframe ใช้ได้กับธีม Online Store 2.0 โดยไม่ต้องติดตั้งแอปเพิ่ม
- Webflow: ลากองค์ประกอบ Embed → วาง → เผยแพร่ (โค้ดที่ฝังจะแสดงเฉพาะบนเว็บไซต์ที่เผยแพร่แล้ว ไม่แสดงในหน้าออกแบบ)
- Blogger / CMS อื่น: มุมมองที่แก้ HTML ดิบได้ทุกแบบ รับ iframe นี้ไปได้ตามเดิม
รายละเอียดของแต่ละแพลตฟอร์มเปลี่ยนอยู่เสมอ ถ้าเครื่องมือสร้างเว็บตัด iframe ออกในแพ็กเกจของคุณ ให้ยึดหน้าช่วยเหลือของเครื่องมือนั้นในหัวข้อ “embed custom HTML” เป็นหลัก
ตารางอ้างอิงตัวเลือก
| พารามิเตอร์ | ค่าที่ใช้ได้ | หมายเหตุ |
|---|---|---|
theme | light · dark · golden | golden เหมาะกับดีไซน์โทนอุ่นหรือดูพรีเมียม |
mode | compact · full | full เพิ่มแผนที่ย่อเข้ามา (สูงขึ้น: ใช้ height ≥ 380) |
height ของ iframe | 220–800 px | compact พอดีที่ 260 ส่วน full สบายตาที่ 420 |
allow | geolocation | จำเป็นต้องมี — ถ้าไม่มี เบราว์เซอร์จะบล็อกคำขออนุญาตภายใน iframe |
คำถามที่พบบ่อย
ฝังวิดเจ็ตใน WordPress ต้องใช้ปลั๊กอินไหม?
วางโค้ดแล้ว วิดเจ็ตขึ้นแต่ปุ่มไม่ทำงาน?
ควรตั้งความสูงของ iframe เท่าไร?
ดูเป็นภาษาอังกฤษ: How to Embed the Location Widget on Any Site · ไทย