วิธีใช้ Google ฟอร์มเป็นฟอร์มติดต่อบนเว็บไซต์
คำตอบด่วน: สร้าง Google ฟอร์มที่มีฟิลด์ชื่อ อีเมล หัวข้อ และข้อความ จากนั้นคลิก Send → Embed (<>) เพื่อรับโค้ด iframe ที่คุณวางลงใน HTML ของเว็บไซต์ของคุณ Google ฟอร์มไม่ส่งอีเมลให้คุณอัตโนมัติเมื่อมีการส่งใหม่ — ติดตั้งส่วนเสริมแจ้งเตือนหรือตรวจสอบแท็บ Responses และ Sheet ที่เชื่อมโยงด้วยตนเอง
คุณไม่จำเป็นต้องสมัครสมาชิกตัวสร้างฟอร์มโดยเฉพาะเพื่อวางฟอร์มติดต่อที่ใช้งานได้บนเว็บไซต์ของคุณ Google ฟอร์มฟรี ไม่ต้องมีโค้ดแบ็กเอนด์ และเก็บทุกข้อความไว้ในสเปรดชีตที่คุณรู้วิธีใช้อยู่แล้ว มันไม่ใช่ตัวเลือกที่สมบูรณ์แบบสำหรับทุกเว็บไซต์ แต่สำหรับหน้า "ติดต่อเรา" ง่าย ๆ มันเป็นหนึ่งในตัวเลือกที่เร็วที่สุดที่มีอยู่ นี่คือวิธีตั้งค่าอย่างถูกต้อง รวมถึงส่วนที่คู่มือส่วนใหญ่ข้ามไป
ขั้นตอนที่ 1: สร้างฟอร์มติดต่อ
เริ่มฟอร์มใหม่ที่ forms.google.com และเพิ่มคำถามเหล่านี้ เก็บรายการให้สั้น — ทุกฟิลด์ที่จำเป็นเพิ่มเติมบนฟอร์มติดต่อสาธารณะจะลดจำนวนผู้เข้าชมที่กรอกจนเสร็จอย่างชัดเจน ดังนั้นต่อต้านการอยากขอเบอร์โทรศัพท์หรือชื่อบริษัทเว้นแต่กระบวนการติดตามผลของคุณจะขึ้นอยู่กับมันจริง ๆ:
- ชื่อ — Short answer จำเป็น
- อีเมล — Short answer จำเป็น
- หัวข้อ — ดรอปดาวน์ พร้อมหมวดหมู่ที่ตั้งไว้ล่วงหน้าเช่น "คำถามทั่วไป" "ฝ่ายสนับสนุน" "พาร์ตเนอร์" "อื่น ๆ" ดรอปดาวน์ทำให้ข้อความที่เข้ามาสามารถเรียงลำดับได้แทนการพึ่งพาบรรทัดหัวข้อข้อความอิสระ
- ข้อความ — Paragraph จำเป็น
ขั้นตอนที่ 2: ตรวจสอบความถูกต้องของฟิลด์อีเมล
คลิกเมนูสามจุดบนคำถามอีเมลและเลือก Response validation → Text → Email address สิ่งนี้จะปฏิเสธรายการที่ผิดรูปแบบ — เช่น การพิมพ์ชื่อลงในกล่องอีเมล — ก่อนที่ฟอร์มจะถูกส่งได้ด้วยซ้ำ สำหรับตัวเลือกการตรวจสอบความถูกต้องเพิ่มเติมในประเภทฟิลด์อื่น ๆ ดูคู่มือของเราเรื่อง การตรวจสอบความถูกต้องของคำตอบ Google ฟอร์ม
ขั้นตอนที่ 3: ฝังบนเว็บไซต์ของคุณ
คลิก Send ที่ด้านบนของตัวแก้ไขฟอร์ม จากนั้นเลือกไอคอน <> (ฝัง) Google ฟอร์มจะสร้างสนิปเป็ต iframe ที่มีความกว้างและความสูงตั้งไว้ — คัดลอกและวางลงใน HTML ของเว็บไซต์ของคุณตรงจุดที่คุณต้องการให้ฟอร์มปรากฏ หากคุณไม่คุ้นเคยกับการแก้ไข HTML โดยตรง คู่มือฉบับเต็มของเราเรื่อง การฝัง Google ฟอร์มบนเว็บไซต์ ครอบคลุมตัวสร้างหน้าและแพลตฟอร์ม CMS ด้วยเช่นกัน
สิ่งที่ต้องรู้เกี่ยวกับเวอร์ชันที่ฝังไว้: มันแสดงผลภายในเฟรมขนาดคงที่ ดังนั้นบนหน้าจอมือถือแคบ คุณอาจต้องปรับแอตทริบิวต์ความกว้าง/ความสูงของ iframe หรือห่อมันไว้ในคอนเทนเนอร์แบบตอบสนอง มันยังใช้สไตล์ของ Google เอง ซึ่งจะไม่จับคู่กับฟอนต์หรือสีของเว็บไซต์ของคุณโดยอัตโนมัติ
ขั้นตอนที่ 4: ตั้งค่าการแจ้งเตือน (นี่คือส่วนที่คนมักเข้าใจผิด)
ข้อสันนิษฐานทั่วไปคือ Google ฟอร์มส่งอีเมลถึงคุณทันทีที่มีคนส่งฟอร์ม มันไม่ทำ โดยค่าเริ่มต้น โดยพื้นฐานแล้ว ฟอร์มแค่บันทึกคำตอบ — ไม่มีอะไรถูกส่งไปที่กล่องข้อความของคุณ คุณมีสองตัวเลือกที่เป็นจริง:
- ติดตั้งส่วนเสริมแจ้งเตือน จากตัวแก้ไขฟอร์ม คลิกไอคอนต่อกระดาน Add-ons และค้นหา Google Workspace Marketplace หาเครื่องมือแจ้งเตือนเช่น "Form Notifications" ส่วนเสริมเหล่านี้จะเฝ้าดูการส่งใหม่และส่งอีเมลถึงคุณ (หรือรายชื่อกระจาย) โดยอัตโนมัติ ตรวจสอบสิทธิ์ก่อนติดตั้ง เนื่องจากส่วนเสริมทำงานภายในบัญชี Google ของคุณ
- ตรวจสอบด้วยตนเอง เปิดแท็บ Responses เป็นระยะ หรือตรวจสอบ Google Sheet ที่เชื่อมโยง ซึ่งอัปเดตแบบเรียลไทม์เมื่อมีข้อความเข้ามา สิ่งนี้ใช้ได้ดีสำหรับเว็บไซต์ที่มีการเข้าชมต่ำ แต่ไม่ใช่ทางปฏิบัติหากคุณต้องตอบสนองต่อคำถามอย่างรวดเร็ว
ความเป็นส่วนตัวและการเก็บข้อมูลบนฟอร์มติดต่อสาธารณะ
ฟอร์มติดต่อที่ฝังไว้บนเว็บไซต์สาธารณะ โดยนิยามแล้ว กำลังเก็บข้อมูลส่วนบุคคล — อย่างน้อยชื่อและที่อยู่อีเมล บางครั้งมากกว่านั้นขึ้นอยู่กับฟิลด์ของคุณ สิ่งที่ควรทำก่อนเผยแพร่:
- ลิงก์ไปยังนโยบายความเป็นส่วนตัวใกล้ฟอร์ม อธิบายว่าเกิดอะไรขึ้นกับข้อความที่ส่งมาและใครเห็นได้บ้าง โดยเฉพาะหากผู้เข้าชมจาก EU หรือ UK อาจใช้มัน
- อย่าเก็บมากกว่าที่คุณต้องการ ฟอร์มติดต่อไม่จำเป็นต้องมีเบอร์โทรศัพท์ ขนาดบริษัท หรือที่อยู่ เว้นแต่เวิร์กโฟลว์ของคุณจะต้องการมันจริง ๆ — ทุกฟิลด์เพิ่มเติมคือแรงต้านและข้อมูลเพิ่มเติมที่ต้องรักษาความปลอดภัย
- รู้ว่าคำตอบอยู่ที่ไหน การส่งฟอร์มอยู่ใน Google Sheet ที่เชื่อมโยงภายใต้บัญชี Google ของคุณ ซึ่งหมายความว่าใครก็ตามที่คุณแชร์ Sheet นั้นด้วย หรือเพิ่มเป็นผู้ร่วมงานบนฟอร์ม สามารถเห็นทุกข้อความได้ — คุ้มค่าที่จะจำกัดเฉพาะคนที่จัดการคำถามจริง ๆ
สำหรับการอธิบายอย่างครอบคลุมเรื่องภาษาการยินยอม การเก็บข้อมูล และสิ่งที่ GDPR กำหนดสำหรับผู้เข้าชม EU โดยเฉพาะ ดูคู่มือ Google ฟอร์มและ GDPRของเรา
ข้อพิจารณาเรื่องสแปมและบอท
Google ฟอร์มไม่มีสวิตช์ CAPTCHA เฉพาะหรือตัวกรองสแปมที่กำหนดค่าได้เหมือนปลั๊กอินฟอร์มติดต่อบางตัว มันได้รับประโยชน์จากการตรวจจับการละเมิดระดับโครงสร้างพื้นฐานที่กว้างกว่าของ Google แต่นั่นเป็นแบบทั่วไปและไม่ใช่สิ่งที่คุณสามารถปรับแต่งสำหรับฟอร์มเฉพาะของคุณได้ ในทางปฏิบัติ ฟอร์มติดต่อที่มีการเข้าชมต่ำถึงปานกลางส่วนใหญ่จะเห็นสแปมน้อยมาก แต่หน้าสาธารณะที่มีการเข้าชมสูงอาจดึงดูดการส่งขยะบางอย่างเมื่อเวลาผ่านไป หากนั่นกลายเป็นปัญหา การเพิ่มคำถามคำตอบสั้น "3 + 4 คือเท่าไร" พร้อมการตรวจสอบความถูกต้องเป็นวิธีป้องกันที่ใช้ความพยายามน้อยแต่ได้ผล เนื่องจากมันกรองบอทอัตโนมัติพื้นฐานออกโดยไม่ต้องเพิ่ม CAPTCHA จริง
การจัดสไตล์ฟอร์มที่ฝังไว้ให้รู้สึกไม่เหมือน "Google" มากนัก
โดยค่าเริ่มต้น ฟอร์มที่ฝังไว้จะมีลุคเริ่มต้นของ Google ซึ่งดูแตกต่างอย่างเห็นได้ชัดจากส่วนที่เหลือของเว็บไซต์ที่มีแบรนด์ การปรับแต่งไม่กี่อย่างช่วยให้มันรู้สึกไม่เหมือนทางแยกมากนัก:
- ตั้งสีธีม คลิกไอคอนลูกกลิ้งสีในตัวแก้ไขและเลือกสีที่ใกล้เคียงกับสีเน้นของเว็บไซต์ของคุณ มันจะเปลี่ยนแถบส่วนหัวและสีปุ่มภายใน iframe
- เลือกสไตล์ฟอนต์ที่เข้ากัน แผงธีมเดียวกันเสนอชุดคู่ฟอนต์เล็ก ๆ — เลือกอันที่อ่านใกล้เคียงกับการพิมพ์ของเว็บไซต์ของคุณที่สุด
- ลบความซ้ำซ้อนของหัวเรื่อง/คำอธิบาย หากหน้าติดต่อของคุณมีหัวเรื่องอยู่แล้วเช่น "ติดต่อเรา" ให้พิจารณาปล่อยหัวเรื่องของฟอร์มเองว่างหรือเรียบง่ายเพื่อไม่ให้พาดหัวซ้ำสองครั้ง
- ตั้งขนาด iframe อย่างจงใจ โค้ดฝังเริ่มต้นมีความกว้างและความสูงคงที่ ห่อมันไว้ในคอนเทนเนอร์แบบตอบสนอง (
width: 100%ความสูงตามเปอร์เซ็นต์ หรือmin-heightพร้อมการเลื่อน) เพื่อไม่ให้ดูคับแคบหรือทิ้งพื้นที่ว่างเกินไปบนขนาดหน้าจอที่แตกต่างกัน
ไม่มีข้อไหนที่ทำให้ฟอร์มที่ฝังไว้แยกไม่ออกจากฟอร์ม HTML เนทีฟ — มันยังคงแสดงผลภายใน iframe ของ Google ด้วยเลย์เอาต์ของ Google — แต่มันปิดช่องว่างด้านภาพส่วนใหญ่สำหรับหน้าติดต่อทั่วไป หากเว็บไซต์ของคุณทำงานบน WordPress โดยเฉพาะ ดูคู่มือการฝัง Google ฟอร์มบน WordPressของเราสำหรับขั้นตอนเฉพาะตัวแก้ไขบล็อกและปลั๊กอิน
Google ฟอร์ม เทียบกับ ลิงก์ mailto:
ลิงก์ mailto: เป็นตัวเลือกที่ง่ายที่สุด — ไฮเปอร์ลิงก์ธรรมดาที่เปิดไคลเอนต์อีเมลของผู้เข้าชมพร้อมที่อยู่ของคุณกรอกไว้ล่วงหน้า มันไม่ต้องมีการตั้งค่าเลย แต่มีข้อเสียจริง: มันขึ้นอยู่กับว่าผู้เข้าชมมีไคลเอนต์เมลที่กำหนดค่าไว้บนอุปกรณ์นั้นหรือไม่ (เบราว์เซอร์มือถือและคอมพิวเตอร์ที่ทำงานหลายเครื่องไม่มี) ไม่มีการตรวจสอบฟิลด์ให้คุณ และไม่มีบันทึกข้อความที่เป็นระเบียบ Google ฟอร์มทำงานในเบราว์เซอร์ใดก็ได้โดยไม่คำนึงถึงการตั้งค่าอีเมล ตรวจสอบข้อมูลที่ป้อนก่อนส่ง และเก็บทุกข้อความเป็นแถวในสเปรดชีตที่คุณค้นหา กรอง และเก็บถาวรได้ สำหรับอะไรก็ตามที่นอกเหนือจากเว็บไซต์ส่วนบุคคลที่เรียบง่ายล้วน ๆ ฟอร์มเป็นตัวเลือกที่น่าเชื่อถือกว่า
| ตัวเลือก | ความพยายามในการตั้งค่า | ทำงานได้โดยไม่ต้องมีไคลเอนต์เมล | บันทึกแบบมีโครงสร้าง/ค้นหาได้ | ค่าใช้จ่าย |
|---|---|---|---|---|
| ลิงก์ mailto: | ไม่มี | ไม่ได้ | ไม่ได้ | ฟรี |
| Google ฟอร์มแบบฝัง | น้อย — สร้างครั้งเดียว วาง iframe | ได้ | ได้ ผ่าน Sheet ที่เชื่อมโยง | ฟรี |
| ปลั๊กอินตัวสร้างฟอร์มเฉพาะ | ปานกลาง — ติดตั้ง กำหนดค่า จัดสไตล์ | ได้ | ได้ มักมีการกรองสแปมในตัว | มักเสียเงินเกินแพ็กเกจฟรี |
| ฟอร์มที่เขียนโค้ดเอง + แบ็กเอนด์ | สูง — ต้องมีนักพัฒนา | ได้ | ได้ กำหนดเองทั้งหมด | เวลา/ค่าใช้จ่ายในการพัฒนา |
การสร้างฟอร์มติดต่อเองโดยไม่ต้องอยู่ที่เดสก์ท็อป
งานตั้งค่าส่วนใหญ่ข้างต้น — การเพิ่มฟิลด์ เปิดการตรวจสอบความถูกต้องของอีเมล เลือกสีธีม — เกิดขึ้นในตัวแก้ไขบนเบราว์เซอร์ที่เทอะทะเมื่อใช้บนโทรศัพท์ หากคุณกำลังร่างฟิลด์สำหรับเว็บไซต์ของลูกค้าขณะห่างจากแล็ปท็อป หรือต้องการร่างโครงสร้างฟอร์มก่อนส่งมอบให้ใครก็ตามที่ดูแลโค้ดฝังของเว็บไซต์ FormMaker สร้าง Google ฟอร์มจริงเดียวกันผ่านบัญชี Google ของคุณเองด้วยตัวแก้ไขแบบทัชเนทีฟ เพื่อให้ฟอร์มมีอยู่จริงและพร้อมกำหนดค่าและฝังภายในเวลาที่คุณกลับมาที่โต๊ะทำงาน
การแก้ไขปัญหาการฝังฟอร์มติดต่อทั่วไป
- iframe แสดงกล่องสีขาวว่างเปล่า ยืนยันว่าการแชร์/การมองเห็นของฟอร์มไม่ได้ถูกจำกัดไว้ที่ "specific people" — ฟอร์มติดต่อสาธารณะต้องตั้งการเข้าถึงเป็น "Anyone with the link" เพื่อให้การฝังโหลดได้สำหรับผู้เข้าชมเว็บไซต์
- ฟอร์มที่ฝังไว้ดูถูกตัดออกหรือมีแถบเลื่อนอยู่ข้างใน ความสูงเริ่มต้นของการฝังคือค่าพิกเซลคงที่ เพิ่มแอตทริบิวต์
heightในโค้ด iframe หรือตั้งค่าให้กว้างขวางและยอมรับพื้นที่ว่างเกินเป็นการแลกเปลี่ยน - การส่งไม่ปรากฏใน Sheet ที่เชื่อมโยง ยืนยันว่ามีการเชื่อมโยง Sheet จริงจากแท็บ Responses — จนกว่าคุณจะเชื่อมโยงหนึ่งอัน คำตอบจะอยู่ในอินเทอร์เฟซ Forms เท่านั้น ไม่ใช่ในสเปรดชีต
- คุณไม่ได้รับการแจ้งเตือนข้อความใหม่และพลาดคำถาม นี่คือข้อร้องเรียนที่พบบ่อยที่สุดเมื่อใช้ Forms เป็นฟอร์มติดต่อ — ติดตั้งส่วนเสริมแจ้งเตือนแทนการพึ่งพาการจำที่จะตรวจสอบด้วยตนเอง
คำถามที่พบบ่อย
สามารถใช้ Google ฟอร์มเป็นฟอร์มติดต่อบนเว็บไซต์ของฉันได้ไหม?
ได้ สร้างฟอร์มที่มีฟิลด์ชื่อ อีเมล หัวข้อ และข้อความ จากนั้นฝังโดยใช้ embed HTML ในตัวของ Google ฟอร์ม ซึ่งวางไว้ภายใน iframe บนหน้าของคุณ
Google ฟอร์มส่งอีเมลให้ฉันอัตโนมัติเมื่อมีคนส่งฟอร์มไหม?
ไม่ ไม่โดยค่าเริ่มต้น หากต้องการรับการแจ้งเตือน ให้ติดตั้งส่วนเสริมแจ้งเตือนจาก Google Workspace Marketplace หรือตรวจสอบแท็บ Responses หรือ Sheet ที่เชื่อมโยงด้วยตนเอง
Google ฟอร์มบล็อกการส่งสแปมไหม?
มันได้รับประโยชน์จากการป้องกันการละเมิดระดับโครงสร้างพื้นฐานทั่วไปของ Google แต่ไม่มีตัวกรองสแปมที่กำหนดค่าได้เฉพาะเจาะจง หรือสวิตช์ CAPTCHA สำหรับเจ้าของฟอร์ม ฟอร์มสาธารณะที่มีการเข้าชมสูงอาจยังเห็นสแปมบ้าง
Google ฟอร์มดีกว่าลิงก์ mailto: สำหรับฟอร์มติดต่อไหม?
สำหรับเว็บไซต์ส่วนใหญ่ ใช่ ลิงก์ mailto: ขึ้นอยู่กับว่าผู้เข้าชมมีไคลเอนต์อีเมลที่กำหนดค่าไว้และไม่ให้ข้อมูลที่มีโครงสร้าง ในขณะที่ Google ฟอร์มทำงานในเบราว์เซอร์ใดก็ได้ ตรวจสอบฟิลด์ และจัดระเบียบทุกการส่งในสเปรดชีต
สามารถทำให้ Google ฟอร์มที่ฝังไว้เข้ากับดีไซน์ของเว็บไซต์ของฉันได้ไหม?
ได้บางส่วนเท่านั้น สีธีมและฟอนต์ในตัวแก้ไขฟอร์มจะติดไปกับการฝัง แต่คุณไม่สามารถลบเลย์เอาต์หรือสไตล์ iframe ของ Google ได้ทั้งหมด — มันจะไม่ดูเหมือนฟอร์ม HTML เนทีฟที่สร้างด้วย CSS ของคุณเองทุกพิกเซล