1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How can I add this countdown timer to my site?

Discussion in 'HTML & Website Design' started by NHB, Dec 14, 2018.

  1. #1
    I've seen this style of countdown timer on a lot of Clickbank products and haven't been able to figure it out by digging through the source code.
    SEMrush
    Here's an example on this page: https://www.paleorecipeteam.com/bone-broth/

    I know how to add a normal countdown, but I'd like to have a timer that's triggered by scrolling to part of the page and when the timer hits zero it removes the special offer.

    Thanks
     
    NHB, Dec 14, 2018 IP
    SEMrush
  2. qwikad.com

    qwikad.com Illustrious Member Affiliate Manager

    Messages:
    5,730
    Likes Received:
    1,063
    Best Answers:
    20
    Trophy Points:
    400
    #2
    I see no counter on that page.
     
    qwikad.com, Dec 14, 2018 IP
  3. NHB

    NHB Active Member

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    86
    #3
    The counter is about 2/3 of the way down the page right below the subhead that reads "An affordable way to sample the The Bone Broth Cookbook recipes"

    You have to linger on that spot for a second and the counter and buy buttons pop up.
     
    NHB, Dec 14, 2018 IP
  4. qwikad.com

    qwikad.com Illustrious Member Affiliate Manager

    Messages:
    5,730
    Likes Received:
    1,063
    Best Answers:
    20
    Trophy Points:
    400
    #4
    qwikad.com, Dec 14, 2018 IP
  5. NHB

    NHB Active Member

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    86
    #5
    Close. But the counter doesn't start immediately when the page loads. It starts when you scroll to a designated part of the page. When it's triggered, it also displays a graphic and a buy button in addition to a counter.

    When the counter hits zero the graphic and buy button go away and are replaced with a message letting the visitor know they missed out.

     
    NHB, Dec 14, 2018 IP
  6. Web_Dev_Chris

    Web_Dev_Chris Active Member

    Messages:
    140
    Likes Received:
    5
    Best Answers:
    1
    Trophy Points:
    78
    #6
    I'm sure this is called JavaScript. I'm only know the basics so far so I will not be able to help. However JavaScript controls all the user interactively of a website.
     
    Web_Dev_Chris, Dec 27, 2018 IP
  7. kk5st

    kk5st Prominent Member

    Messages:
    3,443
    Likes Received:
    355
    Best Answers:
    28
    Trophy Points:
    335
    #7
    You CAN use it for user interaction, but remember that the page that isn't usable without javascript (or css for that matter) is a failed page waiting for a place to happen.

    gary
     
    kk5st, Dec 28, 2018 IP
  8. Jerlene.net

    Jerlene.net Prominent Member

    Messages:
    11,969
    Likes Received:
    462
    Best Answers:
    1
    Trophy Points:
    360
    #8
    Jerlene.net, Dec 28, 2018 IP
  9. robyries

    robyries Well-Known Member

    Messages:
    3,162
    Likes Received:
    43
    Best Answers:
    6
    Trophy Points:
    155
    Digital Goods:
    1
    #9
    Easy if you using WordPress on this.. :D lol
     
    robyries, Jan 22, 2019 IP