11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

Delayed action/cart button wordpress?

by Treborrevo
9 replies
Do any of you know of a delayed action script for Wordpress that has a shopping cart button/link pop-up at X minutes into a video presentation?

I know EZS3 has one, as well as JVPress.

Unfortunately I'm semi-committed to Vimeo and my own Wordpress theme --

Would love to know if there is a script/plugin out there I can use.

Thanks in advance if you know the answer to this!
#action or cart #button #delayed #wordpress
  • Profile picture of the author marcuslim
    You can do it if you use the free flowplayer player and customize its 'cue points' so that the button is shown only when a specified play time has elapsed. Yes it can be technical, but PM me and I'll show you how.
    Signature

    Marcus Lim
    Silver Bullet Publishing

    {{ DiscussionBoard.errors[6052794].message }}
    • Profile picture of the author emiliobool
      Probably not what you need but you can still use vimeo and its api,

      you would just need to add this to that page:

      Code:
      <script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>   
<script type="text/javascript">

jQuery(document).ready(function() {
    var myPlayer = jQuery('#myPlayer1').get(0);
    var otherElement = jQuery('#otherEl');
    var delay = 120;
    otherElement.hide();
	Froogaloop(myPlayer).addEvent('ready', function() {
    	var f = (myPlayer);   
        var i = setInterval(function(){
            f.api('getCurrentTime', function (value, player_id) {
               if(value > delay){
                    otherElement.show();
                    clearInterval(i);
               }
            });
        },1000);   
    });
});
</script>
      the code should be self explanatory,
      this code will show an element with id "otherEl" after 2 minutes

      you also need to modify your video embed code as follows:

      <iframe id="myPlayer1" src="http://player.vimeo.com/video/xxxxx?api=1&player_id=myPlayer1" frameborder="0"></iframe>

      and that's pretty much it
      {{ DiscussionBoard.errors[6053566].message }}
      • Profile picture of the author Treborrevo
        A very late "thank you" for posting this code. I had stopped looking and did not see your wonderful response. Thank so much.
        {{ DiscussionBoard.errors[6916007].message }}
        • Profile picture of the author jhguynn
          There are also WP plugins, like wp-delay-box located here: paulmihaipavel "dot" com "foward slash" wp-delay-box
          {{ DiscussionBoard.errors[7040768].message }}
      • Profile picture of the author Snatch
        Originally Posted by emiliobool View Post

        Probably not what you need but you can still use vimeo and its api,

        you would just need to add this to that page:

        Code:
        <script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>   
<script type="text/javascript">

jQuery(document).ready(function() {
    var myPlayer = jQuery('#myPlayer1').get(0);
    var otherElement = jQuery('#otherEl');
    var delay = 120;
    otherElement.hide();
    Froogaloop(myPlayer).addEvent('ready', function() {
        var f = (myPlayer);   
        var i = setInterval(function(){
            f.api('getCurrentTime', function (value, player_id) {
               if(value > delay){
                    otherElement.show();
                    clearInterval(i);
               }
            });
        },1000);   
    });
});
</script>
        the code should be self explanatory,
        this code will show an element with id "otherEl" after 2 minutes

        you also need to modify your video embed code as follows:

        <iframe id="myPlayer1" src="http://player.vimeo.com/video/xxxxx?api=1&player_id=myPlayer1" frameborder="0"></iframe>

        and that's pretty much it
        Is this working with a easy video player embed code or with a amazons3 link? How do I do it?
        {{ DiscussionBoard.errors[7078817].message }}
  • Profile picture of the author kevinclanton
    You can also do something simple like this:

    <div id="hid" style="visibility:hidden;" >
    HIDDEN Content / Buy Button
    </div>

    <script type="text/javascript">
    //hidden buy button
    function showIt() {
    document.getElementById("hid").style.visibility = "visible";
    }
    setTimeout("showIt()", 5000); // 1000 ='s 1 second
    </script>
    {{ DiscussionBoard.errors[7093206].message }}
  • Profile picture of the author Dansky
    I use almost same as Kevin posted. Works great.
    {{ DiscussionBoard.errors[7093310].message }}
  • Profile picture of the author mark2index
    hi if you are looking to earier way google "mk delay box wordpress plugin"
    {{ DiscussionBoard.errors[9472880].message }}
  • Profile picture of the author internetsuperstar
    You can also try OptimizePress.
    Signature
    Get Your Free Consultation Today
    {{ DiscussionBoard.errors[9472925].message }}

Trending Topics