Lisää HubSpot-lomakkeita WordPress-sivuille ja -viesteihin

Kun olet onnistuneesti asentanut HubSpot All-In-One Marketing - Lomakkeet, ponnahdusikkunat, live-chat WordPress-lisäosa, voit lisätä HubSpot-lomakkeita WordPress-sivuihisi ja -viesteihisi.

WordPressissä voit lisätä HubSpot-lomakkeet joko klassisen editorin tai Gutenberg-editorin kautta.

Ennen kuin aloitat

Ennen kuin aloitat, huomioi seuraavat asiat:

• Jos upotat lomakkeen WordPress-sivustollesi, sinun on ehkä sovellettava ylimääräisiä CSS-ilmoituksia ulkoisessa tyylitaulussa , jotta lomakkeesta tulee responsiivinen.
• Jos huomaat, että lomake ei toimi WordPressissä tai että upotuskoodi muuttuu, kun katsot live-sivua, sinun on ehkä lisättävä lomake käyttämällä lisäosaa varmistaaksesi, että upotuskoodi pysyy ehjänä.
• Jos käytät toista lomake-lisäosaa, kuten Contact Form 7:ää tai Ninja Formsia, voit kerätä lähetyksiä HubSpotissa. Tutustu tuettujen lomakkeiden taulukkoon ja opettele sitten, miten käytetään muita kuin HubSpot-lomakkeita.
• Jos käytät WordPressissä tuettua, muuta kuin HubSpot-lomaketta, mutta et näe lähetystietoja HubSpotissa, sinulla saattaa olla asennettuna toinen WordPress-lisäosa, joka on ristiriidassa HubSpot-WordPress-lisäosan kanssa. Poista lisäosa käytöstä tai tutustu usein kysyttyihin kysymyksiin, jos haluat lisätietoja vianmääritystoimista.

Klassinen editori

Voit upottaa lomakkeen WordPress-sivuihin ja -viesteihin käyttämällä klassista editoria:

• Siirry WordPress-tililtäsi vasemman sivupalkin valikosta kohtaan HubSpot > Lomakkeet.
• Vie hiiren kursori sen lomakkeen päälle, jonka haluat lisätä sivustoosi, ja valitse Kopioi lyhytkoodi. Voit myös luoda uuden HubSpot-lomakkeen valitsemalla Luo lomake.
• Siirry WordPress-sivulle tai -viestiin ja liitä lyhytkoodi sivun editoriin
  .
  
  
  
• Kun olet julkaissut sivusi, voit tarkastella lomakkeen lähetyksiä WordPressissä:
  • Siirry WordPress-tililtäsi vasemman sivupalkin valikosta kohtaan HubSpot > Lomakkeet.
  • Vie hiiren kursori lomakkeen päälle. Napsauta sitten Toiminnotpudotusvalikkoa ja valitse View submissions. Lisätietojalomakkeiden lähettämisen analysoinnista.

Gutenberg-editori

Jos käytät Gutenbergin uusinta versiota, joka poistaa rivissä olevan JavaScriptin, käytä Inline JS Block for Gutenberg -lisäosaa upottaaksesi lomakkeet ja CTA:t sen sijaan sivullesi.

Lomakkeen upottaminen WordPress-sivuihisi ja -viesteihisi Gutenberg-editorin avulla:

• Siirry WordPress-tililläsi sivulle tai viestiin.
• Napsauta työkalurivin plus-kuvaketta. Etsi HubSpot Form -lohko ja lisää se sisältöön napsauttamalla sitä.
  
  

• Lohkossa voit valita olemassa olevan lomakkeen tai luoda uuden lomakkeen:
  • Valitse olemassa oleva lomake napsauttamalla Valitse olemassa oleva lomake -pudotusvalikkoa ja valitse lomake.
  • Voit luoda uuden lomakkeen siirtymällä vasemman sivupalkin valikosta kohtaan HubSpot > Lomakkeet ja valitsemalla Luo lomake.
    
    

• Kun olet julkaissut sivusi, voit tarkastella lomakkeen lähetyksiä WordPressissä:
  • Siirry WordPress-tililtäsi vasemman sivupalkin valikosta kohtaan HubSpot > Lomakkeet.
  • Vie hiiren kursori lomakkeen päälle. Napsauta sitten Toiminnotpudotusvalikkoa ja valitse View submissions. Lisätietojalomakkeiden lähettämisen analysoinnista.