Auto Pop-Up using the Jot Form Feedback Plugin in Wordpress

  • DesignEvo
    Asked on March 6, 2014 at 9:59 AM

    In referenece to question:http://www.jotform.com/answers/225091-Auto-Popup-WordPress-Feedback-Button-Plugin

    I have done everything mentioned in the above tutorial, but I cannot get the results requested. It just leaves the Signup button at the top. I would like for it to pop up automatically and REMOVE the signup button.

    I would also like for it to pop up only once per browser per day...or something like that.

    Can you help? http://bit.ly/1kU1wgo

    Also, is it possible to change the font of the button text "Sign up and Get 20%"?

    Thanks,
    Stephanie

    Page URL: http://bit.ly/1kU1wgo
  • KadeJM
    Replied on March 6, 2014 at 11:30 AM

    I think we can help you achieve this for the most part but it will take some time and a decent amount of finagling.

    The first problem I found is that you didn't include the autopop-up element which is mentioned in this guide here " How to Auto-popup a Lightbox Form " and I think that should help to clarify it.

     

    Currently you are using this Script which I can see is embedded in your site:

    <script type="text/javascript">

                          new JotformFeedback({

                             formId     : "40607385284963",

                             buttonText : "Sign Up & Get 20% Off!",

                             base       : "http://www.jotform.com/",

                             background : "#000000",

                             fontColor  : "#FFFFFF",

                             buttonSide : "top",

                             buttonAlign: "center",

                             type       : "1",

                             width      : "430",

                             height     : "330",

                          });

                        </script>

     

    It should actually be something along the lines this Script I've rebuilt for you below which includes the Auto-popup command. I've also highlighted in neon green the 2 parts of the code I changed and added in. This will force it to pop-up automatically like you wanted it to do.

    New Script:

    <script src="//max.jotfor.ms/min/g=feedback2" type="text/javascript">

                          new JotformFeedback({

                             formId     : "40607385284963",

                             buttonText : "Sign Up & Get 20% Off!",

                             base       : "http://www.jotform.com/",

                             background : "#000000",

                             fontColor  : "#FFFFFF",

                             buttonSide : "top",

                             buttonAlign: "center",

                             type       : "1",

                             width      : "430",

                             height     : "330",

                             openOnLoad:true

                          });

                        </script>

     

    As for the once per day limitation you would have to build and set this up to work with the form inside your site. I found that we actually had a similar request for this where one of my colleagues found a solution provided by someone else for that which is mentioned here http://stackoverflow.com/questions/17293348/show-popup-once-daily on StackOverFlow. The browser will basically read this and it should only show it once each day when the site is visited.

     

  • KadeJM
    Replied on March 6, 2014 at 12:00 PM

    Also, I wanted to point out that the reference you had been referring to was actually for use with the Wordpress Plugin and I think that you may have been doing this the Standard Way as there are 2 different ways to do so. So that may be the reason why it probably was not working for you at first perhaps from what I am seeing so far.

    Additionally, you can change your form font via this guide before you use that code which will change it on your live form also then reuse the script accordingly. However, If you want to get more specific on exactly which part of your form you only want to change the field font with in example then you can try using some Injected CSS to customize it more which should override that on your live form.