Add a typewriter animation

Video

In this episode, Sacha, cofounder of Gemeos Webflow agency, shows you how to add a typewriter animation

‍

‍

1. Add a text block and assign it a class

‍

2. Add this script at the end of the </body> in your page settings

1. Make sure you use your class in the script: "typing_text"
2. Replace the text "your text" with the content you want to display

 < script src=" https://cdn.jsdelivr.net/npm/typed.js@2.0.11 ">

 < script>
    	var typed4 = new Typed('.typing_text', {
        strings: ["your text","your text","your text","your text"],
        typeSpeed: 80,
        backSpeed: 40,
        smartBackspace: true,
        loop: true
      });

3. Publish your site and test the result

‍