La communauté HubSpot est disponible en français.

Adding a typed.js effect on my homepage

Résolue
Contributeur occasionnel

Hi, I would like to add a typed.js on my new homepage, but I don't know what code to paste where.
The desinger who implanted the code on our homepage left the company, and I don't know where to call the right js from.
The code used is this one : http://www.mattboldt.com/demos/typed-js

Our former home page is this one : http://www.exodata.fr
Our new home page I am working on is this one : https://goo.gl/K616r6

 

Thanx for your much appreciated help !

 

Laurent

Répondre
0 Vote / Votes
Solution acceptée / Solutions acceptées

Solutions approuvées
Highlighted
Conseiller régulier

Hi lauftn,

We will happy to help with this,

you have to just add below Javascript code in your page.

Your page "Add Footer HTML"

Like this,

https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-can-i-add-code-snippets-to-the-he...

 

 

 <script src="https://www.exodata.fr/hs-fs/hub/587844/hub_generated/template_assets/1488177164053/Custom/page/001.Premium_Evolution/Typed.min.js" type="text/javascript"></script>
<script>
    $(function() {
        $("#typed").typed({
            // strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
            stringsElement: $('#typed-strings'),
            typeSpeed: 10,
            backDelay: 1000,
            loop: true,
            contentType: 'html', // or text
            // defaults to false for infinite loop.
            loopCount: 4,
            callback: function(){ foo(); },
            resetCallback: function() { newTyped(); }
        });

        $(".reset").click(function(){
            $("#typed").typed('reset');
        });

    });
</script>

 

Thanks,

Hope this work!

3 RÉPONSES 3
Highlighted
Conseiller régulier

Hi lauftn,

We will happy to help with this,

you have to just add below Javascript code in your page.

Your page "Add Footer HTML"

Like this,

https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-can-i-add-code-snippets-to-the-he...

 

 

 <script src="https://www.exodata.fr/hs-fs/hub/587844/hub_generated/template_assets/1488177164053/Custom/page/001.Premium_Evolution/Typed.min.js" type="text/javascript"></script>
<script>
    $(function() {
        $("#typed").typed({
            // strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
            stringsElement: $('#typed-strings'),
            typeSpeed: 10,
            backDelay: 1000,
            loop: true,
            contentType: 'html', // or text
            // defaults to false for infinite loop.
            loopCount: 4,
            callback: function(){ foo(); },
            resetCallback: function() { newTyped(); }
        });

        $(".reset").click(function(){
            $("#typed").typed('reset');
        });

    });
</script>

 

Thanks,

Hope this work!

Contributeur occasionnel

You rock! It works! Thank you very very much for your help!!!!

Répondre
0 Vote / Votes
Conseiller régulier

Hi @lauftn Cool, cheers Smiley heureux  For more help please visit at www.trooinbound.com or email at hello@trooinbound.com

 

TRooInbound Team!

Répondre
0 Vote / Votes