How To Make Text And Buttons Appear After A Certain Time (Timed Texts)

Ask the community
,
1

I really need help with my one of my pages for my Wix website. I’ve got a 45-minute video in there and I want a text, together with 2 buttons to appear (fade in) after circa 40 minutes or something like that of being on the page. Can somebody make me the HTML code for this? so I can just later add the code on the page.

The Text: #text46
Button 1: #button1
Button 2: #button2

(I want them to appear with a “fade in” effect at the same time)

1 Like
2

Hello Meridian Media,

first set your button to be hidden, look here at the pic how to do that…

362×630 21.9 KB

Put in this code-snipet into your page, where you want to have this interaktiv action with your button.

$w.onReady(function () { 
    setTimeout(() => {$w('#button1').show('FadeIn')},5000)
  });

Save/publish your site-project and go to live-mode or start the preview-mode.
In this example, your element (button-X) should apear after 5sec.

3

Thank you, I followed each step exactly as you told me to but for some reason it doesn’t work. I don’t want the button to show when an interaction is done, just after a certain time period, without any interaction.

4

Nevermind, It worked now. Thank you !! :smiley:

5

:grin::grin::grin: You have just to wait 5 sec. thats all :laughing:
If you did everything well, then it should work.

So good luck with your project :wink: