วิธีใช้ Google ฟอร์มเป็นฟอร์มติดต่อบนเว็บไซต์

คำตอบด่วน: สร้าง Google ฟอร์มที่มีฟิลด์ชื่อ อีเมล หัวข้อ และข้อความ จากนั้นคลิก Send → Embed (<>) เพื่อรับโค้ด iframe ที่คุณวางลงใน HTML ของเว็บไซต์ของคุณ Google ฟอร์มไม่ส่งอีเมลให้คุณอัตโนมัติเมื่อมีการส่งใหม่ — ติดตั้งส่วนเสริมแจ้งเตือนหรือตรวจสอบแท็บ Responses และ Sheet ที่เชื่อมโยงด้วยตนเอง

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

ขั้นตอนที่ 1: สร้างฟอร์มติดต่อ

เริ่มฟอร์มใหม่ที่ forms.google.com และเพิ่มคำถามเหล่านี้ เก็บรายการให้สั้น — ทุกฟิลด์ที่จำเป็นเพิ่มเติมบนฟอร์มติดต่อสาธารณะจะลดจำนวนผู้เข้าชมที่กรอกจนเสร็จอย่างชัดเจน ดังนั้นต่อต้านการอยากขอเบอร์โทรศัพท์หรือชื่อบริษัทเว้นแต่กระบวนการติดตามผลของคุณจะขึ้นอยู่กับมันจริง ๆ:

ขั้นตอนที่ 2: ตรวจสอบความถูกต้องของฟิลด์อีเมล

คลิกเมนูสามจุดบนคำถามอีเมลและเลือก Response validation → Text → Email address สิ่งนี้จะปฏิเสธรายการที่ผิดรูปแบบ — เช่น การพิมพ์ชื่อลงในกล่องอีเมล — ก่อนที่ฟอร์มจะถูกส่งได้ด้วยซ้ำ สำหรับตัวเลือกการตรวจสอบความถูกต้องเพิ่มเติมในประเภทฟิลด์อื่น ๆ ดูคู่มือของเราเรื่อง การตรวจสอบความถูกต้องของคำตอบ Google ฟอร์ม

ขั้นตอนที่ 3: ฝังบนเว็บไซต์ของคุณ

คลิก Send ที่ด้านบนของตัวแก้ไขฟอร์ม จากนั้นเลือกไอคอน <> (ฝัง) Google ฟอร์มจะสร้างสนิปเป็ต iframe ที่มีความกว้างและความสูงตั้งไว้ — คัดลอกและวางลงใน HTML ของเว็บไซต์ของคุณตรงจุดที่คุณต้องการให้ฟอร์มปรากฏ หากคุณไม่คุ้นเคยกับการแก้ไข HTML โดยตรง คู่มือฉบับเต็มของเราเรื่อง การฝัง Google ฟอร์มบนเว็บไซต์ ครอบคลุมตัวสร้างหน้าและแพลตฟอร์ม CMS ด้วยเช่นกัน

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

ขั้นตอนที่ 4: ตั้งค่าการแจ้งเตือน (นี่คือส่วนที่คนมักเข้าใจผิด)

ข้อสันนิษฐานทั่วไปคือ Google ฟอร์มส่งอีเมลถึงคุณทันทีที่มีคนส่งฟอร์ม มันไม่ทำ โดยค่าเริ่มต้น โดยพื้นฐานแล้ว ฟอร์มแค่บันทึกคำตอบ — ไม่มีอะไรถูกส่งไปที่กล่องข้อความของคุณ คุณมีสองตัวเลือกที่เป็นจริง:

ความเป็นส่วนตัวและการเก็บข้อมูลบนฟอร์มติดต่อสาธารณะ

ฟอร์มติดต่อที่ฝังไว้บนเว็บไซต์สาธารณะ โดยนิยามแล้ว กำลังเก็บข้อมูลส่วนบุคคล — อย่างน้อยชื่อและที่อยู่อีเมล บางครั้งมากกว่านั้นขึ้นอยู่กับฟิลด์ของคุณ สิ่งที่ควรทำก่อนเผยแพร่:

สำหรับการอธิบายอย่างครอบคลุมเรื่องภาษาการยินยอม การเก็บข้อมูล และสิ่งที่ GDPR กำหนดสำหรับผู้เข้าชม EU โดยเฉพาะ ดูคู่มือ Google ฟอร์มและ GDPRของเรา

ข้อพิจารณาเรื่องสแปมและบอท

Google ฟอร์มไม่มีสวิตช์ CAPTCHA เฉพาะหรือตัวกรองสแปมที่กำหนดค่าได้เหมือนปลั๊กอินฟอร์มติดต่อบางตัว มันได้รับประโยชน์จากการตรวจจับการละเมิดระดับโครงสร้างพื้นฐานที่กว้างกว่าของ Google แต่นั่นเป็นแบบทั่วไปและไม่ใช่สิ่งที่คุณสามารถปรับแต่งสำหรับฟอร์มเฉพาะของคุณได้ ในทางปฏิบัติ ฟอร์มติดต่อที่มีการเข้าชมต่ำถึงปานกลางส่วนใหญ่จะเห็นสแปมน้อยมาก แต่หน้าสาธารณะที่มีการเข้าชมสูงอาจดึงดูดการส่งขยะบางอย่างเมื่อเวลาผ่านไป หากนั่นกลายเป็นปัญหา การเพิ่มคำถามคำตอบสั้น "3 + 4 คือเท่าไร" พร้อมการตรวจสอบความถูกต้องเป็นวิธีป้องกันที่ใช้ความพยายามน้อยแต่ได้ผล เนื่องจากมันกรองบอทอัตโนมัติพื้นฐานออกโดยไม่ต้องเพิ่ม CAPTCHA จริง

การจัดสไตล์ฟอร์มที่ฝังไว้ให้รู้สึกไม่เหมือน "Google" มากนัก

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

ไม่มีข้อไหนที่ทำให้ฟอร์มที่ฝังไว้แยกไม่ออกจากฟอร์ม HTML เนทีฟ — มันยังคงแสดงผลภายใน iframe ของ Google ด้วยเลย์เอาต์ของ Google — แต่มันปิดช่องว่างด้านภาพส่วนใหญ่สำหรับหน้าติดต่อทั่วไป หากเว็บไซต์ของคุณทำงานบน WordPress โดยเฉพาะ ดูคู่มือการฝัง Google ฟอร์มบน WordPressของเราสำหรับขั้นตอนเฉพาะตัวแก้ไขบล็อกและปลั๊กอิน

Google ฟอร์ม เทียบกับ ลิงก์ mailto:

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

ตัวเลือกความพยายามในการตั้งค่าทำงานได้โดยไม่ต้องมีไคลเอนต์เมลบันทึกแบบมีโครงสร้าง/ค้นหาได้ค่าใช้จ่าย
ลิงก์ mailto:ไม่มีไม่ได้ไม่ได้ฟรี
Google ฟอร์มแบบฝังน้อย — สร้างครั้งเดียว วาง iframeได้ได้ ผ่าน Sheet ที่เชื่อมโยงฟรี
ปลั๊กอินตัวสร้างฟอร์มเฉพาะปานกลาง — ติดตั้ง กำหนดค่า จัดสไตล์ได้ได้ มักมีการกรองสแปมในตัวมักเสียเงินเกินแพ็กเกจฟรี
ฟอร์มที่เขียนโค้ดเอง + แบ็กเอนด์สูง — ต้องมีนักพัฒนาได้ได้ กำหนดเองทั้งหมดเวลา/ค่าใช้จ่ายในการพัฒนา

การสร้างฟอร์มติดต่อเองโดยไม่ต้องอยู่ที่เดสก์ท็อป

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

การแก้ไขปัญหาการฝังฟอร์มติดต่อทั่วไป

  1. iframe แสดงกล่องสีขาวว่างเปล่า ยืนยันว่าการแชร์/การมองเห็นของฟอร์มไม่ได้ถูกจำกัดไว้ที่ "specific people" — ฟอร์มติดต่อสาธารณะต้องตั้งการเข้าถึงเป็น "Anyone with the link" เพื่อให้การฝังโหลดได้สำหรับผู้เข้าชมเว็บไซต์
  2. ฟอร์มที่ฝังไว้ดูถูกตัดออกหรือมีแถบเลื่อนอยู่ข้างใน ความสูงเริ่มต้นของการฝังคือค่าพิกเซลคงที่ เพิ่มแอตทริบิวต์ height ในโค้ด iframe หรือตั้งค่าให้กว้างขวางและยอมรับพื้นที่ว่างเกินเป็นการแลกเปลี่ยน
  3. การส่งไม่ปรากฏใน Sheet ที่เชื่อมโยง ยืนยันว่ามีการเชื่อมโยง Sheet จริงจากแท็บ Responses — จนกว่าคุณจะเชื่อมโยงหนึ่งอัน คำตอบจะอยู่ในอินเทอร์เฟซ Forms เท่านั้น ไม่ใช่ในสเปรดชีต
  4. คุณไม่ได้รับการแจ้งเตือนข้อความใหม่และพลาดคำถาม นี่คือข้อร้องเรียนที่พบบ่อยที่สุดเมื่อใช้ Forms เป็นฟอร์มติดต่อ — ติดตั้งส่วนเสริมแจ้งเตือนแทนการพึ่งพาการจำที่จะตรวจสอบด้วยตนเอง

คำถามที่พบบ่อย

สามารถใช้ Google ฟอร์มเป็นฟอร์มติดต่อบนเว็บไซต์ของฉันได้ไหม?

ได้ สร้างฟอร์มที่มีฟิลด์ชื่อ อีเมล หัวข้อ และข้อความ จากนั้นฝังโดยใช้ embed HTML ในตัวของ Google ฟอร์ม ซึ่งวางไว้ภายใน iframe บนหน้าของคุณ

Google ฟอร์มส่งอีเมลให้ฉันอัตโนมัติเมื่อมีคนส่งฟอร์มไหม?

ไม่ ไม่โดยค่าเริ่มต้น หากต้องการรับการแจ้งเตือน ให้ติดตั้งส่วนเสริมแจ้งเตือนจาก Google Workspace Marketplace หรือตรวจสอบแท็บ Responses หรือ Sheet ที่เชื่อมโยงด้วยตนเอง

Google ฟอร์มบล็อกการส่งสแปมไหม?

มันได้รับประโยชน์จากการป้องกันการละเมิดระดับโครงสร้างพื้นฐานทั่วไปของ Google แต่ไม่มีตัวกรองสแปมที่กำหนดค่าได้เฉพาะเจาะจง หรือสวิตช์ CAPTCHA สำหรับเจ้าของฟอร์ม ฟอร์มสาธารณะที่มีการเข้าชมสูงอาจยังเห็นสแปมบ้าง

Google ฟอร์มดีกว่าลิงก์ mailto: สำหรับฟอร์มติดต่อไหม?

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

สามารถทำให้ Google ฟอร์มที่ฝังไว้เข้ากับดีไซน์ของเว็บไซต์ของฉันได้ไหม?

ได้บางส่วนเท่านั้น สีธีมและฟอนต์ในตัวแก้ไขฟอร์มจะติดไปกับการฝัง แต่คุณไม่สามารถลบเลย์เอาต์หรือสไตล์ iframe ของ Google ได้ทั้งหมด — มันจะไม่ดูเหมือนฟอร์ม HTML เนทีฟที่สร้างด้วย CSS ของคุณเองทุกพิกเซล

คู่มือที่เกี่ยวข้อง