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

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

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

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

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

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

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

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง

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

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

วิธีแก้ไขฟิลด์แบบฟอร์มข้อความบนปุ่มและตัวเลือกความเป็นส่วนตัวและความยินยอมของข้อมูล:

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

• • ข้อความปุ่ม: ป้อนข้อความเพื่อแสดงบนปุ่มส่ง
  • ตัวเลือกความเป็นส่วนตัวและความยินยอมของข้อมูล: ในเมนูแบบเลื่อนลงให้เลือกข้อมูลการแจ้งเตือนและความยินยอมที่จะแสดง
  • Captcha (การป้องกันสแปม): คลิกเพื่อเปิดสวิตช์ Captcha (การป้องกันสแปม) เพื่อแสดง reCAPTCHA ที่มองไม่เห็นของ Google

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

กำหนดค่าการดำเนินการหลังส่งของคุณ 

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

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

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

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

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

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

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

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

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

• • • หากต้องการลบอีเมลติดตามผลเดิมที่เผยแพร่หรือยังไม่ได้เผยแพร่ให้คลิกลบจากนั้นคลิก ลบ 

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

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

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

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

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

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

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

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

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