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

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

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

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

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

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

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

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

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

< script charset =" utf -8 "type =" text/javascript" src ="// js.hsforms.net/forms/embed/v2.js ">
< script >
 hbspt.forms.create ({
 region: "na1 ",
 portalId:" 1234567 ",
 formId: "f0123bdf -4cfa -47cd -8b61 -15ce95286047 ",
 target: ".sidebar
 "});


หลายรูปแบบ

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

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

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

< script charset =" utf -8 "type =" text/javascript" src ="// js.hsforms.net/forms/embed/v2.js ">
< script >
 hbspt.forms.create ({
 region: "na1 ",
 portalId:" 1234567 ",
 formId: "f0123bdf -4cfa -47cd -8b61 -15ce95286047 ",
 formInstanceId: '1
 '});