หากคุณประสบปัญหาในการรับแบบฟอร์มบนไซต์ของคุณ คุณสามารถติดตั้งปลั๊กอิน^{(install a plugin)}สำหรับการทำงานพื้นฐานได้ แต่นั่นอาจทำให้ไซต์ของคุณช้าลง^{(slow down your site)}หากคุณมีปลั๊กอินหลายตัวอยู่แล้ว

ด้วยGoogle ฟอร์ม^{(Google Forms)}คุณไม่เพียงแต่จะเพิ่มฟอร์มในไซต์ของคุณได้เร็วขึ้นเท่านั้น แต่คุณยังได้รับคุณลักษณะเพิ่มเติมอีกด้วย ตัวอย่างเช่น คุณสามารถแทรกไฟล์มีเดีย นำเข้าคำถาม ทำงานร่วมกับWordPressและอีเมล แชร์บนแพลตฟอร์มต่างๆ ได้มากขึ้น และเพลิดเพลินกับพื้นที่จัดเก็บเพิ่มเติมใน Google ไดร^{(additional storage in Google Drive)}ฟ์

นอกจากนี้Google ฟอร์ม^{(Google Forms)}ยังช่วยให้คุณทำงานร่วมกับเพื่อนร่วมทีม และติดตามผลลัพธ์ทั้งหมดจากแบบฟอร์มของคุณจากช่องทางต่างๆ ไม่ใช่แค่ไซต์ของคุณ

ต่อไปนี้คือวิธีที่คุณสามารถฝังGoogle ฟอร์ม^{(Google Forms)}บนเว็บไซต์ของคุณได้อย่างรวดเร็วด้วยขั้นตอนง่ายๆ เพียงไม่กี่ขั้นตอน

วิธีฝัง Google ฟอร์มบนเว็บไซต์ของคุณ^{(How to Embed Google Forms on Your Website)}

ในการเริ่มต้น คุณจะต้องมีGoogle ฟอร์ม^{(Google Form)}และโค้ดสำหรับฝัง ซึ่งคุณจะเพิ่มลงในเพจหรือโพสต์ในตำแหน่งที่คุณต้องการให้ฟอร์มปรากฏบนไซต์ของคุณ

สร้าง Google ฟอร์ม^{(Create a Google Form)}

1. ในการสร้างGoogle ฟอร์ม^{(Google Form)}ตรวจสอบให้แน่ใจว่าคุณได้ลงชื่อเข้า ใช้บัญชี Googleแล้วเลือก ไอคอน Google ฟอร์ม^{(Google Forms)}ในเมนูGoogle Apps หรือไปที่form.google.com^{(forms.google.com)}

1. เลือก ไทล์ ว่าง^(Blank)จากแถบเครื่องมือเพื่อสร้างฟอร์มของคุณตั้งแต่ต้น หรือเลือกเทมเพลต^{(select a template)}จากตัวเลือกที่มี

1. เพิ่มชื่อและคำอธิบาย^{(title and description)}ในแบบฟอร์มของคุณ

1. จากนั้น ใช้แถบเครื่องมือทางด้านขวาเพื่อเพิ่มคำถาม นำเข้าคำถามจากแบบฟอร์มอื่น อัปโหลดวิดีโอและรูปภาพ หรือเพิ่มส่วน 

1. หากคุณต้องการเลือกประเภทคำตอบ ให้เลือกลูกศรที่อยู่ถัดจากส่วนประเภทคำตอบ

1. จากตัวเลือก คุณสามารถเลือกที่จะให้ผู้ใช้เขียนคำตอบสั้นๆ หรือย่อหน้า ปรนัย ทำเครื่องหมายที่ช่อง หรือเลือกตัวเลือกจากเมนูดรอปดาวน์

1. หากต้องการปรับแต่งหรือเปลี่ยนธีมของแบบฟอร์ม ให้ใช้ ไอคอน จานสี^(palette)ที่ด้านขวาบนของหน้าจอ

1. คุณยังสามารถดูตัวอย่างการออกแบบขั้นสุดท้ายได้โดยใช้ไอคอนรูปตาก่อนที่จะบันทึกและฝังบนเว็บไซต์ของคุณ

1. หากคุณต้องการรวบรวมที่อยู่อีเมล จำกัดผู้ใช้ให้ตอบได้คนละ 1 คำตอบ หรืออนุญาตให้แก้ไขคำตอบหลังจากส่งแบบฟอร์มแล้ว ให้เลือกการตั้งค่าขั้นสูง^{(Advanced Settings)} (ไอคอนรูปเฟือง)

1. เลือกไอคอน 3 จุด^{(three-dot icon)}เพื่อดูตัวเลือกเพิ่มเติม เช่น การเพิ่มผู้ทำงานร่วมกัน การเลิกทำ การเพิ่มค่ากำหนด หรือส่วนเสริมจากGoogle Workspace Marketplace^{(Google Workspace Marketplace)}

หมายเหตุ^(Note) : การเลือกเพิ่มผู้ทำงานร่วมกัน^{(Add Collaborators)}จะทำให้คุณสามารถเชิญสมาชิกในทีมของคุณให้ทำงาน^{(invite members of your team to work)}ในแบบฟอร์มได้โดยเฉพาะ คุณสามารถส่งคำเชิญโดยใช้ตัวเลือกการแชร์ลิงก์หรือพิมพ์ที่อยู่อีเมล จากนั้นพวกเขาจะได้รับการแจ้งเตือนทางอีเมลพร้อมคำเชิญ

ฝัง Google ฟอร์มของคุณบนเว็บไซต์ของคุณ^{(Embed Your Google Form on Your Website)}

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

1. หากต้องการรับโค้ดฝังตัวของแบบฟอร์ม ให้เลือกส่ง^(Send)ที่ด้านขวาบนของหน้าต่างตัวแก้ไขแบบฟอร์ม

1. ในแบบฟอร์มส่ง^{(Send form)}คุณจะเห็นตัวเลือกต่างๆ ที่คุณสามารถใช้เพื่อแชร์แบบฟอร์มได้ เช่น ผ่านลิงก์ อีเมล โซเชียลมีเดียหรือHTML คุณสามารถเลือกได้ว่าจะแชร์แบบฟอร์มบนFacebookหรือTwitterหรือส่งไปยังรายชื่ออีเมลของคุณ

1. ในการฝังแบบฟอร์มบนเว็บไซต์ของคุณ คุณต้องใช้ตัวเลือกHTML เลือกแท็บ<>

1. ใน ฟิลด์ Embed HTMLคุณจะเห็นข้อมูลโค้ด ตลอดจนช่องความกว้าง^(width)และความสูง^(height)ที่คุณสามารถเปลี่ยนขนาดสำหรับแบบฟอร์มที่ฝังได้

1. เลือกคัดลอก^(Copy)เพื่อคัดลอกโค้ดสำหรับฝังและไปที่แดชบอร์ดของเว็บไซต์ของคุณ

เพิ่มโค้ดสำหรับฝังของ Google ฟอร์มลงในเว็บไซต์ของคุณ^{(Add Your Google Form’s Embed Code to Your Website)}

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

หมายเหตุ^(Note) : คำแนะนำในคู่มือนี้ใช้กับWordPress โดย^(WordPress)ใช้Gutenberg/Block Editor

1. ขั้นตอนแรกคือการเพิ่มบล็อก HTML ที่กำหนด^{(custom HTML block)}เอง ในการดำเนินการนี้ ให้เปิดตัวแก้ไขบล็อกโดยเลือกหน้า^(Pages)หรือโพสต์^(Posts)ในแผงการดูแลระบบ และค้นหาหน้าหรือโพสต์ที่คุณต้องการแก้ไข

1. เลือก ไอคอน Add block (+) ที่ด้านซ้ายบนของตัวแก้ไขบล็อกถัดจากโลโก้WordPress.z^(WordPress)

1. ไปที่ ส่วน การจัดรูปแบบ^(Formatting)และเลื่อนลงเพื่อค้นหาและเลือกHTML ที่กำหนด^{(Custom HTML)}เอง

1. วางข้อมูลโค้ด HTML ที่^{(HTML code snippet)}คุณคัดลอกไว้ก่อนหน้านี้ลงในฟิลด์ที่ให้ไว้

1. ในแถบเครื่องมือของบล็อกHTML ที่กำหนดเอง เลือกแท็บ ^{(Custom HTML)}แสดงตัวอย่าง^(Preview)เพื่อดูตัวอย่างว่าแบบฟอร์มของคุณจะปรากฏบนเว็บไซต์ของคุณอย่างไร

1. Google Formของคุณจะปรากฏบนหน้าหรือโพสต์ของคุณ

1. ตรวจสอบ ให้^(Make)แน่ใจว่าคุณได้อัปเดตโพสต์หรือเพจของคุณหลังจากแก้ไขเพื่อให้บันทึกการเปลี่ยนแปลง

สร้างรูปแบบที่สมบูรณ์แบบสำหรับเว็บไซต์ของคุณ^{(Craft the Perfect Form for Your Site)}

ไม่ว่าคุณจะต้องการเพิ่มแบบสำรวจในไซต์ของคุณ แบบฟอร์มสั่งซื้อในร้านค้าออนไลน์ของคุณ การลงทะเบียนกิจกรรม หรือแบบฟอร์มการติดต่อGoogle ฟอร์ม^{(Google Forms)}สามารถช่วยคุณสร้างแบบฟอร์มที่สมบูรณ์แบบสำหรับเว็บไซต์ของคุณ 

ดูคำแนะนำของเราเกี่ยวกับวิธีการฝัง Google ปฏิทินบนเว็บไซต์ของคุณ^{( how to embed Google Calendar on your website)}และวิธีสร้างป๊อปอัปคูปองของคุณเองใน WordPress^{( how to create your own coupon popup in WordPress)}เพื่อเพิ่มฟังก์ชันการทำงานและประสบการณ์การใช้งานที่ดียิ่งขึ้น

คุณ^(Were)สามารถสร้างและฝังGoogle ฟอร์ม^{(Google Forms)}บนเว็บไซต์ของคุณโดยใช้คู่มือนี้ได้หรือไม่ แบ่งปันกับเราในความคิดเห็น

How to Embed Google Forms on Your Website

If you’re struggling to gеt a form on yoυr site, you could install a plugin for basic functionality, but that may further slow down your site if you already have many plugins.

With Google Forms, you not only get to add a form to your site faster, but you also get more features. For instance, you can insert media files, import questions, integrate easily with WordPress and email, share on more platforms, and enjoy additional storage in Google Drive.

Additionally, Google Forms allows you to collaborate with your teammates, and track all results from your forms from different channels, not just your site.

Here’s how you can quickly embed Google Forms on your website in just a few simple steps.

How to Embed Google Forms on Your Website

To get started, you’ll need a Google Form and its embed code, which you’ll add to the page or post where you want the form to appear on your site.

Create a Google Form

1. To create a Google Form, make sure you’re signed in to your Google account and then select the Google Forms icon in the Google Apps menu. Alternatively, go to forms.google.com.

1. Select the Blank tile from the toolbar to create your form from scratch, or select a template from the available options.

1. Add a title and description to your form.

1. Next, use the toolbar on the right to add questions, import questions from a different form, upload videos and images, or add a section. 

1. If you want to choose the answer type, select the arrow next to the answer type section.

1. From the options, you can choose to let users leave a short answer or paragraph, multiple choice, mark checkboxes, or select choices from a dropdown menu.

1. To customize or change the form’s theme, use the palette icon at the top right side of the screen.

1. You can also preview the final design using the eye icon before saving and embedding it on your website.

1. If you want to collect email addresses, limit users to one response each, or allow them to edit their responses after submitting the form, select the Advanced Settings (gear icon).

1. Select the three-dot icon for more options such as adding collaborators, undoing actions, adding preferences, or add-ons from Google Workspace Marketplace.

Note: Selecting Add Collaborators specifically allows you to invite members of your team to work on the form. You can send invites using the link-sharing option or type in their email addresses and they’ll receive an email notification with the invite.

Embed Your Google Form on Your Website

Now that you have your Google Form ready, the next step is to add it to your website. To do this, you need to get the form’s embed code, which is a unique code snippet that you’ll add to the page or post where you want the form to appear.

1. To get the form’s embed code, select Send at the top right side of the form editor window.

1. In the Send form, you’ll see various options you can use to share the form for example via a link, email, social media, or HTML. You can choose whether to share the form on Facebook or Twitter, or send it to your email list of subscribers.

1. In order to embed the form on your website, you need to use the HTML option. Select the <> tab.

1. In the Embed HTML field, you’ll see a code snippet, as well as the width and height boxes where you can change the size dimensions for your embedded form.

1. Select Copy to copy the embed code and go to your website’s dashboard.

Add Your Google Form’s Embed Code to Your Website

Now that you have your embed code, sign in to your site’s admin dashboard and go to the page or post where you want to embed the form.

Note: Instructions in this guide apply to WordPress using the Gutenberg/Block Editor.

1. The first step is to add a custom HTML block. To do this, open the block editor by selecting Pages or Posts in the admin panel and find the page or post you want to edit.

1. Select Add block (+) icon at the top left side of the block editor next to the WordPress logo.z

1. Go to the Formatting section and scroll down to find and select Custom HTML.

1. Paste the HTML code snippet you copied earlier into the field provided.

1. In the Custom HTML block’s toolbar, select the Preview tab to see a preview of how your form will appear on your website.

1. Your Google Form will appear on your page or post.

1. Make sure you update your post or page after editing for the changes to be saved.

Craft the Perfect Form for Your Site

Whether you want to add a survey to your site, an order form to your online store, event registration, or contact form, Google Forms can help you create the perfect forms for your website. 

Check out our guides on how to embed Google Calendar on your website and how to create your own coupon popup in WordPress for added functionality and better user experience.

Were you able to create and embed Google Forms on your website using this guide? Share with us in the comments.

Related posts

• วิธีฝัง Google ปฏิทินบนเว็บไซต์ของคุณ

• วิธีการวิจัยผู้ใช้ Google Analytics เพื่อเพิ่มการเข้าชมเว็บไซต์

• เพิ่ม Google Maps เส้นทางการขับขี่ไปยังเว็บไซต์ของคุณ

• วิธีการใช้ Google Sheets Drop Down รายการ

• คุณสมบัติ 9 Hidden ใน Google Maps คุณควรตรวจสอบ

• Software Reporter Tool ใน Chrome and How คืออะไรเพื่อปิดการใช้งาน

• วิธีการเรียงลำดับหรือ Filter โดย Color ในแผ่น Google

• วิธีเปลี่ยน Google SafeSearch Off

• Google Search Bar Widget Missing? วิธีการคืนค่าใน Android

• คุณสามารถลบอีเมล์ทั้งหมดจาก Gmail ในครั้งเดียว

• วิธีการแทรกลายเซ็นใน Google Docs

• Metric and Dimension ใน Google Analytics คืออะไร

• วิธีการ Unsend Email ใน Gmail

• วิธีการใช้ Google Calendar: 10 Pro Tips

• วิธีการรับการ Inbox Zero ใน Gmail

• วิธีการที่ใช้ใน SUMIF Google แผ่น

• วิธีทำ Business Card ใน Google Drive

• วิธีการ Backup Google Chrome History

• วิธีการอ้างสิทธิ์ในธุรกิจบน Google

• วิธีการสร้าง Google Form สอง: Complete Guide