Create a typewriter effect for headings in Squarespace (7.0, 7.1 CE & 7.1 FE) | Day 12 of 12DOC

One of THE coolest effects I’ve seen so far for headings is the typewriting effect. And, believe it or not, it’s pretty easy to implement it in Squarespace if you know where to look. That's why, for today’s tutorial, I want to show you how you can use an awesome third-party plugin to create this animation on your client’s site in record time. 01 | CHAPTERS 00:00 - Intro 01:12 - Looking at the necessary heading setup 02:56 - Implementing the typewriting plugin into Squarespace and understanding how it works 05:43 - Modifying the options of the typewriter plugin 07:46 - Testing out other options from the plugin 02 | BLOG POST + CODE https://beatrizcaraballo.com/blog/typ... 03 | WORK WITH ME If you’d rather not figure this out alone, there are a few ways I can help. From ongoing guidance to full hands-on work, you can choose what fits your project best. https://beatrizcaraballo.com/services 04 | SUPPORT + INQUIRIES If you’re working on a project and need help, you can reach out here: https://beatrizcaraballo.com/contact I prioritize client inquiries. For quick questions, I may not always be able to respond directly, but I do use them to guide future content! 05 | RESOURCES Typed.js: https://mattboldt.github.io/typed.js/ 12 Days of Christmas series:    • 12 Days of Christmas   Some of the approaches and code I use in my videos come from my project coding toolkit – The Snippet Directory. It's now available inside the Club, alongside ongoing personalized support. Explore access here: https://beatrizcaraballo.com/snippet-... 06 | STAY IN THE LOOP Receive weekly customization tutorials and troubleshooting tips, based on real-life project challenges. https://beatrizcaraballo.com/notes 07 | NOTE The code shown in this video is provided as is and it's not a one-size-fits-all solution. Your implementation may vary depending on your project and settings. There is no guarantee that the code, instructions, or method shown will work or be error-free. 08 | KEYWORDS typewriter text squarespace, typewriter heading squarespace, typewriter effect squarespace text, squarespace css tutorial, squarespace 7.1, custom css squarespace, squarespace web design, squarespace custom code, squarespace web development, squarespace design tutorial, squarespace site customization, squarespace code implementation, squarespace css tricks ---------------------------------------------------------------- Music from Uppbeat (free for Creators!): https://uppbeat.io/t/soundroll/cozy-h... License code: FUXEV90F5IPOL0VA