Päivitetty viimeksi: 3 elokuuta 2026
Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:
-
Marketing Hub
Professional, Enterprise
-
Content Hub
Professional, Enterprise
Huomaa: 17. maaliskuuta 2025 jälkeen luotuilla tileillä ei ole pääsyä CTA (vanha versio) -työkaluun.
HubSpotin vanhoja CTA-painikkeita voidaan käyttää sekä HubSpot-sivuilla että muilla kuin HubSpot-sivuilla. Käytä HubSpotin CTA-painikkeita ulkoisella sivustollasi houkutellaksesi ja konvertoidaksesi liidejä.
Ennen kuin upotat CTA-painikkeita (vanha versio) ulkoiselle sivustollesi, varmista, että HubSpot-seurantakoodi on asennettu sivuillesi.
Käyttöoikeudet edellytetään CTA-painikkeiden (vanha versio) luomiseen ja hallintaan tarvitaan Super Admin -oikeudet tai oikeudet blogi-, sähköposti-, laskeutumissivu- tai verkkosivusto-osioihin.
Ennen kuin aloitat
Ennen kuin lisäät CTA:n (vanha versio) ulkoiselle sivustollesi, ota huomioon seuraavat seikat:
- Ulkoiselle verkkosivustollesi upotetut CTA:t päivittyvät automaattisesti kaikkialla, kun CTA:n sisältöön, tekstiin tai yleiseen ulkoasuun on tehty muutoksia.
- Sisällönhallintajärjestelmien (CMS) eroista johtuen vaiheet, joilla pääset käsiksi sivustosi HTML-koodiin ja upotat CTA:n (vanha versio) koodin, voivat vaihdella. Jos et ole varma, miten pääset käsiksi sivustosi HTML-koodiin tai miten upotat ulkoisen koodin, lähetä tämä artikkeli sähköpostitse verkkosivuston ylläpitäjälle, IT-osastolle tai tekniselle tukihenkilölle.
-
Jos upotat CTA:n WordPress-sivustolle, ota huomioon seuraavat seikat:
- Jos upotat CTA:n WordPress-sivustollesi, saatat joutua lisäämään ulkoiseen tyylitiedostoon lisää CSS-määrittelyjä, jotta CTA toimii responsiivisesti.
- Jos huomaat, että CTA ei toimi WordPressissä tai että upotuskoodi muuttuu, kun katsot sivua reaaliaikaisesti, saatat joutua lisäämään CTA:n laajennuksen avulla varmistaaksesi, että upotuskoodi pysyy muuttumattomana.
- Jos käytät uusinta Gutenberg-versiota, jossa inline-JavaScript on poistettu, käytä Inline JS Block for Gutenberg -laajennusta lomakkeiden ja CTA-painikkeiden upottamiseen sivullesi.
CTA:n (vanha versio) upottaminen ulkoiselle sivustollesi
Voit upottaa painike-CTA:n ulkoiselle sivustollesi seuraavasti:
- Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > CTA:t. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > CTA:t.
- Napsauta vasemmassa yläkulmassa olevaa avattavaa valikkoa ja valitse CTA:t (vanha versio).
- Vie hiiri CTA:n (vanha versio) hallintapaneelissa CTA:n päälle, napsauta Toiminnot ja valitse Upota koodi.
- Napsauta valintaikkunassa Kopioi.
- Siirry ulkoisen verkkosivustosi sisällönhallintajärjestelmään (CMS).
- Liitä CTA:n upotuskoodi HubSpotin ulkopuolisen sivun HTML-koodiin siihen kohtaan, jossa haluat CTA:n näkyvän.
- Esikatsele CTA:ta verkkosivulla tarkistaaksesi, miltä se näyttää julkaistuna.
- Jos CTA ei näy oikein, varmista, että ulkoinen CMS-järjestelmäsi ei ole muuttanut kopioimaasi koodia.
- Jos käytät kuvapohjaista CTA:ta, saatat joutua lisäämään tyylimääritteitä, jotta kuvapohjainen CTA mukautuu laitteen koon mukaan.
- Kun olet valmis, julkaise sivusi.
