Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.

Lisää CTA-kutsuja (Calls-to-action) sisältöösi.

Päivitetty viimeksi: syyskuuta 25, 2023

Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:

Marketing Hub   Starter , Professional , Enterprise
Content Hub   Starter , Professional , Enterprise

Kun olet luonut call-to-action (CTA) -kutsun, voit lisätä CTA:n sekä HubSpotin että ulkoisille sivuille. Kun määrität CTA:n ulkoisille sivuille, HubSpotin seurantakoodi on asennettava. Voit myös lisätä CTA:n vetämällä ja pudottamalla markkinointisähköposteihin.

Se, miten lisäät CTA:n sivulle, riippuu siitä, minkä tyyppisen CTA:n olet luonut:

  • Jos käytät upotettuja CTA-kohteita, voit lisätä enintään 100 upotettua CTA-kohtaa sivua kohti. Upotettuja CTA:ita voidaan käyttää seuraavilla tavoilla:
    • HubSpotin sivujen oletusarvoinen toimintakutsumoduuli
    • Markkinointisähköpostin oletuspainikemoduuli
    • Koodinpätkä ulkoisella verkkosivustollasi
  • Jos käytät tahmeaa banneria, ponnahdusikkunaa tai liu'utettavaa toimintakutsua, voit joko:
    • Käynnistää CTA:n näyttämään, kun kävijä napsauttaa painiketta.
    • Valitse yksi tai useampi seuraavista aktivointilaukaisimista ja aseta sitten kohteet joko verkkosivuston URL-osoitteen tai kävijän tietojen avulla. CTA tulee näkyviin kohdennetuilla sivuilla ja määritetyille kävijöille, kun ensimmäinen käynnistin täyttyy.
      • Laukaisu sivun vierityksen yhteydessä
      • Laukaisu poistumisaikomuksen yhteydessä
      • Laukaisu kuluneen ajan jälkeen
      • Laukaisu toimimattomuuden jälkeen

CTA:n lisääminen HubSpot-sisältöön

Seurantakoodi asennetaan HubSpot-sivuillesi automaattisesti. Useimmissa aktivointilaukaisuissa CTA tulee näkyviin, kun ensimmäinen laukaisu toteutuu. Jos haluat kuitenkin käyttää upotettua CTA:ta tai CTA:ta, joka käynnistyy, kun kävijä napsauttaa painiketta, sinun on lisättävä CTA manuaalisesti.

Lisää upotettu CTA HubSpot-sivulle tai blogikirjoitukseen.

Voit lisätä upotetun CTA:n käyttämällä oletusmoduulia HubSpot-sivulle tai blogikirjoitukseen:

  • Upotetun CTA:n lisääminen HubSpot-sivun oletusmoduulin avulla:

    • Verkkosivut: Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
    • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
  • Klikkaa verkkosivuston sivua tai laskeutumissivua lisätäksesi CTA:n.
  • Etsi ja valitse vasemmanpuoleisen paneelin Lisää-välilehdeltä oletusarvoinen Call-to-action-moduuli. Napsauta ja vedä moduuli sivulle.
  • Napsauta vasemmassa paneelissa Valitse.

  • Upotetun CTA:n lisääminen HubSpotin blogikirjoitukseen:
    • Siirry HubSpot-tililläsi kohtaan Sisältö > Blogi.
    • Vie hiiren kursori blogikirjoituksen päälle lisätäksesi CTA:n ja valitse sitten Muokkaa. Tai luo uusi blogikirjoitus.
    • Etsi sisältöeditorista rikkaan tekstin moduuli. Napsauta sitten moduulia muokataksesi sen sisältöä.
    • Napsauta oikeassa yläkulmassa Lisää > Call-to-action.

  • Napsauta oikeassa paneelissa CTA-välilehteä .
  • Valitse lisättävä CTA ja napsauta sitten Lisää.
  • Napsauta vasemmassa paneelissa Käytä muutoksia. Valittu CTA näkyy nyt tekstieditorissa ja esikatselussa.

Käynnistä CTA-painikkeen napsautus HubSpotissa

Voit käynnistää tahmean bannerin, ponnahduslaatikon tai liukuvan CTA:n, kun kävijät napsauttavat sivulla olevaa painiketta. Voit määrittää tämän laukaisimen käyttämällä HubSpot-sivun oletuspainikemoduulia:
  • Siirry sisältöön:

    • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
    • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
  • Klikkaa verkkosivuston sivua tai laskeutumissivua lisätäksesi CTA:n ja vastaavan painikkeen.
  • Etsi ja valitse vasemman paneelin Lisää-välilehdeltä oletuspainikemoduuli. Napsauta ja vedä painikemoduuli sivulle.


  • Napsauta vasemmanpuoleisessa paneelissa Linkki kohteeseen -pudotusvalikkoa ja valitse CTA.
  • Napsauta CTA-pudotusvalikkoa ja valitse olemassa oleva CTA.
  • Jatka painikemoduulin määrittämistä.


Lisää upotettu CTA-painike raahaa ja pudota -markkinointisähköpostiviesteihin.

Lisää upotettuja CTA-kohteita drag and drop -markkinointisähköposteihisi ja seuraa CTA-tarjouksen tehokkuutta useissa eri kosketuspisteissä.

CTA:n lisääminen drag and drop -sähköpostieditorissa:

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Markkinointisähköposti.
  • Vie hiiren kursori sen sähköpostiviestin päälle, johon haluat lisätä CTA:n, ja valitse sitten Muokkaa. Tai luo uusi sähköposti.
  • Napsauta vasemmassa paneelissa painikemoduulia ja vedä se sähköpostieditoriin.

  • Napsauta vasemmanpuoleisessa paneelissa Linkki kohteeseen -pudotusvalikkoa. Valitse sitten CTA.
  • Napsauta CTA-kentän alla Valitse.
  • Valitse oikeassa paneelissa lisättävä CTA ja napsauta sitten Lisää.

Huomaa: vain yhtä painiketta tai kuvaa tuetaan, kun luot tai valitset CTA:ta sähköpostiin. CTA:ta, jossa on useita elementtejä, kuten painike ja kuva, ei voi käyttää.


Mukauta teeman painikkeita niin, että CTA aktivoituu painikkeen napsautuksesta.

Jos käytät HubSpotissa mukautettua teemaa, sinun on ehkä muokattava teeman painikemoduulia CTA:n käynnistämiseksi. Jotta voit muokata oletusteemojen tiedostoja suunnittelunhallinnassa, ne on ensin kloonattava. Asset Marketplace -markkinapaikalta ostettuja teemoja ei voi kloonata; sen sijaan on suositeltavaa luoda lapsiteema .

Teeman painikemoduulin muokkaaminen:

  • Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
  • Etsi design managerin vasemmasta yläkulmasta painikemoduuli.
  • Siirry oikeassa paneelissa painikkeen (Kenttäryhmä ) päälle ja valitse Muokkaa.
  • Ryhmitetyt kentät -kohdassa siirry URL-osoitteen (URL ) päälle ja napsauta Muokkaa.
  • Napsauta Tuetut URL-tyypit -pudotusvalikkoa. Valitse sitten CTA-valintaruutu.
  • Napsauta oikeassa yläkulmassa Julkaise muutokset. Kun olet julkaissut muutokset, CTA-vaihtoehdon pitäisi näkyä, kun käytät teemapainikemoduulia sivuillasi.


CTA:n lisääminen ulkoiseen sisältöön

Voit lisätä CTA-kohteita ulkoisille sivuillesi. Ennen kuin käytät HubSpotin CTA:ta ulkoisella sivustollasi, sinun on asennettava HubSpotin seurantakoodi. Seurantakoodin asentamisen jälkeen CTA tulee näkyviin useimpien aktivointilaukaisimien kohdalla, kun ensimmäinen laukaisija täyttyy. Jos haluat kuitenkin käyttää upotettua CTA:ta tai CTA:ta, joka käynnistyy, kun kävijä napsauttaa painiketta, sinun on lisättävä CTA manuaalisesti.

Upota CTA ulkoiselle verkkosivustollesi

Voit lisätä upotetun CTA:n ulkoisille sivuillesi:

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Lead Capture > CTA:t.
  • Napsauta vasemmassa yläkulmassa pudotusvalikkoa ja valitse CTA:t.
  • Vie hiiren kursori CTA:n päälle ja valitse Toiminnot > Upota.
  • Kopioi CTA-koodi leikepöydälle valitsemalla Kopioi leikepöydälle.
  • Siirry ulkoisen verkkosivustosi sisällönhallintajärjestelmään (CMS).
  • Liitä CTA:n upotuskoodi muun kuin HubSpot-sivun HTML-koodiin sinne, missä haluat CTA:n näkyvän.
  • Esikatsele CTA:ta verkkosivulla tarkistaaksesi, miltä se näyttää, kun se on toiminnassa. Jos CTA ei näy oikein, varmista, että ulkoinen CMS-järjestelmäsi ei ole muuttanut kopioimaasi koodia.
  • Kun olet valmis, julkaise sivusi.

Käynnistä CTA-painikkeen napsautus ulkoisella verkkosivustollasi.

Ennen kuin käytät CTA:ta ulkoisella verkkosivustollasi, varmista, että olet asentanut HubSpotin seurantakoodin. Voit määrittää laukaisimen ulkoisella sivulla:

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Lead Capture > CTA:t.
  • Napsauta vasemmassa yläkulmassa pudotusvalikkoa ja valitse CTA:t.
  • Vie hiiren kursori CTA:n päälle ja valitse Muokkaa.
  • Napsauta yläreunassa Kohdentaminen-välilehteä .
  • Klikkaa Koodi pätkä-kohdassa Trigger on button click (Käynnistä painikkeen napsauttaminen ).



  • Napsauta valintaikkunassa Kopioi.
  • Liitä upotusluokat ulkoisen verkkosivuston painikkeeseen. Jos et ole varma, miten CSS-luokat lisätään sivustosi painikkeisiin, sinun on ehkä tehtävä yhteistyötä webmasterin, IT-osaston tai kehittäjän kanssa.





Oliko tästä artikkelista apua?
Tätä lomaketta käytetään vain dokumentaation palautteeseen. Lue, miten saat apua HubSpotin kanssa.