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

Kunolet onnistuneesti asentanut HubSpot - CRM, sähköpostimarkkinointi, live-chat, lomakkeet ja analytiikka -lisäosan, voit lisätä HubSpot-lomakkeita WordPress-sivuillesi ja -viesteihisi.

WordPressissä voit lisätä HubSpot-lomakkeita joko Classic-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 stylesheetissäsi , 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 opi sitten käyttämää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ä verkkosivustoosi, ja valitse Upota. Voit myös luoda uuden HubSpot-lomakkeen valitsemalla Luo lomake.
• Napsauta WordPressin lyhyt koodi ja kopioi upotuskoodi napsauttamalla Kopioi.
• 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 Actions (Toiminnot ) -pudotusvalikkoa ja valitse View submissions (Näytä lähettämiset). Lisätietoja lomakkeiden lähetysten analysoinnista.

Gutenberg-editori

Jos käytät Gutenbergin uusinta versiota, joka poistaa rivissä olevan JavaScriptin, käytä Inline JS Block for Gutenberg -laajennusta 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ökalupalkin plus-kuvaketta. Etsi HubSpot Form -lohko ja lisää se sisältöön napsauttamalla sitä.
  
  

• Lohkossa voit valita olemassa olevan lomakkeen tai luoda uuden lomakkeen:
  • Jos haluat valita olemassa olevan lomakkeen, napsauta Valitse olemassa oleva lomake -pudotusvalikkoa ja valitse lomake.
  • Jos haluat luoda uuden lomakkeen, siirry vasemman sivupalkin valikosta kohtaan HubSpot > Lomakkeet ja valitse Luo lomake.
    
    

• Kun olet julkaissut sivusi, voit tarkastella lomakkeen lähetyksiä WordPressissä:
  • Siirry WordPress-tililtäsi vasemman sivupalkin valikossa kohtaan HubSpot > Lomakkeet.
  • Vie hiiren kursori lomakkeen päälle. Napsauta sitten Actions (Toiminnot ) -pudotusvalikkoa ja valitse View submissions (Näytä lähettämiset). Lisätietoja lomakkeiden lähetysten analysoinnista.