Create and edit forms using the new form editor (BETA)

สร้างและใช้งานฟอร์ม ด้วยเครื่องมือสร้างฟอร์มแบบใหม่เพื่อรวบรวมข้อมูลเกี่ยวกับผู้เยี่ยมชมของคุณและจัดเก็บใน HubSpot CRM เมื่อใช้เครื่องมือสร้างฟอร์มแบบใหม่

วันที่เผยแพร่ 7 กันยายน 2567

สร้างและใช้งานฟอร์ม ด้วยเครื่องมือสร้างฟอร์มแบบใหม่เพื่อรวบรวมข้อมูลเกี่ยวกับผู้เยี่ยมชมของคุณและจัดเก็บใน HubSpot CRM เมื่อใช้เครื่องมือสร้างฟอร์มแบบใหม่ คุณสามารถสร้างฟอร์มแบบหลายขั้นตอนได้ จากนั้นปรับแต่งสไตล์ฟอร์มของคุณให้สะท้อนถึงเอกลักษณ์และการสร้างแบรนด์ของธุรกิจคุณ หลังจากสร้างฟอร์มเสร็จแล้ว คุณสามารถเพิ่มฟอร์มลงในเว็บไซต์ภายนอกของคุณโดยใช้ form embed code หรือแชร์เป็นหน้าแยกต่างหากด้วย share link.

สร้างฟอร์มใหม่

ในการสร้างฟอร์มใหม่:

• ในบัญชี HubSpot ของคุณ ไปที่ Marketing > Forms
• ที่มุมขวาบน คลิก Create form
• หากต้องการเชื่อมโยงฟอร์มกับ business unit ให้คลิกที่เมนูแบบเลื่อนลง Select a business unit แล้วเลือก  business unit ที่คุณต้องการเชื่อมโยงฟอร์มนี้ด้วย
• เลือก New Form Editor
• ที่มุมขวาบน คลิก Next
• ที่ด้านบน คลิกที่ไอคอนดินสอ edit เพื่อแก้ไขชื่อฟอร์ม

 

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

 

• ในการสร้างคุณสมบัติใหม่และใช้เป็น property ที่เชื่อมต่อกับฟิลด์ในฟอร์มของคุณ ให้คลิก Create new
  
  • เลือก form field type. 
  • ในแผงด้านขวา ตั้งค่าฟิลด์ ในฟอร์มของคุณ:
  • โดยค่าเริ่มต้น ตัวเลือก Show in forms, pop-up forms, and bots จะถูกเลือกไว้หลังจากสร้าง Property ใหม่แล้ว จะถูกเชื่อมโยงกับ Field ในฟอร์มโดยอัตโนมัติ เรียนรู้วิธีจัดการ Property ของคุณ

• หลังจากเพิ่มฟิลด์ในฟอร์มแล้ว หากต้องการแก้ไขตัวเลือกของ Field:
  • ในแผงด้านขวา คลิกที่ Field ในการแสดงตัวอย่างฟอร์ม
  • ในแผงด้านซ้าย คลิกเพื่อขยายส่วน Field options ตัวเลือกที่นี่อาจแตกต่างกันไปขึ้นอยู่กับประเภทของ Property ของ Field เรียนรู้เพิ่มเติมเกี่ยวกับตัวเลือกการปรับแต่ง Field ที่เพิ่มเติมได้
    
    • Help text: ข้อความข้อมูลที่อยู่ใต้ Label ของ Field เพื่อช่วยให้ผู้เข้าชมกรอกข้อมูลใน Field ได้ถูกต้อง
    • Placeholder text: ข้อความที่ปรากฏในกล่องใส่ข้อมูลของ Field ข้อความนี้จะหายไปเมื่อผู้เข้าชมกรอกข้อมูลใน Field และจะไม่ถูกส่งผ่านไปในการส่งฟอร์ม แม้ว่าจะทิ้ง Field ไว้เป็นช่องว่างก็ตาม
    • Default value: ค่าที่จะถูกส่งผ่านสำหรับ Field โดยค่าเริ่มต้น เว้นแต่ผู้เข้าชมจะเปลี่ยนแปลง
    • Required field: เมื่อเปิดใช้งานตัวเลือกนี้ Field ต้องถูกกรอกข้อมูลเพื่อที่จะส่งฟอร์มได้ หากฟิลด์ในฟอร์มถูกตั้งค่าเป็นฟิลด์บังคับ จะไม่สามารถตั้งค่าให้ซ่อนได้

 

เพิ่มองค์ประกอบฟอร์มเพิ่มเติม

เพิ่มโลจิกตามเงื่อนไขในฟอร์ม (เฉพาะ Content Hub หรือ Marketing Hub Professional และ Enterprise)

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

การตั้งค่าโลจิกตามเงื่อนไขในฟอร์ม:

1. ในบัญชี HubSpot ของคุณ ไปที่ Marketing > Forms
2. สร้างฟอร์มใหม่ หรือชี้เมาส์ไปที่ฟอร์มที่มีอยู่แล้วคลิก Edit
3. ที่มุมบนซ้าย คลิกที่ไอคอน githubBranch logic
4. ในแผงด้านซ้าย คลิก Add logic
5. ในส่วนโลจิก ตั้งค่าเงื่อนไขโลจิกของคุณ ตัวอย่างเช่น หากคุณกรองตาม City และเลือก is any of Dublin กฎโลจิกจะใช้กับระเบียนที่มีค่าเป็น Dublin เท่านั้น
6. เพื่อลบฟิลเตอร์ คลิกที่ไอคอน delete
7. เพื่อทำซ้ำฟิลเตอร์ คลิกที่ไอคอน duplicate
8. เพื่อเพิ่มฟิลเตอร์เพิ่มเติมในกฎ คลิก Add filter to this group
9. เพื่อเพิ่มกลุ่มเพิ่มเติมในกฎ คลิก Add group
10. หากคุณได้เพิ่มฟิลเตอร์หรือกลุ่มหลายรายการในกฎ คลิกที่เมนูดรอปดาวน์ AND OR ระหว่างฟิลเตอร์และกลุ่มเพื่อใช้โลจิก AND หรือ OR:
    • AND: ฟิลเตอร์ทั้งหมดในกฎต้องเป็นจริงเพื่อให้กฎถูกกระตุ้น
    • OR: ฟิลเตอร์อย่างน้อยหนึ่งรายการในกลุ่มต้องเป็นจริงเพื่อให้กฎถูกกระตุ้น เรียนรู้เพิ่มเติมเกี่ยวกับโลจิก AND หรือ OR
11. ในส่วน Then, คลิกที่เมนูดรอปดาวน์เพื่อเลือก on-form actions คุณสามารถเลือกจากตัวเลือกดังนี้:
    • Show a field: หากการตอบสนองของผู้ใช้ตรงกับเกณฑ์ที่ตั้งค่าไว้ในกฎ ให้แสดงฟิลด์เฉพาะ
    • Hide a field: หากการตอบสนองของผู้ใช้ตรงกับเกณฑ์ที่ตั้งค่าไว้ในกฎ ให้ซ่อนฟิลด์เฉพาะ
    • Skip to step: หากการตอบสนองของผู้ใช้ตรงกับเกณฑ์ที่ตั้งค่าไว้ในกฎ ให้ข้ามไปที่ขั้นตอนเฉพาะ สำหรับตัวเลือกนี้ ฟอร์มต้องมีอย่างน้อย 3 ขั้นตอน เรียนรู้เพิ่มเติมเกี่ยวกับการเพิ่มขั้นตอนฟอร์ม
12. ขึ้นอยู่กับการกระทำบนฟอร์มที่เลือก กรอกข้อมูลที่จำเป็น
13. เพื่อใช้โลจิกตามเงื่อนไข คลิก Save and Activate

 

• จัดเรียงลำดับของขั้นตอน
  เพื่อจัดเรียงลำดับของขั้นตอน ให้ชี้เมาส์ไปที่ขั้นตอนนั้น จากนั้นที่มุมบนซ้ายของขั้นตอน คลิกและลาก Step [x] เพื่อปรับตำแหน่ง
• ลบขั้นตอน
  เพื่อเลือกลบขั้นตอน ให้ชี้เมาส์ไปที่ขั้นตอนนั้นและคลิกที่ไอคอน delete

แก้ไขรูปแบบของขั้นตอนและแบนเนอร์พื้นหลัง

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

• ในบัญชี HubSpot ของคุณ ไปที่ Marketing > Forms
• สร้างฟอร์มใหม่ หรือเลื่อนเมาส์ไปที่ฟอร์มที่มีอยู่แล้วและคลิก Edit
• เลื่อนเมาส์ไปที่ขั้นตอนของฟอร์มและคลิก pencil icon ที่มุมขวาบน
• ในแผงด้านซ้าย เลือกรูปแบบ step layout. 
• หากต้องการลบรูปแบบ คลิก Remove layout ที่มุมขวาบน

 

เมื่อปรับแต่งข้อความ, ฟิลด์ข้อมูล หรือปุ่ม คุณสามารถเลือกใช้สไตล์ที่มีอยู่แล้วจาก Quick field input styles หรือปรับแต่งสไตล์สำหรับแต่ละองค์ประกอบของฟอร์มของคุณ:

• ข้อความ: ปรับแต่งฟอนต์, ขนาดฟอนต์, และสีสำหรับข้อความหัวเรื่องและเนื้อหา คุณสามารถเลือกเพิ่ม drop shadow ให้กับข้อความหัวเรื่อง หรือ highlight ให้กับข้อความเนื้อหา
• ฟิลด์ข้อมูล: ปรับแต่งฟิลด์ รวมถึงพื้นหลังและขอบ คุณยังสามารถปรับแต่งฟอนต์, ขนาดฟอนต์, และสีสำหรับป้ายกำกับ รวมถึงสีสำหรับข้อความช่วยเหลือ, placeholders, และข้อความแสดงข้อผิดพลาด
• ปุ่ม: ปรับแต่งความสูงของปุ่ม, การโค้งมุม, พื้นหลัง, gradient, และเพิ่ม drop shadow ให้กับปุ่ม คุณยังสามารถปรับแต่งฟอนต์, ขนาดฟอนต์, และสีสำหรับข้อความบนปุ่ม
• พื้นหลัง: ปรับแต่งพื้นหลังสำหรับฟอร์มและขั้นตอนของฟอร์ม คุณสามารถเลือกตั้งค่าสีพื้นหลังหรือใช้ภาพเป็นพื้นหลัง คุณสามารถใช้ AI assistants เพื่อสร้างภาพ นอกจากนี้คุณยังสามารถเลือกตั้งค่าขอบสำหรับฟอร์มของคุณ

ปรับแต่งการตั้งค่าทั่วไปของฟอร์ม
กำหนดสิ่งที่จะเกิดขึ้นกับข้อมูลติดต่อที่เกี่ยวข้องหลังจากการส่งฟอร์ม คุณสามารถตั้งค่าสถานะการตลาดของติดต่อ, ขั้นตอนการทำงาน, และอื่นๆ ตัวเลือกบางอย่างอาจไม่แสดง ขึ้นอยู่กับการสมัครสมาชิก HubSpot ของคุณ

1. ในบัญชี HubSpot ของคุณ ไปที่ Marketing > Forms
2. สร้างฟอร์มใหม่ หรือเคลื่อนไปที่ฟอร์มที่มีอยู่แล้ว คลิก Edit
3. ในแผงด้านซ้าย คลิก settings icon
4. ปรับแต่งการตั้งค่าทั่วไปของฟอร์มดังต่อไปนี้:
   • Always create contact for new email address: เลือกตัวเลือกนี้เพื่อสร้างบันทึกติดต่อใหม่สำหรับการส่งฟอร์มแต่ละครั้งที่มีอีเมลที่ไม่ซ้ำกัน หากอีเมลที่ส่งตรงกับบันทึกติดต่อที่มีอยู่ในฐานข้อมูล ข้อมูลในบันทึกที่มีอยู่จะได้รับการอัปเดต
     • หากตัวเลือกนี้ปิดอยู่, HubSpot จะพยายามเชื่อมโยงการส่งฟอร์มกับติดต่อที่มีอยู่ที่อีเมลที่ส่งมา หากไม่มีติดต่อที่อยู่อีเมลนั้น, HubSpot จะจดจำและ อัปเดตผู้ติดต่อของคุณตาม คุกกี้ในเบราว์เซอร์ของพวกเขา ซึ่งอาจทำให้ติดต่อถูกเขียนทับหากฟอร์มเดียวกันถูกส่งหลายครั้งจากอุปกรณ์เดียวกัน
     • หากตัวเลือกนี้เปิดอยู่, เมื่อการติดต่อส่งฟอร์มด้วยอีเมลที่แตกต่างออกไปในเบราว์เซอร์ที่มีคุกกี้อยู่แล้ว, การดูจะไม่ถูกติดตามสำหรับการติดต่อดังกล่าว ตัวเลือก Pre-populate contact fields with known values จะถูกปิดโดยอัตโนมัติ
   • Set contacts created as marketing contacts: หากบัญชี HubSpot ของคุณมี การเข้าถึง marketing contacts, คุณสามารถตั้งค่าการติดต่อใดๆ ที่ส่งฟอร์มนี้เป็นการตลาดโดยอัตโนมัติ รวมถึงทั้งติดต่อใหม่และที่มีอยู่
   • Pre-populate fields with known values: หากการติดต่อเคยเยี่ยมชมไซต์ของคุณและส่งฟอร์ม และ HubSpot สามารถเก็บและติดตามคุกกี้ของพวกเขา, ค่าฟิลด์ที่รู้จักจะถูกเติมล่วงหน้าในฟอร์ม ตัวเลือกนี้เปิดใช้งานโดยค่าเริ่มต้น เรียนรู้เพิ่มเติมเกี่ยวกับฟิลด์ฟอร์มที่เติมล่วงหน้า
   • Customize lifecycle stage: คลิกที่เมนูดรอปดาวน์ Set lifecycle state to และเลือกขั้นตอนการทำงาน เมื่อผู้เข้าชมส่งฟอร์ม, บันทึกใหม่หรือที่มีอยู่จะถูกตั้งค่าเป็นขั้นตอนการทำงานที่เลือก
     • คุณไม่สามารถย้ายขั้นตอนการทำงานของบันทึกย้อนหลังได้ หากการติดต่อหรือบริษัทที่มีอยู่พร้อมกับขั้นตอนการทำงานที่ล่าช้าส่งฟอร์ม, ขั้นตอนการทำงานจะไม่ถูกอัปเดต
     • ขั้นตอนการทำงานที่ตั้งค่าในฟอร์มจะเขียนทับ ขั้นตอนการทำงานเริ่มต้น ที่กำหนดในการตั้งค่า HubSpot ของคุณ

 

ปรับแต่งการตั้งค่าการส่งฟอร์ม

กำหนดการแจ้งเตือนผู้ใช้เมื่อฟอร์มถูกส่ง:

1. ในบัญชี HubSpot ของคุณ ไปที่ Marketing > Lead Capture > Forms
2. สร้างฟอร์มใหม่หรือเคลื่อนไปที่ฟอร์มที่มีอยู่แล้ว คลิก Edit
3. ในมุมซ้ายบน คลิก settings icon
4. ในแผงด้านซ้าย คลิก Submission Settings
5. ปรับแต่งการตั้งค่าการส่งฟอร์มดังต่อไปนี้:
   • Visitor email notifications: เลือกตัวเลือก Send submission email notifications to the contact's owner เพื่อส่งการแจ้งเตือนไปยังเจ้าของติดต่อโดยอัตโนมัติ หากติดต่อไม่มีเจ้าของ การแจ้งเตือนจะไม่ถูกส่ง เรียนรู้เพิ่มเติมเกี่ยวกับ object ownership ใน HubSpot
   • Submission email notifications: คลิกที่เมนูดรอปดาวน์ Send submission email notifications to เพื่อเลือกทีมหรือบุคคลเริ่มต้นที่จะส่งการแจ้งเตือนการส่งฟอร์มถึง โดยไม่คำนึงถึงการเป็นเจ้าของติดต่อ ผู้รับที่ตั้งค่าไว้ที่นี่จะถูกเขียนทับโดยผู้รับที่ ตั้งค่าไว้ในตัวเลือกฟอร์มบน HubSpot pages

 

 

• ปรับแต่งการตั้งค่าภาษาของฟอร์ม: คลิกที่เมนูดรอปดาวน์ Primary language เพื่อเลือกภาษาพื้นฐานสำหรับฟอร์มของคุณ ข้อความผิดพลาดจะถูกแปลเป็นภาษานี้ ข้อความ Help Text, Placeholder text, และ Default value จะไม่ถูกแปล แต่สามารถอัปเดตได้ด้วยตนเอง เรียนรู้เพิ่มเติมเกี่ยวกับการแปลฟอร์ม

จัดการการตรวจสอบความถูกต้องแบบสดบนฟิลด์ฟอร์ม

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

ตัวอย่างเช่น หากคุณได้ตั้งกฎการตรวจสอบความถูกต้องสำหรับ Order Number property ให้มีค่าเป็นตัวเลขเท่านั้น ผู้เยี่ยมชมจะได้รับข้อเสนอแนะแก้ไขการป้อนข้อมูลที่ไม่ใช่ตัวเลข