Help countdown

S

Hi!
Nice to meet you… I have a problem with my LP.
I inserted a custom HTML and jasvascript, but it doesn’t work.
It seems that the CSS code has no effect.

Can anyone help me, please?

Thanks in advance.

Sonia 😊

11 replies

Zoe_Tattersall
Userlevel 6
Badge +3

Hey Sonia, can you please share your LP’s URL and the scripts you’ve added?

We’re more than just your type. We do awesome, too. And website design, graphics, product photography, video content & more. https://sevahcreative.com
S

Hi Zoe!
Sure, this is the countdown that I want to add to my page

and this is my test page:
https://scopri.daybreakhotels.com/test-sonia/

Thank you!

S

Nobody can help me?

😢

Zoe_Tattersall
Userlevel 6
Badge +3

Hey @Sonji sorry I missed your reply!

So you need to grab the “COMPILED CSS” for this to work –

14 pm

I tested this and you can download the page here to see the setup – https://www.dropbox.com/s/xktdcu410599u77/test_countdown.unbounce?dl=0

We’re more than just your type. We do awesome, too. And website design, graphics, product photography, video content & more. https://sevahcreative.com
S

Hi Zoe!
Thank you for you help… Now I published the page https://scopri.daybreakhotels.com/test-sonia-2/ but the countdown doesn’t work.
What do you think I need to do?

Thank you very much for your support! 😊
Sonia

Zoe_Tattersall
Userlevel 6
Badge +3

I’m not sure sorry, I’m not an expert in Javascript.

We’re more than just your type. We do awesome, too. And website design, graphics, product photography, video content & more. https://sevahcreative.com
Hristian
Userlevel 7
Badge +3

Hi @Sonji,

Here is your script working on Unbounce.

A couple of notes on how to fix it:

  1. You should not put scripts in the < HEADER > unless you know why. Very rarely scripts need to be loaded in that part of the page. The JS script should go in the BEFORE BODY END TAG section of the page.

  2. You need to load a newer jQuery library and another library TweenMax.

    < script src="//code.jquery.com/jquery-1.11.2.min.js">
    < script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js">

*There is an extra empty space between the first bracket “<” and the word “script”. Remove it when you copy paste these.

Copy/paste these two above your JS script.

Best,
Hristian

Hristian K. → experimentation-as-a-service → https://www.revise.agency/
Zoe_Tattersall
Userlevel 6
Badge +3

Always delivering the goods @Hristian! 🙂

We’re more than just your type. We do awesome, too. And website design, graphics, product photography, video content & more. https://sevahcreative.com
raget

Hi Zoe, I have the script on my page but I don’t know where to add the date for the countdown.
Where should it go?

Zoe_Tattersall
Userlevel 6
Badge +3

Hey, this one will allow you to add date and a specific deadline -

Make sure to use Compiled CSS and see the above comment from @Hristian on the correct set-up.

And you can change the deadline date here:

var DeadLine        = new Date('July 11, 2016 23:59');
We’re more than just your type. We do awesome, too. And website design, graphics, product photography, video content & more. https://sevahcreative.com
raget

Thanks @Zoe_Tattersall, but I couldn’t make it work.
I’m using this one instead: https://codepen.io/AllThingsSmitty/pen/JJavZN

Reply


Terms & ConditionsCookie settings