Ville Teikko - Blogi

Kuinka laukaiset HubSpot Popup -lomakkeen napista

Kirjoittanut Ville Teikko | 12.4.2023 14:06:09

HubSpot Popup -lomakkeet ovat erinomaisia liidien generointiin verkkosivustollasi, mutta niitä voi näyttää vain muutamalla asetuksissa tarjotulla triggerillä. Ja kun kävijä sulkee ponnahdusikkunan, se ei laukea uudelleen.

Valitettavasti asetuksissa ei ole vaihtoehtoa tehdä popup-formin avaavaa nappia tai linkkiä, mutta pienellä JavaScript-kikkailulla, voimme saada tämän toteutettua.

Luo Popup-lomake

Jotta tämä toimisi, sinun on ensin varmistettava, että ponnahdusikkuna laukaistaan sivulla, jolla haluat sen avautuvan. Jos haluat, että ponnahdusikkuna näkyy vain napsautettaessa, aseta lomakeasetusten viive mahdollisimman korkeaksi, jotta ponnahdusikkuna ei avaudu automaattisesti.

Voit tehdä tämän valitsemalla Targetig-osiossa Triggers-kohdasta After ellapsed time -vaihtoehdon ja asettamalla viiveen maksimiin.

Luo laukaisunappi tai -linkki

Sivulla, jolle haluat luoda linkin, sinun on lisättävä mukautettua JavaScriptiä. Helpoin tapa tehdä tämä on menemällä sivun Settings-osioon ja lisäämällä seuraavan koodin Additional code snippets -kenttään Advanced options -kohdassa.

<script>

$(function() {

setTimeout(function() {
       
      /* Change '#my-button' to query selector to your button class or ID */

      $("#button-id").click(function(event) {
            event.preventDefault();
            window.leadflows.dynoFactory.create(window.leadflows.lfConfig.leadFlows[0]).open(); 
        });

    }, 400); 

});

</script>

Lisää sitten tekstilinkki tai nappi sivun sisältöön, josta haluat laukaista ponnahdusikkunan. Tämän tekemiseksi sinun on siirryttävä lähdekoodin muokkaustilaan, jonka löydät työkaluriviltä valitsemalla Advanced-valikosta Source code. Etsi linkkisi ja lisää siihen tunniste tai luokka, joka vastaa JavaScript-koodisi viitettä.

<a href="#" class="cta_button" id="my-button">Open popup</a>

Nähdäksesi tämän toiminnassa, klikkaa alla olevaa painiketta, joka avaa ilmaisen markkinointivinkkieni popup-slomakkeen:

Avaa popup

Huomaathan, jos sinulla on useita aktiivisia popup-lomakkeita sivulla, tämä menetelmä laukaisee vain ensimmäisen listalla olevan lomakkeen.