Changeset 1141555

Timestamp:

04/22/2015 01:09:51 AM (11 years ago)

Author:

endual

Message:

Added shortcode generator interface. Added Question, Email, Thankyou, and Submit as customisable parameters. Added Icon. Updated walkthrough links. Bump of required WordPress version to support Color Picker.

Location:

wp-customer-feedback

Files:

• assets/icon-128×128.png (added)
• trunk/admin-page.php (added)
• trunk/css/feedback.css (modified) (1 diff)
• trunk/js/admin.js (added)
• trunk/js/feedback.js (modified) (1 diff)
• trunk/readme.txt (modified) (5 diffs)
• trunk/wp-customer-feedback.php (modified) (5 diffs)

wp-customer-feedback/trunk/css/feedback.css

@@ -1 @@
-#cfbp-panel{position:fixed;left:0;top:0;width:300px;height:288px;background:#FFF;z-index:9997000;border:1px solid #999;border-radius:8px 8px 0 0;text-align:center}#cfbp-panel h3#cfbp-title{color:#FFF;font-family:"Helvetica Neue",Arial,sans-serif;font-size:14px;margin-top:0;padding-top:4px}#cfbp-panel .cfbp-rating-header{height:30px;width:300px;background:#ED5100;border-radius:8px 8px 0 0;cursor:pointer}#cfbp-panel .cfbp-close{color:#000;font-family:"Helvetica Neue",Arial,sans-serif;font-size:18px;position:absolute;top:0;left:278px;height:20px;width:20px}#cfbp-panel .cfbp-comment{width:300px}#cfbp-panel .cfbp-comment textarea{margin:10px 0;width:280px;height:140px}#cfbp-panel .cfbp-comment label{background-color:#eee}#cfbp-panel .cfbp-comment .cfbp-email{width:280px;color:#111;font-size:16px;background-color:#eee}#cfbp-panel input.cfbp-rating-submit{margin:10px;float:right;padding:10px 30px 11px;text-transform:uppercase;box-shadow:rgba(0,0,0,.2) 0 1px 0 0;border-radius:5px;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:12px;text-shadow:#FE6 0 1px 0}
+#endualcf-panel{position:fixed;left:0;top:0;width:300px;height:288px;background:#FFF;z-index:9997000;border:1px solid #999;border-radius:8px 8px 0 0;text-align:center}#endualcf-panel h3#endualcf-title{color:#FFF;font-family:"Helvetica Neue",Arial,sans-serif;font-size:14px;margin-top:0;padding-top:4px}#endualcf-panel .endualcf-rating-header{height:30px;width:300px;background:#ED5100;border-radius:8px 8px 0 0;cursor:pointer}#endualcf-panel .endualcf-close{color:#000;font-family:"Helvetica Neue",Arial,sans-serif;font-size:18px;position:absolute;top:0;left:278px;height:20px;width:20px}#endualcf-panel .endualcf-comment{width:300px}#endualcf-panel .endualcf-comment textarea{margin:10px 0;width:280px;height:140px}#endualcf-panel .endualcf-comment label{background-color:#eee}#endualcf-panel .endualcf-comment .endualcf-email{width:280px;color:#111;font-size:16px;background-color:#eee}#endualcf-panel input.endualcf-rating-submit{margin:10px;float:right;padding:10px 30px 11px;text-transform:uppercase;box-shadow:rgba(0,0,0,.2) 0 1px 0 0;border-radius:5px;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:12px;text-shadow:#FE6 0 1px 0}.endualcf-admin-label{display:inline-block;width:100%;background:red}.endualcf-text-input{width:100%}.endualcf-admin-imput{margin:12px 0}

wp-customer-feedback/trunk/js/feedback.js

@@ -1 @@
-jQuery(document).ready(function(e){var n,t,a,i,r,c,o,p,l,f,d,u,s,b,m;return l=!1,p=!1,n=30,a=300,t=400,i=function(){var n,t,a;return a=endual.title,n=endual.color,this.delay=1e3*endual.delay,t='<div id="cfbp-panel">',t+='<form accept-charset="UTF-8" action="" data-remote="true" id="wp-cfbp" method="post">',t+='<div class="cfbp-rating-header">',t+="<h3 id='cfbp-title'>"+a+"</h3>",t+='<div class="cfbp-close">X</div>',t+="</div>",t+='<div class="cfbp-comment">',t+='<textarea name="comment" placeholder="'+a+'"></textarea>',t+='<input class="cfbp-email" type="email" name="email" placeholder="Your email address?"></textarea>',t+='<input class="cfbp-rating-submit" name="commit" type="submit" value="Submit">',t+="</div>",t+="</form>",t+="</div>",e("body").append(t),e(".cfbp-rating-header").css({background:n}),e("<style type='text/css'> .hilite{ color:"+n+";} .checked{ color:"+n+";}</style>").appendTo("head")},u=function(){return f(),e(window).on("resize",d),e(window).on("scroll",d),e("#cfbp-panel .cfbp-rating-header").click(function(){return s()}),e("#cfbp-panel .cfbp-close").click(function(e){return e.stopPropagation(),m()}),e("#cfbp-panel .cfbp-close").hide(),e("#wp-cfbp").submit(function(){var n,t;return t=e("#wp-cfbp").serializeArray(),n={},e.map(t,function(e){return n[e.name]=e.value}),n.action="process_form_data",e.post(endual.ajaxurl,n),r(),!1})},f=function(){var n,t;return t=e(window).innerHeight()+2,n=c(),e("#cfbp-panel").css({transform:"translate( "+n+"px, "+t+"px )"}),b()},c=function(){var n;return n=e(window).width()-t<0?(e(window).width()-a)/2+a:t,e(window).width()-n},b=function(){var t;return t=e(window).innerHeight()-n,e("#cfbp-panel").delay(this.delay).animate({top:"-32"},600,"swing",function(){return l=!0})},m=function(){var t;if(p)return p=!1,l=!1,e("#cfbp-panel .cfbp-close").hide(),t=e(window).innerHeight()-n,e("#cfbp-panel").animate({top:"-32"},600,"swing",function(){return l=!1})},d=function(){var t,a;if(p||l)return a=e(window).innerHeight()-n,l&&(a+=32),t=c(),e("#cfbp-panel").css({transform:"translate( "+t+"px, "+a+"px )"})},s=function(){var n;if(!p)return p=!0,e("#cfbp-panel .cfbp-close").show(),n=258,e("#cfbp-panel").animate({top:"-="+n},600)},r=function(){var n;return e("#cfbp-panel .cfbp-comment").html("<br /><br /><p>Thanks for the feedback!</p>"),n=e(window).innerHeight()+2,e("#cfbp-panel").animate({top:"+=130"},600).delay(3e3).animate({top:"+=200"},600,"swing",o),e(window).off("resize",d)},o=function(){return e("#cfbp-panel").hide()},i(),u()});
+jQuery(document).ready(function(e){var n,a,t,l,i,d,r,u,c,o,f,s,p,m,w,h;return o=!1,c=!1,n=30,t=258,l=300,a=400,i=function(){var n,a,t,l,i,d;return n=endual.color,d=endual.title,l=endual.question,a=endual.email,i=endual.submit,this.delay=1e3*endual.delay,t='<div id="endualcf-panel">',t+='<form accept-charset="UTF-8" action="" data-remote="true" id="wp-endualcf" method="post">',t+='<div class="endualcf-rating-header">',t+="<h3 id='endualcf-title'>"+d+"</h3>",t+='<div class="endualcf-close">X</div>',t+="</div>",t+='<div class="endualcf-comment">',t+='<textarea name="comment" placeholder="'+l+'"></textarea>',t+='<input class="endualcf-email" type="email" name="email" placeholder="'+a+'"></textarea>',t+='<input class="endualcf-rating-submit" name="commit" type="submit" value="'+i+'">',t+="</div>",t+="</form>",t+="</div>",e("body").append(t),e(".endualcf-rating-header").css({background:n}),e("<style type='text/css'> .hilite{ color:"+n+";} .checked{ color:"+n+";}</style>").appendTo("head")},w=function(){return s(),e(window).on("resize",p),e(window).on("scroll",p),e("#endualcf-panel .endualcf-rating-header").click(function(){return m()}),e("#endualcf-panel .endualcf-close").click(function(e){return e.stopPropagation(),f()}),e("#endualcf-panel .endualcf-close").hide(),e("#wp-endualcf").submit(function(){var n,a;return a=e("#wp-endualcf").serializeArray(),n={},e.map(a,function(e){return n[e.name]=e.value}),n.action="process_form_data",e.post(endual.ajaxurl,n),d(),!1})},s=function(){var n,a;return a=e(window).innerHeight(),n=r(),e("#endualcf-panel").css({transform:"translate( "+n+"px, "+a+"px )"}),h()},r=function(){var n;return n=e(window).width()-a<0?(e(window).width()-l)/2+l:a,e(window).width()-n},h=function(){var a;return a=e(window).innerHeight()-n,e("#endualcf-panel").delay(this.delay).animate({top:""+-n},600,"swing",function(){return o=!0})},m=function(){return c?void 0:(c=!0,e("#endualcf-panel .endualcf-close").show(),e("#endualcf-panel").animate({top:"-="+t},600))},f=function(){return c?(c=!1,e("#endualcf-panel .endualcf-close").hide(),e("#endualcf-panel").animate({top:"+="+t},600)):void 0},p=function(){var a,t;if(c||o)return t=e(window).innerHeight()-n,o&&(t+=n),a=r(),e("#endualcf-panel").css({transform:"translate( "+a+"px, "+t+"px )"})},d=function(){var n,a;return n=endual.thankyou,e("#endualcf-panel .endualcf-comment").html("<br /><br /><p>"+n+"</p>"),a=e(window).innerHeight()+2,e("#endualcf-panel").animate({top:"+=130"},600).delay(3e3).animate({top:"+=200"},600,"swing",u),e(window).off("resize",p)},u=function(){return e("#endualcf-panel").hide()},i(),w()});

wp-customer-feedback/trunk/readme.txt

@@ -1 +1 @@
 === WP Customer Feedback ===
 Contributors: endual
-Tags: user-feedback, customer-feedback, feedback, review, customer, marketing, survey, popup
+Tags: user-feedback, customer-feedback, feedback, review, customer, marketing, survey, popup, shortcode
 Author URI: http://endual.com
 Plugin URI: http://endual.com/wp-customer-feedback
-Requires at least: 3.3
+Requires at least: 3.5
 Tested up to: 4.2
-Stable tag: 1.2.1
+Stable tag: 1.3.0
 License: GPLv2
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
-Give users a quick and easy way to provide feedback. Feedback is sent directly to you, away from competitors eyes. Increase leads and conversions!
+Give users a quick and easy way to provide feedback. Feedback is sent directly to you, away from competitors eyes. Increases leads and conversions.
 
 == Description ==
@@ -16 +16 @@
 = Sick of wondering what your visitors are thinking? =
 
-A loyal customer of a small business website can spend thousands of dollars over the course of a few years. That’s why smart business owners spend up big on ads, coupons, and discounts, to get new customers in the door.
+A loyal customer of a small business website can spend thousands of dollars over the course of a few years. Smart business owners spend up big on ads, coupons, and discounts, to get new customers in the door.
 
-= But what happens when it all goes wrong? =
+= But getting new customers should be just the start =
 
-* Misleading wording?
-* Featuring content people don’t care about?
-* Using ugly images?
-* Site broken on different browsers?
-* Looks wonky on mobile?
+To keep customers happy and engaged you need to understand them. Do you know:
 
-If you find out it’s broken, you can fix it. You need all the customer feedback you can get. If you know what is putting people off, you can change it. And if you know what people love, you can give them more of it.
+* How they got to your site?
+* What products they want to see?
+* What features they think your site needs?
+* Is anything holdeing them back from buying more?
+* Are there things you could be doing better?
+
+You're always better off knowing more. If you know what's putting people off, you can change it. If you know what people love, you can give them more of it. You need all the customer feedback you can get.
 
 = Savvy people get feedback from their users. =
 
-The problem is that very few people use contact pages to give customer feedback. It’s an additional point of friction - it's just easier for your potential customer to click the back page than to hunt out your contact page.
+The problem is that very few people use contact pages to give customer feedback. It’s an additional point of friction - it's just easier for your potential customers to click the back page than to hunt out your contact page.
 
-Opening up comments is better, but not by much. Then you have to deal with spam, and you can bet your competitors will be reading the comments too.
+Opening up comments is better, but not by much. You have to take care of spam, and you can bet competitors will be reading your comments too.
 
-What if you gave users a way to quickly comment on your site, and have it emailed directly to you?
+What if you had an easy way to ask users for feedback, at the most point in the sales funnel most valuable to you, and then get the feedback emailed directly to you?
 
 = Getting customer feedback is what WP Customer Feedback is all about =
 
-Hearing your customers’ feedback is awesome, especially for usability issues, prioritizing features and insights into potential new features.
+Hearing your customers’ feedback is awesome, especially for usability issues, prioritizing features and gaining insights into potential new features.
 
 With more insight into your visitor's thinking you can:
@@ -50 +52 @@
 * Panel title and feedback question
 * Pop up panel title bar color
+* Email request text
+* Submit button text
 * Delay before panel scrolls into view
+* Thankyou text after feedback submitted
 
 = Video walk through =
-http://swoon.wistia.com/medias/p7ez8vqcmt
+[Video walk through in Wistia](https://swoon.wistia.com/medias/cj34mg9sbp "WP Customer Feedback walk through video")
 
 Suggestions for improvements are always welcome, and I love to hear suggestions for new plugins.
@@ -72 +77 @@
 Short codes are a way to add functionality to a site through simple special text. You can change the colour of the panel, and the delay before the panel is displayed.
 
-= Setting the title =
+= Setting the Title Bar Color =
 
-The title is used both for the the panel title, and as the prompt for user feedback. Set this to the question you want feedback for. Note that there should be a maximum of about 30 characters for the title - this depends on site fonts and which words you use. To ask for feedback on "What feature would you like to see next?" you would put:
+The Title Bar Color is the visible title in that enters the screen for your user to click. You can set this to whatever color works best with your site. If you want the Title Bar Color red, then you could use the following:
+
+[get-feedback color="red"]
+
+There is support for many named colors on the web. For a full list see here.
+
+<http://css-tricks.com/snippets/css/named-colors-and-hex-equivalents/>
+
+= Setting the Title =
+
+The title is the panel title propting the user to submit feedback. You'll generally set this to the question you want feedback for. Note that there should be a maximum of about 30 characters for the title - but this depends on site fonts and which words you use. To ask for feedback on "What feature would you like to see next?" you would put:
 
 [get-feedback title="What feature would you like to see next?"]
 
-= Setting the color =
+= Setting the Question =
 
-The color is the panel title area that enters the screen for your user to click. You can set this to whatever color works best with your site. If you want the panel red, then you would use the following:
+The question is the prompt for user feedback, and appears in the text field until the user starts typing in a response. By default this will be the same as the title, but is customisable. To ask the question "How did you find us?" you would put:
 
-[get-feedback color="red"]
+[get-feedback question="How did you find us?"]
 
-There is support for a lot of named colors on the web. For a full list see here.
+= Setting the Email request field =
 
-<http://css-tricks.com/snippets/css/named-colors-and-hex-equivalents/>
+The default request for an email address is "Your email address?", you can change it here. To use "Enter e-mail address", you would put:
 
-= Setting the delay =
+[get-feedback email="Enter e-mail address"]
+
+= Setting the Submit button text =
+
+The Submit button is the button the user presses when submitting feedback. Some people get dramatically different response rates with different button text. You may want to try alternative text. To use "Send", you would put:
+
+[get-feedback submit="Send"]
+
+= Setting the Thankyou message =
+
+The "Thankyou message" is a brief note to display the user on submitting of feedback. The default thankyou message is "Thanks for the feedback!". To use an alternate, say "Great, we'll get straight on this.", you would use:
+
+[get-feedback thankyou="Great, we'll get straight on this."]
+
+= Setting the Delay =
 
 You can set a delay between loading a page, and showing the feeback panel by using the delay setting. To delay the panel by three seconds you would put:
@@ -111 +140 @@
 
 == Changelog ==
+
+= 1.3.0 =
+Required WordPress bumped to 3.5 to allow for use of the Color Picker class
+Additional parameters added to shortcode:
+* question - the feedback question guide text
+* email - email address field guide text
+* submit - sumbit button text
+* thankyou - text displayed on feedback submitted
 
 = 1.2.1 =

wp-customer-feedback/trunk/wp-customer-feedback.php

@@ -5 +5 @@
  * Plugin URI: http://endual.com/wp-customer-feedback/
  * Description: Simple way to get user feedback for your site
- * Version: 1.2.1
+ * Version: 1.3.0
  * Author: Adrian Gray
  * Author URI: http://endual.com/about-adrian-gray/
@@ -30 +30 @@
 defined('ABSPATH') or die("No script kiddies please!");
 
-class ENDUAL_FEEDBACK {
+include('admin-page.php'); // the plugin options page HTML and save functions
+
+class ENDUAL_CUSTOMER_FEEDBACK {
 
   function __construct() {
@@ -45 +47 @@
     }
     wp_enqueue_style(   'endual-feedback', plugins_url( '/css/feedback.css', __FILE__ ) );
-    wp_register_script( 'endual-feedback', plugins_url( '/js/feedback.js', __FILE__ ), array( 'jquery' ), '1.2.1', true);
+    wp_register_script( 'endual-feedback', plugins_url( '/js/feedback.js', __FILE__ ), array( 'jquery' ), '1.3.0', true);
   }
 
@@ -56 +58 @@
     $atts = shortcode_atts(
       array(
-        'color'   => '#ED5100',
-        'delay'   => 0,
-        'title'   => 'What do you think of this?',
-        'ajaxurl' => admin_url( 'admin-ajax.php' )
+        'color'    => '#ED5100',
+        'title'    => 'How did you find us?',
+        'question' => '',
+        'email'    => 'Your email address?',
+        'submit'   => 'Submit',
+        'delay'    => '0',
+        'thankyou' => 'Thanks for the feedback!',
+        'ajaxurl'  => admin_url( 'admin-ajax.php' )
       ), $atts
     );
+
+    if( $atts[ 'question' ] == '') {
+      $atts[ 'question' ] = $atts[ 'title' ];
+    }
 
     wp_localize_script( 'endual-feedback', 'endual', $atts );
@@ -90 +100 @@
 }
 
-new ENDUAL_FEEDBACK;
+new ENDUAL_CUSTOMER_FEEDBACK;