Skip to main content

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 😊

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


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!


Nobody can help me?


😢


Hey @Sonji sorry I missed your reply!


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


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


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


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


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


Always delivering the goods @Hristian! 🙂


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?


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');

Thanks @Zoe_Tattersall, but I couldn’t make it work.

I’m using this one instead: https://codepen.io/AllThingsSmitty/pen/JJavZN


Reply