ตั้งค่าและจัดรูปแบบฟอร์มบนหน้าเว็บ HubSpot
อัปเดตล่าสุด: เมษายน 30, 2025
สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:
|
หลังจากสร้างแบบฟอร์มใน HubSpot แล้วคุณสามารถเพิ่มลงในโมดูลแบบฟอร์มใดก็ได้ในหน้า HubSpot ในแต่ละหน้าคุณยังสามารถกำหนดค่าสิ่งที่เกิดขึ้นหลังจากส่งแบบฟอร์มและปรับแต่งสไตล์สำหรับองค์ประกอบในแบบฟอร์มของคุณเช่นปุ่มส่งและฟิลด์แบบฟอร์ม
ก่อนที่คุณจะเริ่มต้น
ก่อนที่จะตั้งค่าแบบฟอร์มของคุณในหน้า HubSpot โปรดทราบสิ่งต่อไปนี้:
- การตั้งค่าและการเปลี่ยนแปลงสไตล์จะมีผลกับโมดูลแบบฟอร์มในหน้าเว็บที่เลือกเท่านั้น การตั้งค่าและการเปลี่ยนแปลงสไตล์ที่ทำจะไม่ส่งผลกระทบต่อแบบฟอร์มของคุณในหน้าอื่นๆ
- การอัปเดตเนื้อหาแบบฟอร์มเช่นฟิลด์แบบฟอร์มจะอัปเดตแบบฟอร์มในหน้าอื่นๆทั้งหมดรวมถึงแบบฟอร์มฝังตัวหรือหน้าแบบฟอร์มแบบสแตนด์อโลน
ตั้งค่าแบบฟอร์มของคุณ
วิธีตั้งค่าแบบฟอร์มของคุณบนหน้า HubSpot:
-
ไปที่เนื้อหาของคุณ:
- หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
- หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
- คลิกชื่อเพจของคุณ
- ในตัวแก้ไขเนื้อหาให้คลิกโมดูลแบบฟอร์ม หากหน้าเว็บของคุณไม่มีโมดูลแบบฟอร์มในขณะนี้ให้เรียนรู้วิธีเพิ่มโมดูลลงในหน้าเว็บ
- ในแท็บเนื้อหาในแผงด้านซ้ายให้ปรับแต่งการตั้งค่าของแบบฟอร์มสำหรับหน้านี้:
- ชื่อแบบฟอร์ม: ป้อนชื่อสำหรับแบบฟอร์ม
- เลือกแบบฟอร์ม: เลือกแบบฟอร์มสำหรับหน้านี้
- หากต้องการใช้แบบฟอร์มที่มีอยู่ให้คลิกเมนูแบบเลื่อนลงและเลือกแบบฟอร์ม
- หากต้องการสร้างและใช้แบบฟอร์มใหม่ให้คลิกการดำเนินการ จากนั้นเลือก C reate new form ดูข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่าแบบฟอร์ม
- หากต้องการดูการส่งแบบฟอร์มนี้ให้คลิกการดำเนินการ จากนั้นเลือกดูการส่งแบบฟอร์ม
-
-
- หากต้องการแก้ไขแบบฟอร์มในตัวแก้ไขแบบฟอร์มให้คลิกการดำเนินการ จากนั้นเลือกไปที่ตัวแก้ไขแบบฟอร์ม
- หากต้องการแก้ไขแบบฟอร์มในตัวแก้ไขแบบฟอร์มให้คลิกการดำเนินการ จากนั้นเลือกไปที่ตัวแก้ไขแบบฟอร์ม
-
กำหนดค่าระบบฟอร์มอัตโนมัติของคุณ
คุณสามารถจัดการแบบฟอร์มอัตโนมัติอีเมลติดตามผลและเวิร์กโฟลว์ใดๆที่เกี่ยวข้องกับแบบฟอร์มของคุณ ทริกเกอร์การลงทะเบียนจะขึ้นอยู่กับพฤติกรรมต่อไปนี้:
- เมื่อเพิ่มเวิร์กโฟลว์ในการตั้งค่าระบบอัตโนมัติของโมดูลแบบฟอร์มทริกเกอร์การลงทะเบียนการส่งแบบฟอร์มที่เกี่ยวข้องจะถูกเพิ่มลงในเวิร์กโฟลว์
- การลบเวิร์กโฟลว์ออกจากการตั้งค่าระบบอัตโนมัติของโมดูลแบบฟอร์มจะลบออกจากทริกเกอร์การลงทะเบียนของเวิร์กโฟลว์
- หากทริกเกอร์การลงทะเบียนแบบฟอร์มที่ใช้ในเวิร์กโฟลว์ไม่ได้ระบุหน้าทริกเกอร์จะไม่สามารถลบออกจากหน้าได้และต้องลบออกจากเวิร์กโฟลว์แทน
ในการกำหนดค่าการตั้งค่าระบบอัตโนมัติสำหรับแบบฟอร์มของคุณให้คลิกแบบฟอร์มอัตโนมัติในแผงด้านซ้ายเพื่อขยายส่วนจากนั้นตรวจสอบตัวเลือกระบบอัตโนมัติต่อไปนี้:
- ติดตามผลด้วยอีเมล: ส่งอีเมลติดตามผลไปยังผู้เข้าชมที่ส่งแบบฟอร์ม สามารถส่งอีเมลติดตามผลไปยังผู้ติดต่อทางการตลาดเท่านั้น
- วิธีเพิ่มอีเมลติดตามผล:
- คลิกเลือกอีเมล +
- ในกล่องโต้ตอบให้คลิกเมนูแบบเลื่อนลงเลือกอีเมลแล้วเลือกอีเมลอัตโนมัติที่มีอยู่หรือคลิกสร้างอีเมลใหม่เพื่อสร้างอีเมลอัตโนมัติใหม่
- คลิกบันทึกอีเมลติดตามผลที่เลือกจะแสดงในแผงด้านซ้าย
- หลังจากตั้งค่าอีเมลติดตามผลแล้วที่ด้านบนขวาให้คลิกเผยแพร่หรืออัปเดตเพื่อแสดงการเปลี่ยนแปลงเหล่านี้ อีเมลติดตามผลจะไม่ถูกเปิดใช้งานจนกว่าจะมีการเผยแพร่การเปลี่ยนแปลง
- วิธีเพิ่มอีเมลติดตามผล:
-
- หากต้องการเปลี่ยนอีเมลติดตามผลที่ใช้ให้วางเมาส์เหนืออีเมลและคลิกไอคอนดินสอถัดจากอีเมล
- หากต้องการลบอีเมลติดตามผลให้วางเมาส์เหนืออีเมลแล้วคลิกไอคอน X ถัดจากอีเมล อีเมลไม่ควรแสดงอีกต่อไป
- เวิร์กโฟลว์ที่เชื่อมต่อ: เวิร์กโฟลว์ใดๆและเวิร์กโฟลว์ที่เรียบง่ายโดยใช้แบบฟอร์มเป็นทริกเกอร์การลงทะเบียนจะปรากฏขึ้น เรียนรู้เพิ่มเติมเกี่ยวกับการใช้ระบบอัตโนมัติกับแบบฟอร์ม
- หากต้องการใช้แบบฟอร์มเป็นทริกเกอร์ในเวิร์กโฟลว์ให้คลิกเพิ่มแบบฟอร์มไปยังเวิร์กโฟลว์หรือเพิ่มแบบฟอร์มไปยังเวิร์กโฟลว์อื่น
- คลิกเพิ่มแบบฟอร์มไปยังเวิร์กโฟลว์
- เลือกเวิร์กโฟลว์ที่มีอยู่หรือคลิกสร้างเวิร์กโฟลว์ใหม่เพื่อสร้างเวิร์กโฟลว์ใหม่ หากคุณสร้างเวิร์กโฟลว์ใหม่ให้ตั้งค่าเวิร์กโฟลว์ของคุณจากนั้นกลับไปที่โมดูลแบบฟอร์มในหน้า Landing Page หรือหน้าเว็บไซต์ของคุณ
- หากต้องการเพิ่มเวิร์กโฟลว์อื่นให้คลิกเพิ่มแบบฟอร์มไปยังเวิร์กโฟลว์อื่นจากนั้นเลือกเวิร์กโฟลว์ที่มีอยู่หรือคลิกสร้างเวิร์กโฟลว์ใหม่
- หากต้องการลบแบบฟอร์มเป็นทริกเกอร์ในเวิร์กโฟลว์ให้วางเมาส์เหนือเวิร์กโฟลว์แล้วคลิกไอคอนลบถัดจากเวิร์กโฟลว์
- หากต้องการใช้แบบฟอร์มเป็นทริกเกอร์ในเวิร์กโฟลว์ให้คลิกเพิ่มแบบฟอร์มไปยังเวิร์กโฟลว์หรือเพิ่มแบบฟอร์มไปยังเวิร์กโฟลว์อื่น
โปรดทราบว่า:
- เมื่อเวิร์กโฟลว์ถูกแนบไปกับโมดูลแบบฟอร์มแล้วเวิร์กโฟลว์จะอัปเดตทริกเกอร์การลงทะเบียนเวิร์กโฟลว์ทันทีแม้ว่าหน้าเว็บจะยังไม่ได้รับการเผยแพร่หรืออัปเดตก็ตาม
- หากคุณโคลนหน้า HubSpot ด้วยแบบฟอร์มที่ตั้งค่าให้ลงทะเบียนผู้ติดต่อในเวิร์กโฟลว์การส่งแบบฟอร์มในหน้าใหม่ที่โคลนจะไม่ถูกเพิ่มเป็นทริกเกอร์การลงทะเบียนใหม่ในเวิร์กโฟลว์
กำหนดค่าตัวเลือกแบบฟอร์มเพิ่มเติม
นอกจากนี้คุณยังสามารถกำหนดการตั้งค่าเพิ่มเติมเช่นการเลือกผู้รับการแจ้งเตือนแบบฟอร์มของคุณ นอกจากนี้หากคุณได้ติดตั้งการผสานรวม HubSpot-Salesforce คุณยังสามารถเชื่อมโยงแบบฟอร์มกับแคมเปญ Salesforce ที่ใช้งานอยู่ได้อีกด้วย
ในการกำหนดค่าตัวเลือกเพิ่มเติมของแบบฟอร์มของคุณให้เลื่อนไปที่ด้านล่างของแผงด้านซ้ายจากนั้นกำหนดค่าตัวเลือกต่อไปนี้:
- ส่งการแจ้งเตือนแบบฟอร์มไปยังที่อยู่อีเมลที่ระบุแทนที่จะเป็นค่าเริ่มต้นของแบบฟอร์ม: โดยค่าเริ่มต้นการแจ้งเตือนการส่งแบบฟอร์มจะถูกส่งไปยังผู้รับที่เพิ่มเข้ามาในแท็บตัวเลือกของแบบฟอร์ม ในการเขียนทับผู้รับเริ่มต้นของแบบฟอร์มและเลือกผู้รับการแจ้งเตือนสำหรับการส่งในหน้านี้:
- คลิกเพื่อสลับการส่งการแจ้งเตือนไปยังที่อยู่อีเมลที่ระบุแทนการเปิดใช้งานค่าเริ่มต้นของแบบฟอร์ม
- คลิกเมนูแบบเลื่อนลงที่อยู่อีเมลและเลือกผู้รับของคุณ เฉพาะผู้ใช้ HubSpot เท่านั้นที่สามารถเลือกเป็นผู้รับการแจ้งเตือนแบบฟอร์มได้
- หากต้องการลบผู้รับให้คลิกไอคอน X ถัดจากที่อยู่อีเมลของผู้รับ
- แคมเปญ Salesforce: หากคุณเปิดใช้งานการผสานรวม Salesforce คุณสามารถเชื่อมโยงแบบฟอร์มกับแคมเปญ Salesforce ที่ใช้งานอยู่ได้โดยคลิกเมนูแบบเลื่อนลงและเลือกแคมเปญ ดูข้อมูลเพิ่มเติมเกี่ยวกับการเชื่อมโยงแบบฟอร์มกับแคมเปญ Salesforce
ปรับสไตล์แบบฟอร์มของคุณบนหน้าเว็บ HubSpot
คุณสามารถปรับแต่งสไตล์ของแบบฟอร์มโดยรวมของคุณรวมถึงทำการเปลี่ยนแปลงสไตล์ที่เฉพาะเจาะจงในช่องปุ่มส่งหรือแบบฟอร์มได้ วิธีปรับแต่งสไตล์ของแบบฟอร์ม:
- ไปที่เนื้อหาของคุณ:
- หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
- หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
- คลิกชื่อเพจของคุณ
- ในตัวแก้ไขเนื้อหาให้คลิกโมดูลแบบฟอร์ม หากหน้าเว็บของคุณไม่มีโมดูลแบบฟอร์มในขณะนี้ให้เรียนรู้วิธีเพิ่มโมดูลลงในหน้าเว็บ
- ที่ด้านบนของแผงด้านซ้ายให้คลิกแท็บสไตล์
- คลิกแท็บโมดูล ฟิลด์หรือปุ่มเพื่อเลือกองค์ประกอบของแบบฟอร์มที่คุณต้องการจัดแต่ง
- ปรับแต่งองค์ประกอบที่เลือกไว้ในแบบฟอร์มของคุณโดยใช้ตัวเลือกข้อความและการจัดตำแหน่งด้านล่าง
- คลิกเผยแพร่หรืออัปเดตเพื่อนำการเปลี่ยนแปลงของคุณไปยังหน้าเว็บแบบสด
โปรดทราบ: แบบฟอร์มที่ปรากฏบนหน้าเว็บ HubSpot สามารถปรับแต่งสไตล์ได้ตามแต่ละหน้าเท่านั้น แบบฟอร์มที่ฝังในหน้าภายนอกหรือหน้าแบบสแตนด์อโลนจะต้องมีสไตล์ในตัวแก้ไขแบบฟอร์มหรือมีสไตล์ด้วย CSS ในสไตล์ชีตภายนอกของคุณ