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.