Streaming live at 10am (PST)

Typed.js - is not working with me

#1

Hello,
I’m trying to use the Typed.js script in my site.


From what I understood, I needed to copy the code into my custom code space, and change the id of the element I want to use typed.js to “typed”.
But unfortunately it is not working…

Here’s the read-only link, I want to the word “word” to get typed.js-ed:

https://preview.webflow.com/preview/hyperlink-transition-ee4de13d32bbb13bf4?utm_source=hyperlink-transition-ee4de13d32bbb13bf4&preview=2d488fc3b65d9864bec411ffde73ab36

0 Likes

#2

Hi @x27,

These two references:
<link src="js/typed.custom.js" type="text/javascript">
<script src="js/typed.custom.js" type="text/javascript"></script>
You have in your <head> tag are urls to no where. You need to find a cdn or a place to host the typed.custom.js file, and then reference to its url.

0 Likes

#3

Thank you. I deleted them and used the CDN from the source. Still-- doesn’t work.

0 Likes

#4

please share the published site

0 Likes

#5

https://hyperlink-transition-ee4de13d32bbb13bf4.webflow.io/

0 Likes

#6

It seems like you have some kind of problem with the typed.js script.

Try reading the documentation more carefully and start again.

0 Likes

#7

I did. I found this: https://webflow.com/website/Typing-Text-Typedjs#
and checked his read-only file and copy-pasted it… nothing.

0 Likes

#8

You should use unique #id - for each text element. In your case both text element with “#typed-2” id (So the code not working well ==> Throw errors).

	var typed = new Typed('#typed-text', {'
    /* ...rest of the code */
  	var typed2 = new Typed('#typed-2', {
    /* ...rest of the code */

image

Change one of the elements #id to typed-text to fix this issue.

Example:
http://new-landing-page-94e5db.webflow.io/type


Please mark as solution to close this topic. Thanks

0 Likes

#9

@Siton_Systems

Will be if/when the original post publisher confirms this is the solution… :slight_smile:

0 Likes