Countdown Timer on Landing Page Template: How do I edit the Code Snippet?

Max Classic
1

I’m using the “Event Page w/Countdown Timer (Advanced)” to create a landing page for the holiday. How do I edit the countdown timer to countdown to December 15, 2019? Here is the Code Snippet that is off of the template:

<div class="countdown-timer">
  <h4>Sheraton Phoenix Resort & Spa, June 20-23, 2019</h4>
<div id="clockdiv">
  <div>
    <span class="days"></span>
    <div class="smalltext">Days</div>
  </div>
  <div>
    <span class="hours"></span>
    <div class="smalltext">Hours</div>
  </div>
  <div>
    <span class="minutes"></span>
    <div class="smalltext">Minutes</div>
  </div>
  <div>
    <span class="seconds"></span>
    <div class="smalltext">Seconds</div>
  </div>
</div>
</div>
2

Hi, @Abingdon_Mullin,

I’m not sure that you can edit the details of that (at least I don’t see a way to), however, there is another way. I’ll put my video on this below (it covers email timers but the code snippet works the same in the landing page builder).

3

Sweet! It worked, you can see my countdown timer here: https://swmjywc6.pages.infusionsoft.net/
thank you!

4

Awesome! Glad it helped :wink:

5

Hi John,

Thank you as well for the link to the countdown timer- it worked perfectly. It’s actually the legacy landing page since we needed to embed the form on our landing page

https://www.qualityflooring4less.com/black-friday-shaw-reflections-sale.html

Works perfectly!!!
Aaron

6

Awesome! Glad it’s helping others as well :wink: