แบบฟอร์มในสถานที่ที่ไม่ถูกต้องในหน้าภายนอก

เมื่อฝังแบบฟอร์ม HubSpot บนหน้าเว็บภายนอกของคุณคุณอาจเห็นแบบฟอร์มปรากฏในตำแหน่งที่แตกต่างจากที่ต้องการ

นี่อาจเป็นเพราะแบบฟอร์มถูกแสดงผลแบบไดนามิกบนหน้าเว็บหรือปัญหาเกี่ยวกับรหัสฝังหลายแบบฟอร์มที่ถูกเพิ่มลงในแท็ก < div > เดียวกันใน HTML ของหน้าเว็บ

ปัญหาเหล่านี้สามารถแก้ไขได้โดยการปรับแต่งรหัสฝังแบบฟอร์ม เรียนรู้เพิ่มเติมเกี่ยวกับการปรับแต่งโค้ดฝังแบบฟอร์มในเอกสารสำหรับนักพัฒนาของ HubSpot

แบบฟอร์มเดียว

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

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

ตัวอย่างเช่นคุณสามารถบังคับให้แบบฟอร์มแสดงผลในคอนเทนเนอร์บนหน้าเว็บด้วยคลาส CSS ของแถบด้านข้าง วิธีเพิ่มแอตทริบิวต์เป้าหมายลงในโค้ดฝังแบบฟอร์ม: 

• ในรหัสการฝังแบบฟอร์มให้เพิ่มเครื่องหมายจุลภาค (,) หลัง formId
• จากนั้นป้อนบรรทัดใหม่และป้อนเป้าหมาย: '[ container name ]'

หลายรูปแบบ

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

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

• ในรหัสการฝังแบบฟอร์มให้เพิ่มเครื่องหมายจุลภาค (,) หลังค่าแอตทริบิวต์ formId
• จากนั้นป้อนบรรทัดใหม่และป้อน formInstanceId: '[ number ]' 
• เพิ่มและกำหนดหมายเลขแต่ละแบบฟอร์มตามลำดับที่ปรากฏบนหน้าเว็บ ตัวอย่างเช่น '1' สำหรับรูปแบบที่หนึ่ง '2' สำหรับรูปแบบที่สองและอื่นๆ