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

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äkymään, kun kävijä napsauttaa painiketta.

• • Valitse yksi tai useampi aktivointilaukaisin ja aseta sitten tavoitteet verkkosivuston URL-osoitteen tai kävijätietojen avulla. Kun ensimmäinen laukaisija täyttyy, CTA tulee näkyviin kohdistetuilla sivuilla ja määritetyille kävijöille:
    • Laukaisu sivun vierityksen yhteydessä
    • Laukaisu poistumisaikomuksen yhteydessä
    • Laukaisu kuluneen ajan jälkeen
    • Laukaisu toimimattomuuden jälkeen

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

CTA:n lisääminen HubSpot-sivulle

Voit upottaa CTA:t HubSpotissa isännöidyille sivuille käyttämällä Call-to-action-moduulia.

• Siirry sisältöön:

  • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
  • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
• Napsauta sisältösi nimeä .
• Napsauta sisältöeditorissa vasemman sivupalkin + Lisää-painiketta .
• Etsi ja napsauta sivupalkkieditorissa Call-to-action-moduulia ja vedä se sitten paikalleen sivulle .
• Napsauta CTA-osiossa Valitse.
  

CTA:n lisääminen HubSpotin blogikirjoitukseen

• Siirry HubSpot-tililläsi kohtaan Sisältö > Blogi.
• Napsauta postauksen nimeä .
• Napsauta sisältöeditorissa rikkaan tekstin moduulia muokataksesi sen sisältöä.
• Valitse rikkaan tekstin työkalupalkissa 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 rikatekstieditorissa ja esikatselussa.
  

CTA:n käynnistäminen painikkeen napsautuksesta HubSpotissa

• 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 nimeä
• Etsi ja valitse vasemman paneelin Lisää-välilehdeltä oletuspainikemoduuli. Napsauta ja vedä painikemoduuli sivullesi.
  

• 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öposteihin.

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 > Sä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ä mukautettava teeman painikemoduulia CTA:n käynnistämiseksi.

Jos muokkaat oletusteemaa, 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 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 > 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, tarkista, ettei ulkoinen CMS-järjestelmäsi ole muuttanut koodia.

• Kun olet valmis, julkaise sivusi.

Yleensä CTA:n muokkaaminen ei vaikuta sen upotuskoodiin. Esimerkiksi Avaa linkki uudessa välilehdessä -vaihtoehdon muokkaaminen ei muuta upotuskoodin target="_blank" -attribuuttia.

Upotuskoodinpätkä toimii sijoituskoodina ennen kuin CTA:n iframe-versio renderöidään. Tämä CTA:n renderöity versio heijastaa editorissa asetettua oikeaa Avaa uudessa välilehdessä -arvoa.

Avatakseen linkin samassa ikkunassa istukassa käyttäjät voivat manuaalisesti muuttaa target-attribuutin tagin muotoon target="_self".

CTA:n käynnistäminen ulkoisen verkkosivuston painikkeen napsautuksesta.

Ennen kuin käytät CTA:ta ulkoisella verkkosivustollasi, sinun on asennettava HubSpot-seurantakoodi. Voit määrittää laukaisimen ulkoisella sivulla:

• Siirry HubSpot-tililläsi kohtaan Markkinointi > 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 ).
  

• Valitse 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.