Section Text that has a word Changing every 5 seconds

Would it be possible to have a bold text in a home page section that rotates through 3-5 different words?

Such as a static text above with a caption, then just underneath, 3-5 words rotating into place?

You mean effect like this? 

https://pike-finch-n7nb.squarespace.com/typewriter-01?noredirect - pass abc

https://codepen.io/rachsmith/pen/BNKJme

or like this? 

https://codepen.io/goformarty/full/pLzbZd

Hey @tuanphan I'd love to know how I can create one similar to https://codepen.io/rachsmith/pen/BNKJme — ideally in the first paragraph of text on my homepage. Do you have any tips / process you could share as to how to do this? Thanks a lot! (my website: zoehough.com )

On 12/15/2023 at 3:48 AM, ae_1 said:

Hey @tuanphan I'd love to know how I can create one similar to https://codepen.io/rachsmith/pen/BNKJme — ideally in the first paragraph of text on my homepage. Do you have any tips / process you could share as to how to do this? Thanks a lot! (my website: zoehough.com )

I tried adjust the code with your H1 text. You try checking demo, if it it what you want, I will give you exact code to add to Squarespace

https://codepen.io/tuanhero/pen/qBgzQQo

Hey @tuanphan ah you are so kind! Please forgive my late reply, I didn't get a notification and just came to check now if anyone had answered... and I saw your reply :)) Thank you!

One questions... is there a way to code it so I could have 3-word or 4-wordphrases (rather than single words) rotating? At the moment when I change the word to a multi-word phrase 'e.g. enjoys finding simplicity within complexity', there aren't any spaces so it comes up as 'enjoysfindingsimplicitywithincomplexity'. Would you know how to add spaces between the words?

Thank you, and wishing you all the best for 2024 :)

Hey @tuanphan! 

I have a client who'd like something similar to this above question; a Home page headline where one word changes every second or two. Example - top headline: https://www.susandavid.com/ 

JS or CSS would work if you're open to sharing the code? Thanks so much!  

There isn't much on the site to see just yet but if you need to see a site:
https://dr-stuart-ablon.squarespace.com/
PW Vacation2024#

Rachel

Update: I tried the version you mentioned from here -https://codepen.io/goformarty/pen/pLzbZd and it worked! Thank you!