Pixpa นำเสนอแบบฟอร์มติดต่อที่สวยงามและปรับแต่งได้ตามต้องการสำหรับเว็บไซต์ของคุณ เมื่อผสานรวมแบบฟอร์มเหล่านี้กับMake.comคุณสามารถสร้างระบบอัตโนมัติสำหรับขั้นตอนการทำงาน เช่น การบันทึกข้อสอบถามลงในสเปรดชีต การส่งอีเมล การแจ้งเตือนทีมงาน หรือแม้กระทั่งการสร้างงานในเครื่องมือบริหารจัดการโครงการ
คู่มือนี้จะแนะนำคุณเกี่ยวกับการตั้งค่า Make.com เพื่อรับและประมวลผลการส่งข้อมูลจากแบบฟอร์มติดต่อ Pixpa ของคุณ
ในบทความนี้:
สิ่งที่คุณต้องการทั้งหมด
ก่อนที่จะเริ่มต้น ให้แน่ใจว่าคุณมี:
- เว็บไซต์ Pixpa พร้อมส่วนแบบฟอร์มติดต่อที่ใช้งานได้
- บัญชี Google ที่มี Google Sheet ที่เตรียมไว้เพื่อรวบรวมคำตอบแบบฟอร์ม
- A แต่งหน้า.คอม บัญชี (ฟรีหรือชำระเงิน) เพื่อสร้างเวิร์กโฟลว์อัตโนมัติ
วิธีการทำงาน
- Pixpa ส่งข้อมูลแบบฟอร์ม – เมื่อมีการส่งข้อมูลใหม่ Pixpa จะส่งรายละเอียดไปยังเว็บฮุกของ Make.com
- Make.com ประมวลผลข้อมูล – Make จะรับข้อมูลแบบฟอร์มและจัดเตรียมเพื่อจัดเก็บ การส่งแบบฟอร์มใหม่แต่ละครั้งจะถูกเพิ่มเป็นแถวใหม่ใน Google Sheet ที่เชื่อมต่อของคุณ พร้อมช่องข้อมูลที่ส่งทั้งหมด
- ทำงานแบบเรียลไทม์ – กระบวนการทั้งหมดเป็นแบบอัตโนมัติ ดังนั้นข้อมูลที่ส่งใหม่จะปรากฏในชีตของคุณทันที โดยไม่ต้องใช้ความพยายามด้วยตนเอง
คำแนะนำทีละขั้นตอน
- สร้างแผ่นงาน Google
- สร้างสถานการณ์ใน Make.com
- เพิ่ม Webhook ให้กับ Pixpa
- เพิ่ม Google Sheet ในสถานการณ์
สร้างแผ่นงาน Google
- เปิดหน้าที่คุณได้เพิ่มส่วนแบบฟอร์มติดต่อในเว็บไซต์ Pixpa ของคุณแล้วคลิกที่ แก้ไขแบบฟอร์มการติดต่อ ปุ่ม
- ภายใต้ การตั้งค่า (1) แท็บ เปิดใช้งาน ส่งข้อมูลแบบฟอร์มไปที่ Make.com (2) สลับ
- คลิกที่ คัดลอกแถวส่วนหัว (3) ปุ่ม และ ลด (4) การเปลี่ยนแปลง
- ตอนนี้เข้าสู่ระบบของคุณ บัญชี Google และสร้างใหม่ สเปรดชีต.
- ระบุ ชื่อที่สามารถระบุตัวตนได้ (5) สำหรับแผ่นและวาง แถวส่วนหัว (6) ข้อมูลอยู่ในแถวแรกของชีต
สร้างสถานการณ์ใน Make.com
- สร้างบัญชีใหม่ใน แต่งหน้า.คอม or เข้าสู่ระบบ ไปยังบัญชีของคุณหากคุณมีอยู่แล้ว
- ภายใต้บัญชี Make.com ของคุณ ให้ไปที่ สถานการณ์ (1) ส่วนและคลิกที่ + สร้างสถานการณ์ใหม่ (2) ปุ่ม
- ระบุ ชื่อที่ระบุตัวตนได้ (3) สำหรับสถานการณ์
- ตอนนี้คลิกที่ ปุ่ม + (4) และเลือก Webhooks (5) ตัวเลือก
- เลือก เว็บฮุกแบบกำหนดเอง (6) ตัวเลือก
- ป๊อปอัปใหม่จะเปิดขึ้น คลิกที่ สร้างเว็บฮุก (7) ปุ่ม
- ระบุ ชื่อของเว็บฮุก (8) และ ลด (9) การเปลี่ยนแปลง
- ตอนนี้ Webhook จะถูกสร้างขึ้น Make จะสร้าง URL เว็บฮุกที่ไม่ซ้ำใคร. คัดลอก URL นี้ (10) คุณจะต้องใช้มันใน Pixpa
- สุดท้ายคลิกที่ ลด (11) ปุ่ม
- หลังจากบันทึก Webhook แล้ว คลิกขวาที่โมดูล Webhook (12) และคลิกที่ รันโมดูลนี้เท่านั้น (13) ตัวเลือก
ขณะที่คุณรันโมดูลนี้ ให้ปฏิบัติตามขั้นตอนที่ระบุไว้ด้านล่างนี้
เพิ่ม Webhook ให้กับ Pixpa
- ในส่วนแบบฟอร์มติดต่อในเว็บไซต์ Pixpa ของคุณ ให้วาง URL เว็บฮุกที่ไม่ซ้ำใคร (1)
- หลังจากวาง URL แล้วให้คลิกที่ ผลักดันข้อมูลตัวอย่าง (2) ปุ่ม และ ลด (3) การเปลี่ยนแปลง
เมื่อคุณกด ปุ่ม Push Sample Data (2) ข้อมูลจะถูกส่งไปยัง Make.com และการทำงานของโมดูล Webhook จะเสร็จสิ้นอย่างราบรื่น
หากโมดูล Webhook ไม่ทำงานสำเร็จ ให้ลองเรียกใช้โมดูลอีกครั้งใน Make.com โดยคลิกขวาที่โมดูลแล้วเลือก“เรียกใช้โมดูลนี้เท่านั้น”จากนั้น ไปที่การตั้งค่าแบบฟอร์มติดต่อ Pixpa ของคุณ แล้วคลิก ปุ่ม “ส่งข้อมูลตัวอย่าง”เพื่อส่งข้อมูลทดสอบอีกครั้ง วิธีนี้จะช่วยให้ Make ตรวจจับและลงทะเบียนข้อมูลที่เข้ามาได้อย่างถูกต้อง
เพิ่ม Google Sheet ในสถานการณ์
- คลิกที่ ปุ่ม + (1) เพื่อเพิ่มโมดูลใหม่ให้กับสถานการณ์
- เข้าสู่ เพิ่ม (2) ในช่องค้นหาและเลือก เพิ่มแถว (3) ตัวเลือก
- จากป๊อปอัป คลิกที่ สร้างการเชื่อมต่อ (4) ปุ่ม
- ระบุก ชื่อการเชื่อมต่อ (5) และ เข้าสู่ระบบด้วยบัญชี Google ของคุณ (6) เพื่อเชื่อมโยงสเปรดชีต
- หลังจากลงชื่อเข้าใช้แล้ว ให้เลือก สเปรดชีต (7) คุณสามารถค้นหาจากชีตทั้งหมดที่มีอยู่ได้ คลิกปุ่มรีเฟรชหากสเปรดชีตไม่ปรากฏขึ้น
- เลือก แผ่นงานเฉพาะ (8) ภายใต้สเปรดชีตที่เลือก
- ทำให้เเน่นอน ตารางประกอบด้วยส่วนหัว (9) ตัวเลือกถูกตั้งค่าเป็น ใช่.
- ภายใต้ ความคุ้มค่า (10) คุณจะเห็นรายการคอลัมน์สเปรดชีตของคุณ (เช่น ชื่อ อีเมล ข้อความ ฯลฯ) สำหรับ แต่ละฟิลด์เหล่านี้คุณจะต้อง เลือกข้อมูลที่สอดคล้องกันจากแถบด้านข้างขวามือ (ซึ่งจะแสดงข้อมูลที่ได้รับจากเว็บฮุก) เพียงคลิกภายในฟิลด์และเลือกค่าที่ตรงกัน เช่น:
- แผนที่แสดงที่ตั้งบริษัท ส่งเมื่อ ไปยัง 1. ส่งเมื่อ
- แผนที่แสดงที่ตั้งบริษัท ชื่อ ไปยัง 1 ชื่อ
- แผนที่แสดงที่ตั้งบริษัท อีเมล ไปยัง 1 อีเมล์
ทำซ้ำขั้นตอนนี้สำหรับแต่ละฟิลด์ที่เกี่ยวข้องเพื่อให้ Google Sheet ของคุณกรอกข้อมูลแบบฟอร์มขาเข้าอย่างถูกต้อง
- หลังจากทำการแมปฟิลด์แล้ว ลด (11) การเปลี่ยนแปลง
- Hit ลด (12) กดปุ่มหนึ่งครั้งเพื่อบันทึกสถานการณ์และเปิดใช้งาน ทันทีที่ข้อมูลมาถึง (13) สลับ
ตอนนี้แบบฟอร์มติดต่อ Pixpa ของคุณได้รับการผสานรวมกับ Google Sheets อย่างเต็มรูปแบบแล้ว ทุกครั้งที่มีคนส่งแบบฟอร์ม ระบบจะสร้างแถวใหม่โดยอัตโนมัติ ไม่ต้องทำงานด้วยตนเอง!