ฝัง Google Form ในเว็บไซต์ของคุณ

ฟอร์มที่ฝังคือฟอร์มสดที่แสดงอยู่ในเฟรมบนหน้าเว็บของคุณเอง ผู้เข้าชมตอบได้โดยไม่ต้องออกจากเว็บไซต์

อนุญาตให้ฝัง

การฝังปิดอยู่โดยค่าเริ่มต้น เว็บไซต์อื่นจึงแสดงฟอร์มของคุณไม่ได้

1. ในแท็บ ฟอร์ม ของแถบด้านข้าง คลิกดินสอที่แถว การตั้งค่าฟอร์มสด
2. ในแท็บ ธีม เปิด ปรับแต่งสไตล์ฟอร์มสด หากยังปิดอยู่
3. เปิด อนุญาตให้ฝัง

กล่อง โค้ดสำหรับฝัง จะปรากฏใต้สวิตช์

คัดลอกโค้ดสำหรับฝัง

คลิก คัดลอก โค้ดมีเพียงบรรทัดเดียว:

<script src="https://skyfield.cloud/embed.js" data-form="your-form" async></script>

ใช้โค้ดจากกล่องโต้ตอบของคุณเอง ซึ่งมี ID ของฟอร์มคุณอยู่ สคริปต์จะวางฟอร์มไว้ในกรอบตรงที่คุณวางโค้ด และปรับกรอบให้สูงเท่ากับฟอร์ม หน้าเว็บจึงไม่มีแถบเลื่อนซ้อนอีกอัน กรอบจะขยายและหดเมื่อผู้ตอบเปลี่ยนหน้า เห็นข้อความแสดงข้อผิดพลาด หรือไปถึงหน้าขอบคุณ หลังส่งฟอร์มแล้วจะเลื่อนกลับไปที่ส่วนบนของฟอร์ม

หากต้องการฝังหลายฟอร์มในหน้าเดียว ให้วางหนึ่งบรรทัดต่อหนึ่งฟอร์ม

วางลงในหน้าเว็บของคุณ

วางโค้ดในที่ที่เว็บไซต์ของคุณรับ HTML:

• WordPress เพิ่มบล็อก Custom HTML
• Wix, Squarespace, Webflow เพิ่มองค์ประกอบ Embed หรือ Code แล้ววางโค้ดลงไป
• HTML ของคุณเอง วางตรงที่ต้องการให้ฟอร์มปรากฏ

หากเว็บไซต์ของคุณไม่อนุญาตสคริปต์

ตัวสร้างเว็บไซต์บางตัวลบแท็ก <script> ใต้โค้ดสำหรับฝัง คลิก ใช้สคริปต์ไม่ได้ใช่ไหม ใช้ iframe ธรรมดา แล้วคัดลอกโค้ดนั้นแทน:

<iframe
  src="https://skyfield.cloud/forms/your-form?embed=1"
  width="100%"
  height="900"
  style="border:0"
></iframe>

iframe ธรรมดามีความสูงคงที่ เปลี่ยน height="900" เป็นจำนวนพิกเซลที่พอดีกับฟอร์มของคุณ เพื่อไม่ให้หน้าเว็บมีแถบเลื่อนซ้อนอีกอัน ฟอร์มที่มีหลายหน้าต้องใช้ความสูงเท่ากับหน้าที่ยาวที่สุด

ทำให้กลมกลืนกับหน้าเว็บ

• เปิด กลมกลืนกับเว็บไซต์ของฉัน ใต้ อนุญาตให้ฝัง ซึ่งตัดสีหน้าเพจด้านหลังฟอร์มออก การ์ดจึงวางอยู่บนพื้นหลังของหน้าคุณเอง การ์ด เส้นขอบ และเงาของสไตล์ยังอยู่ครบ ส่วนลิงก์สดยังคงหน้าของตัวเอง
• ใช้พรีวิว บนเว็บไซต์ของคุณ เพื่อดูฟอร์มที่ฝังบนหน้าเรียบ ๆ ก่อนบันทึก
• ใต้ แสดง ปิด Powered by หากไม่ต้องการบรรทัดนั้น ซ่อนได้เฉพาะในฟอร์มที่ฝังไว้เท่านั้น
• ฟอร์มที่ฝังจะไม่มีระยะขอบของหน้าและแถบปุ่มควบคุมรอบฟอร์ม

เลิกฝัง

ปิด อนุญาตให้ฝัง แล้วเว็บไซต์อื่นจะแสดงฟอร์มไม่ได้อีก การปิด ปรับแต่งสไตล์ฟอร์มสด ก็ให้ผลเช่นเดียวกัน