CMS Development

lauftn
Participant

Adding a typed.js effect on my homepage

SOLVE

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

0 Upvotes
1 Accepted solution
TRooInbound
Solution
Key Advisor

Adding a typed.js effect on my homepage

SOLVE

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!

View solution in original post

3 Replies 3
TRooInbound
Solution
Key Advisor

Adding a typed.js effect on my homepage

SOLVE

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!

lauftn
Participant

Adding a typed.js effect on my homepage

SOLVE

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

0 Upvotes
TRooInbound
Key Advisor

Adding a typed.js effect on my homepage

SOLVE

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

 

TRooInbound Team!

0 Upvotes