Lomake väärässä paikassa ulkoisella sivulla

Kun upotat HubSpot-lomakkeen ulkoiselle sivullesi, se saattaa näkyä eri paikassa kuin haluat.

Tämä voi johtua siitä, että lomake renderöidään dynaamisesti sivulla tai siitä, että useita lomakkeen upotuskoodeja on lisätty samaan <div>-tagiin sivun HTML:ssä.

Nämä ongelmat voidaan ratkaista mukauttamalla lomakkeen upotuskoodia. Lue lisää lomakkeen upotuskoodin mukauttamisesta HubSpotin kehittäjien dokumentaatiosta.

Yksittäinen lomake

Lomake saatetaan joskus renderöidä dynaamisesti sivulla ja ladata eri paikkoihin. Joskus vanhemmissa selaimissa lomake ei välttämättä edes näy.

Varmistaaksesi, että lomake latautuu onnistuneesti tiettyyn kohtaan sivua, voit lisätä lomakkeen upotuskoodiin target-attribuutin, jolla voit määrittää tietyn säiliön, jossa lomakkeen halutaan renderöityvän.

Voit esimerkiksi pakottaa lomakkeen renderöitymään sivulla olevaan säiliöön, jonka CSS-luokka on sidebar. Kohdeattribuutin lisääminen lomakkeen upotuskoodiin:

• Lisää lomakkeen upotuskoodiin pilkku (,) formId:n jälkeen.
• Kirjoita sitten uusi rivi ja kirjoita target: '[säiliön nimi]' .

Useita lomakkeita

Kun upotat saman HubSpot-lomakkeen useita kertoja ulkoiselle sivulle, lomakkeet saattavat näkyä vierekkäin tai väärässä paikassa. Näin tapahtuu, jos lomakkeiden upotuskoodit lisätään samaan <div>-tagiin sivun HTML:ssä.

Varmistaaksesi, että lomakkeet latautuvat ja näkyvät oikein, lisää formInstanceId-attribuutti ja määritä jokaiselle lomakkeen upotuskoodille yksilöllinen arvo:

• Lisää lomakkeen upotuskoodiin pilkku (,) formId-attribuutin arvon jälkeen,
• Kirjoita sitten uusi rivi ja anna formInstanceId: '[numero]'.
• Lisää ja numeroi jokainen lomake siinä järjestyksessä, jossa se näkyy sivulla. Esimerkiksi '1' ensimmäiselle lomakkeelle, '2' toiselle lomakkeelle ja niin edelleen.