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.
Want to migrate your ACTIVE customer subscriptions from Chargebee to Stripe? This step by step guide will show you exactly how to do it…

Introduction Recently one of our customers asked us for advice and help on migrating away from the Wishlist Member membership plugin. Since she uses InfusionSoft for her email marketing and CRM,

Brian Casel on Productized Services podcast about Restaurant Engine, service which Brian went on to sell.

Leave a Reply

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