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

ตั้งค่าและจัดรูปแบบฟอร์มบนหน้าเว็บ HubSpot

อัปเดตล่าสุด: 7 ตุลาคม 2025

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

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

ก่อนที่คุณจะเริ่มต้น

ก่อนตั้งค่าแบบฟอร์มของคุณในหน้า HubSpot โปรดทราบสิ่งต่อไปนี้: 

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

ตั้งค่าแบบฟอร์มของคุณบนหน้า HubSpot

  1. ไปที่เนื้อหาของคุณ:

    • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
    • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
  2. คลิกชื่อเพจของคุณ
  3. ในตัวแก้ไขเนื้อหาให้คลิกโมดูลแบบฟอร์ม หากหน้าเว็บของคุณไม่มีโมดูลแบบฟอร์มในขณะนี้ให้เรียนรู้วิธีเพิ่มโมดูลลงในหน้าเว็บ
  4. ในแท็บเนื้อหาในตัวแก้ไขแถบด้านข้างให้ปรับแต่งการตั้งค่าของแบบฟอร์มสำหรับหน้านี้:
    • ชื่อแบบฟอร์ม: ป้อนชื่อสำหรับแบบฟอร์ม
    • แบบฟอร์ม: เลือกแบบฟอร์มสำหรับหน้านี้
      • หากต้องการใช้แบบฟอร์มที่มีอยู่ให้คลิกเมนูแบบเลื่อนลงและเลือกแบบฟอร์ม 
      • หากต้องการสร้างและใช้แบบฟอร์มใหม่ให้คลิกการดำเนินการ จากนั้นเลือก C reate new form ดูข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่าแบบฟอร์ม
      • หากต้องการดูการส่งแบบฟอร์มนี้ให้คลิกการดำเนินการ จากนั้นเลือกดูการส่งแบบฟอร์ม
      • หากต้องการแก้ไขแบบฟอร์มในตัวแก้ไขแบบฟอร์มให้คลิกการดำเนินการ จากนั้นเลือกไปที่ตัวแก้ไขแบบฟอร์ม 

Screenshot of the form module within the content editor, showing the Actions dropdown menu open with options to View form submissions, Go to the forms editor, and Create new form.


กำหนดค่าระบบฟอร์มอัตโนมัติของคุณ

คุณสามารถจัดการแบบฟอร์มอัตโนมัติอีเมลติดตามผลและเวิร์กโฟลว์ใดๆที่เกี่ยวข้องกับแบบฟอร์มของคุณ ทริกเกอร์การลงทะเบียนจะขึ้นอยู่กับพฤติกรรมต่อไปนี้:

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

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

  • ติดตามผลด้วยอีเมล: ส่งอีเมลติดตามผลไปยังผู้เข้าชมที่ส่งแบบฟอร์ม สามารถส่งอีเมลติดตามผลไปยังผู้ติดต่อทางการตลาดเท่านั้น
    • วิธีเพิ่มอีเมลติดตามผล:
      • คลิกเลือกอีเมล +
      • ในกล่องโต้ตอบให้คลิกเมนูแบบเลื่อนลงเลือกอีเมลแล้วเลือกอีเมลอัตโนมัติที่มีอยู่หรือคลิกสร้างอีเมลใหม่เพื่อสร้างอีเมลอัตโนมัติใหม่
      • คลิกบันทึกอีเมลติดตามผลที่เลือกจะแสดงในแผงด้านซ้าย 
      • หลังจากตั้งค่าอีเมลติดตามผลแล้วที่ด้านบนขวาให้คลิกเผยแพร่หรืออัปเดตเพื่อแสดงการเปลี่ยนแปลงเหล่านี้ อีเมลติดตามผลจะไม่ถูกเปิดใช้งานจนกว่าจะมีการเผยแพร่การเปลี่ยนแปลง 
    • หากต้องการเปลี่ยนอีเมลติดตามผลที่ใช้ให้วางเมาส์เหนืออีเมลและคลิกไอคอนดินสอถัดจากอีเมล 
    • หากต้องการลบอีเมลติดตามผลให้วางเมาส์เหนืออีเมลแล้วคลิกไอคอน X ถัดจากอีเมล อีเมลไม่ควรแสดงอีกต่อไป 
  • เวิร์กโฟลว์ที่เชื่อมต่อ: เวิร์กโฟลว์ใดๆและเวิร์กโฟลว์ที่เรียบง่ายโดยใช้แบบฟอร์มเป็นทริกเกอร์การลงทะเบียนจะปรากฏขึ้น เรียนรู้เพิ่มเติมเกี่ยวกับการใช้ระบบอัตโนมัติกับแบบฟอร์ม
    • หากต้องการใช้แบบฟอร์มเป็นทริกเกอร์ในเวิร์กโฟลว์ให้คลิกเพิ่มแบบฟอร์มไปยังเวิร์กโฟลว์หรือเพิ่มแบบฟอร์มไปยังเวิร์กโฟลว์อื่น
      • คลิกเพิ่มแบบฟอร์มไปยังเวิร์กโฟลว์
      • เลือกเวิร์กโฟลว์ที่มีอยู่หรือคลิกสร้างเวิร์กโฟลว์ใหม่เพื่อสร้างเวิร์กโฟลว์ใหม่ หากคุณสร้างเวิร์กโฟลว์ใหม่ให้ตั้งค่าเวิร์กโฟลว์ของคุณจากนั้นกลับไปที่โมดูลแบบฟอร์มในหน้า Landing Page หรือหน้าเว็บไซต์ของคุณ 
    • หากต้องการเพิ่มเวิร์กโฟลว์อื่นให้คลิกเพิ่มแบบฟอร์มไปยังเวิร์กโฟลว์อื่นจากนั้นเลือกเวิร์กโฟลว์ที่มีอยู่หรือคลิกสร้างเวิร์กโฟลว์ใหม่
    • หากต้องการลบแบบฟอร์มเป็นทริกเกอร์ในเวิร์กโฟลว์ให้วางเมาส์เหนือเวิร์กโฟลว์แล้วคลิกไอคอนลบถัดจากเวิร์กโฟลว์ 

โปรดทราบว่า:

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


กำหนดค่าตัวเลือกแบบฟอร์มเพิ่มเติม

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

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

  • ส่งการแจ้งเตือนแบบฟอร์มไปยังที่อยู่อีเมลที่ระบุแทนที่จะเป็นค่าเริ่มต้นของแบบฟอร์ม: โดยค่าเริ่มต้นการแจ้งเตือนการส่งแบบฟอร์มจะถูกส่งไปยังผู้รับที่เพิ่มเข้ามาในแท็บตัวเลือกของแบบฟอร์ม ในการเขียนทับผู้รับเริ่มต้นของแบบฟอร์มและเลือกผู้รับการแจ้งเตือนสำหรับการส่งในหน้านี้:
    • คลิกเพื่อสลับการส่งการแจ้งเตือนไปยังที่อยู่อีเมลที่ระบุแทนการเปิดใช้งานค่าเริ่มต้นของแบบฟอร์ม
    • คลิกเมนูแบบเลื่อนลงที่อยู่อีเมลและเลือกผู้รับของคุณ เฉพาะผู้ใช้ HubSpot เท่านั้นที่สามารถเลือกเป็นผู้รับการแจ้งเตือนแบบฟอร์มได้ 
    • หากต้องการลบผู้รับให้คลิกไอคอน X ถัดจากที่อยู่อีเมลของผู้รับ 
  • แคมเปญ Salesforce: หากคุณมีการตั้งค่าการผสานรวม Salesforce คุณสามารถเชื่อมโยงแบบฟอร์มกับแคมเปญ Salesforce ที่ใช้งานอยู่ได้โดยคลิกเมนูแบบเลื่อนลงและเลือกแคมเปญ ดูข้อมูลเพิ่มเติมเกี่ยวกับการเชื่อมโยงแบบฟอร์มกับแคมเปญ Salesforce

ปรับสไตล์แบบฟอร์มของคุณบนหน้าเว็บ HubSpot

Screenshot of a form module's sidebar editor, showing the checkbox selected for “Send form notifications to specified email addresses” and the “Salesforce campaign” dropdown menu.

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

  1. ไปที่เนื้อหาของคุณ:
    • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
    • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
  2. คลิกชื่อเพจของคุณ
  3. ในตัวแก้ไขเนื้อหาให้คลิกโมดูลแบบฟอร์ม หากหน้าเว็บของคุณไม่มีโมดูลแบบฟอร์มในขณะนี้ให้เรียนรู้วิธีเพิ่มโมดูลลงในหน้าเว็บ
  4. ที่ด้านบนของเครื่องมือแก้ไขแถบด้านข้างให้คลิกแท็บ สไตล์
  5. คลิกแท็บโม ดูลฟิลด์หรือปุ่มเพื่อเลือกองค์ประกอบของแบบฟอร์มที่คุณต้องการจัดแต่ง
  6. ปรับแต่งองค์ประกอบที่เลือกไว้ในแบบฟอร์มของคุณโดยใช้ตัวเลือกข้อความและการจัดตำแหน่งด้านล่าง
  7. ที่มุมขวาบนให้คลิกเผยแพร่หรืออัปเดตเพื่อนำการเปลี่ยนแปลงของคุณไปยังหน้าเว็บแบบสด

โปรดทราบ: แบบฟอร์มที่ปรากฏบนหน้าเว็บ HubSpot สามารถปรับแต่งสไตล์ได้ตามแต่ละหน้าเท่านั้น แบบฟอร์มที่ฝังในหน้าภายนอกหรือหน้าแบบสแตนด์อโลนจะต้องมีสไตล์ในตัวแก้ไขแบบฟอร์มหรือมีสไตล์ด้วย CSS ในสไตล์ชีตภายนอกของคุณ


Screenshot of a form module's sidebar editor showing the Styles tab selected, showing sections for Visibility, Alignment and spacing, Typography, and Background.

 

บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot