Your Uncommonly Amazing WordPress Tech Partner

Do you need to add a buy button to your sales page but only want it to appear after a certain amount of time has elapsed? No problemo! Here's how you can add a time delay to your buy button.

1. Insert the following piece of code into your page before the </head> tag.

<script type=”text/javascript”>
function showIt() {
document.getElementById(“hid”).style.visibility = “visible”;
}
setTimeout(“showIt()”, 4000); // 1000 = 1 sec
</script>

You can either do this universally across your entire site or locally on a given page.

2. Insert the following snippet in the place where you want your buy button:

<div id=”hid” style=”visibility: hidden”>
BUY BUTTON GOES HERE
</div>

Make sure you insert this code while you're in the text editor mode.

[images style=”1″ image=”http%3A%2F%2Fwww.vicdorfman.com%2Fwp-content%2Fuploads%2F2014%2F09%2Ftext-editor.png” width=”543″ align=”center” top_margin=”0″ full_width=”Y”]

You can use this time delay on any kind of content, e.g. an image, text, video, etc. Simply place the content in between the div tags.

If you want to add additional time delays in other locations on your site, you'll have to add additional instances of the first piece of code and change the element name (in this case, hid) to a unique name for each instance.

For example, if you have three distinct time delays you want to use on your site – 1 minute delay, 5 minute delay and 20 minute delay, respectively – you'll need three corresponding instance of the code in the header, like this:

<script type=”text/javascript”>
function showIt() {
document.getElementById(“hid1“).style.visibility = “visible”;
}
setTimeout(“showIt()”, 60000); // 1000 = 1 sec
</script>

<script type=”text/javascript”>
function showIt() {
document.getElementById(“hid2“).style.visibility = “visible”;
}
setTimeout(“showIt()”, 300000); // 1000 = 1 sec
</script>

<script type=”text/javascript”>
function showIt() {
document.getElementById(“hid3“).style.visibility = “visible”;
}
setTimeout(“showIt()”, 12000000); // 1000 = 1 sec
</script>

****

What's that you say? “I don't have a buy button!” Don't worry about it.

Here's a link to the Ultimate Belcher Button generator (opens in a new tab).

http://www.troynotes.com/about-us/the-ubb-ultimate-belcher-button-wizard/

The Belcher button, in case you don't know, is reputedly the most rigorously tested buy button in the online marketing world. Its particular style gets people to click buy, period. So use it!

*Thanks to Jon from the Warrior Forum for this tip:
(http://www.warriorforum.com/website-design/330076-delayed-buy-button-wordpress.html)

You may also enjoy...

WordPress based membership sites have certain requirements, and make use of certain applications that, in my experience, makes most of the popular hosting providers a poor choice.

No official Google Maps location? No problem! Do you want to show Google Maps pins on custom places that aren’t “official” locations on a Google Map? No problem, in this

Learn how to replace your theme’s default footer with one built using the Divi Builder! This will work even if you’re not using the Divi theme.
Pairfection could not gift or trial courses, and nothing followed up with buyers after the sale. We added course gifting with its own landing page, a limited-access free trial, FluentCRM

Leave a Reply

Your email address will not be published. Required fields are marked *