วิธีสร้างฟอร์ม Airtable ที่กำหนดเองใน WordPress

ฟอร์ม airtable, wp airtable form, wpforms และ zapier


ต้องการสร้างแบบฟอร์ม Airtable ที่กำหนดเองบนเว็บไซต์ WordPress ของคุณ?

Airtable เป็นบริการคลาวด์ที่ให้คุณสร้างแอปสเปรดชีตที่กำหนดเองโดยไม่ต้องเขียนโค้ด แบบฟอร์ม Airtable ทำให้ง่ายต่อการบันทึกข้อมูลผู้ใช้ของคุณลงในฐาน Airtable.

ในบทความนี้เราจะแสดงวิธีสร้างฟอร์ม Airtable ที่กำหนดเองสำหรับ WordPress.

ทำไมต้องสร้างฟอร์ม Airtable ที่กำหนดเองใน WordPress?

แบบฟอร์ม Airtable เหมาะสำหรับเว็บไซต์ที่ทำแบบสอบถามและรวบรวมข้อมูลลูกค้าทำการวางแผนผลิตภัณฑ์วางแผนปฏิทินเนื้อหา ฯลฯ.

Airtable ทำให้ง่ายต่อการรวบรวมข้อมูลในรูปแบบตารางแบบยาว.

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

วิธีสร้างฟอร์ม Airtable ที่กำหนดเองใน WordPress

วิธีที่ดีที่สุดในการสร้างแบบฟอร์ม Airtable ที่กำหนดเองในเว็บไซต์ WordPress ของคุณคือการใช้ ปลั๊กอิน WPForms. WPForms เป็นปลั๊กอินตัวสร้างฟอร์ม WordPress ที่ดีที่สุดและเป็นที่นิยมมากที่สุดที่ช่วยให้คุณสร้างรูปแบบใด ๆ ภายในไม่กี่นาที.

WPForms

มันมีเทมเพลตที่สวยงามหลายแบบที่พร้อมใช้งานทันที นอกจากนี้คุณยังสามารถใช้แบบฟอร์มเหล่านี้เพื่อรวบรวมการชำระเงินป้องกันการส่งสแปมเพิ่มตำแหน่งทางภูมิศาสตร์และทำสิ่งต่างๆอีกมากมาย เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับมันอ่านรีวิวของเราเกี่ยวกับ WPForms.

หนึ่งในคุณสมบัติของปลั๊กอินนี้คือให้คุณเชื่อมต่อแบบฟอร์มกับบัญชี Airtable ของคุณโดยใช้ Zapier Zapier เป็นแอปที่เชื่อมต่อกับแอปพลิเคชันกว่า 1,500 รายการบนเว็บรวมถึง Airtable, Google Calendar, Slack, Gmail และอื่น ๆ.

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

ขั้นตอนที่ 1: สร้างฟอร์ม WordPress ด้วย WPForms

ในการเริ่มสร้างแบบฟอร์มคุณจะต้องติดตั้งและเปิดใช้งาน ปลั๊กอิน WPForms บนเว็บไซต์ของคุณ เมื่อเปิดใช้งานไปที่ WPForms »เพิ่มใหม่ เพื่อสร้างแบบฟอร์ม.

ตอนนี้เลือก แบบฟอร์มการติดต่อง่าย ตัวเลือก คุณยังสามารถเพิ่มชื่อให้กับฟอร์มของคุณในฟิลด์ชื่อฟอร์ม.

WPForms Builder, ฟอร์ม Airtable

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

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

ขั้นตอนที่ 2: การติดตั้ง Zapier Addon สำหรับ Airtable Integration

ในขั้นตอนต่อไปคุณต้องทำ ติดตั้ง Zapier addon. ด้วย Zapier คุณสามารถเชื่อมต่อแบบฟอร์มของคุณกับแอพได้มากกว่า 2 แอพพร้อมกัน.

ที่นี่เราจะใช้ Zapier เพื่อเชื่อมต่อแบบฟอร์มของเรากับ Airtable หากต้องการติดตั้ง Zapier ให้ไปที่ WPForms » Addons. ตอนนี้ใช้ช่องค้นหาเพื่อค้นหา addon.

เมื่อพบแล้วให้คลิกที่ ติดตั้ง Addon ปุ่ม. ตอนนี้ไปที่หน้าการตั้งค่า WPForms และคลิกที่ บูรณาการ แถบ ที่นี่คุณจะพบคีย์ Zapier API ซึ่งจะใช้ในการเชื่อมต่อ WPForms ของคุณกับบัญชี Zapier ของคุณ.

ในหน้านี้คุณสามารถเห็นโลโก้ Zapier คลิกที่มันเพื่อค้นหาคีย์ API เปิดหน้านี้ไว้ เราต้องการ API นี้ในขั้นตอนต่อไปนี้.

Zapier API

ขั้นตอนที่ 3: สร้าง Zap

Zap เป็นงานอัตโนมัติที่คุณสามารถเรียกใช้และเชื่อมต่อแอปออนไลน์สองแอปขึ้นไป แต่เพื่อให้เกิดขึ้นคุณจะต้องตั้งค่าบัญชี Zapier ก่อน เปิดแท็บใหม่และสร้างบัญชี Zapier.

ในการทำเช่นนั้นเพียงไปที่ เว็บไซต์อย่างเป็นทางการของ Zapier และคลิกที่ ลงชื่อ. จากนั้นคุณสามารถใช้ที่อยู่อีเมลของคุณเพื่อลงทะเบียน.

Zapier, การรวมกันของ wpforms, airtabe ฟอร์ม

เมื่อคุณอยู่ในแผงควบคุม Zapier ของคุณให้คลิกที่ ทำ Zap ปุ่ม.

ตอนนี้คุณต้องกำหนดค่าสองสิ่ง:

  • กำหนดค่าแอพ Trigger
  • กำหนดค่าแอพ Action

มาดูพวกเขาทีละขั้นตอน.

ขั้นตอนที่ 4: การกำหนดค่าแอพ Trigger สำหรับ Airtable

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

รวม WPForms กับ zapier

ในขั้นตอนถัดไปให้เลือก ต่อ ปุ่ม.

รวม wpfrms กับ zapier

ตอนนี้คุณจะเห็นหน้าจอใหม่ที่คุณต้องลงชื่อเข้าใช้บัญชี WPForms ของคุณ เมื่อคลิกที่ ลงชื่อเข้าใช้ WPForms คุณจะเห็นป๊อปอัปหน้าต่างใหม่ซึ่งคุณสามารถป้อนที่อยู่เว็บไซต์ของคุณและคีย์ API ที่เราต้องการในขั้นตอนที่ 2 หลังจากป้อนรายละเอียดเหล่านี้ให้คลิกที่ ใช่ดำเนินการต่อ ปุ่ม.

คุณจะเห็นว่าปลั๊กอิน WPForms ของคุณถูกเพิ่มลงใน เลือกบัญชี WPForms หน้า. ตอนนี้คลิกที่ปุ่มทดสอบบนหน้าจอของคุณเพื่อตรวจสอบว่าบัญชี Zapier ได้รับการรวมเข้ากับปลั๊กอิน WPForms ของคุณอย่างถูกต้องหรือไม่.

หากคุณได้รับข้อความแสดงความสำเร็จคุณควรคลิกที่ปุ่มบันทึก + ดำเนินการต่อเพื่อดำเนินการต่อ ตอนนี้ Zapier จะเข้าถึงของคุณ ปลั๊กอิน WPForms และสามารถดึงฟอร์มทั้งหมดที่คุณสร้างด้วยบัญชีของคุณ ใช้ลูกศรแบบหล่นลงเลือกแบบฟอร์มที่คุณสร้างไว้ก่อนหน้านี้แล้วคลิกที่ ต่อ ปุ่ม.

ตอนนี้ Zapier จะดึงข้อมูลทั้งหมดในแบบฟอร์มของคุณ เลือกรายการฟอร์มใดรายการหนึ่งเพื่อให้สามารถใช้สำหรับทดสอบการเชื่อมต่อระหว่าง WPForms และ Airtable คลิกที่ ต่อ เพื่อดำเนินการต่อ.

ขั้นตอนที่ 5: การกำหนดค่าแอพ Action

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

การตั้งค่า Zapier

ตอนนี้คุณสามารถเลือกแอป Airtable โดยใช้ลูกศรดรอปดาวน์.

เลือกแอปการกระทำ airtable

ตอนนี้คุณจะถูกขอให้เลือกการกระทำ Airtable คุณจะมีหลายตัวเลือกที่นี่ เลือกตัวเลือกที่คุณต้องการ ที่นี่ให้เลือกตัวเลือกสร้างบันทึก ทำตามขั้นตอนให้เสร็จโดยคลิกที่ บันทึก + ดำเนินการต่อ ปุ่ม.

ในขั้นตอนถัดไปให้กดปุ่ม เชื่อมต่อบัญชี เพื่อเชื่อมต่อบัญชี Airtable ของคุณกับ Zapier หน้าต่างป๊อปอัพจะปรากฏขึ้นบนหน้าจอขอให้คุณป้อนรหัส Airtable API ของคุณ ในการรับ Airtable API ให้เปิดแท็บใหม่และลงชื่อเข้าใช้บัญชี Airtable ของคุณ คุณจะพบ API ของคุณในภาพรวมบัญชี เพียงคลิกที่รูปโปรไฟล์ที่มุมบนขวาแล้วคลิก ภาพรวมบัญชี.

API Airtable

คุณสามารถดู API ได้โดยคลิกที่กล่องข้อความ ตอนนี้คัดลอกและวาง API นี้ในหน้าต่าง Zapier ของคุณ.

เมื่อเสร็จแล้วกดปุ่ม ใช่ดำเนินการต่อ ปุ่ม. ตอนนี้คุณจะเห็นว่าบัญชี Airtable ของคุณกำลังถูกเพิ่มลงใน เลือกบัญชี Airtable หน้า. ตอนนี้คุณสามารถคลิกที่ ทดสอบ เพื่อทดสอบการเชื่อมต่อระหว่างบัญชี Zapier และ Airtable ของคุณ.

ขั้นตอนที่ 6: การตั้งค่าและทดสอบเทมเพลต Airtable

ขั้นตอนสุดท้ายคือการตั้งค่าและทดสอบเทมเพลต Airtable คุณสามารถค้นหาเทมเพลต Airtable ได้โดยคลิกที่แท็บเทมเพลตที่ด้านบนของบัญชี Airtable ของคุณ.

เทมเพลต airtable

ในการเลือกเทมเพลตคุณจะต้องเลือกฐานก่อน มาเลือกกัน การวิจัยผู้ใช้ เป็นพื้นฐานสำหรับการกวดวิชานี้ นี่คือลักษณะเทมเพลตของเรา.

ฐาน airtable สำหรับ WordPress

Zapier จะดึงข้อมูลจาก Custom Airtable form ของคุณสำหรับฟิลด์ แต่ละฟิลด์เหล่านี้สามารถแก้ไขได้ เมื่อเสร็จแล้วให้เลื่อนลงและคลิกที่ ต่อ ปุ่ม. ในขั้นตอนถัดไปคุณสามารถตรวจสอบการเชื่อมต่อ WPForms และ Airtable ของคุณโดยคลิกที่ ส่งทดสอบไปที่ Airtable ปุ่ม.

ผู้ติดต่อใหม่จะถูกสร้างขึ้นด้วยรายการแบบทดสอบในบัญชี Airtable ของคุณ คุณสามารถเข้าสู่บัญชี Airtable ของคุณเพื่อยืนยันว่ามีการสร้างผู้ติดต่อ หากทำได้คุณสามารถกลับไปที่บัญชี Zapier ของคุณและกดปุ่ม เสร็จสิ้น เพื่อเสร็จสิ้นกระบวนการ เลื่อนหน้าจอลงและสลับ Zap ของคุณ ตัวเลือกใน คุณยังสามารถเพิ่มชื่อลงใน Zap ของคุณได้.

ชื่อกำลังใจ

ตอนนี้เมื่อใดก็ตามที่ผู้ใช้ส่งแบบฟอร์มข้อมูลจะถูกเพิ่มลงในบัญชี Airtable ของคุณโดยอัตโนมัติ.

ขั้นตอนที่ 7: การฝังฟอร์ม Airtable ใน WordPress

เมื่อแบบฟอร์มพร้อมแล้วคุณสามารถฝังลงในเว็บไซต์ของคุณได้อย่างง่ายดาย คุณสามารถฝังไว้ในโพสต์หน้าหรือแถบด้านข้างของคุณ หากต้องการฝังแบบฟอร์มของคุณให้ไปที่ หน้า»เพิ่มใหม่. ตอนนี้เพิ่มชื่อให้กับแบบฟอร์มของคุณแล้วคลิกที่ ‘+’ ลงชื่อเข้าใช้เพื่อเพิ่มบล็อก ตอนนี้เลือก WPForms จากส่วนบล็อกที่ใช้มากที่สุด.

ฝัง wpforms

ที่นี่คลิกที่ลูกศรแบบหล่นลงและเลือกแบบฟอร์มที่คุณเพิ่งสร้างขึ้นด้วย ปลั๊กอิน WPForms.

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

เผยแพร่ฟอร์ม WPForm

นั่นแหละ สร้างฟอร์ม Airtable ที่กำหนดเองของคุณสำเร็จแล้ว เราหวังว่าบทความนี้จะเป็นประโยชน์กับคุณ คุณอาจต้องการตรวจสอบวิธีการสร้างจดหมายข่าวทางอีเมล.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map