Adding a typed.js effect on my homepage

SOLVE
Occasional Contributor

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

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Regular Advisor

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 Replies 3
Regular Advisor

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!

Highlighted
Occasional Contributor

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

Reply
0 Upvotes
Regular Advisor

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

 

TRooInbound Team!

Reply
0 Upvotes