Changeset 949415

Timestamp:

07/16/2014 07:04:38 AM (11 years ago)

Author:

userdeck

Message:

Improved connect flows

Location:

userdeck/trunk

Files:

• readme.txt (modified) (3 diffs)
• userdeck.js (modified) (2 diffs)
• userdeck.php (modified) (3 diffs)

userdeck/trunk/readme.txt

@@ -1 +1 @@
 === UserDeck ===
 Contributors: userdeck
-Tags: userdeck, customer support, customer service, knowledge base
+Tags: userdeck, customer support, customer service, knowledge base, faq, frequently asked questions, documentation, docs
 Requires at least: 3.0.1
 Tested up to: 3.9.1
-Stable tag: 1.0.0
+Stable tag: 1.0.1
 
 Easily integrate UserDeck's embedded support software into your WordPress website.
@@ -14 +14 @@
 = Features =
 
-Guides is a knowledge base widget that embeds into any page of your WordPress website. You can embed a collection, category, or a single article instead of an entire knowledge base. It inherits your theme's design. Your users will save time by finding answers to common questions through self service.
+Guides is a knowledge base widget that embeds inline to any page of your WordPress website.
+
+It inherits your theme's design and blends right in.
+
+You can embed a collection, category, or a single article instead of an entire knowledge base.
+
+Your users will save time by finding answers to common questions through self service.
+
+[Learn more about Guides](http://userdeck.com/guides?utm_source=wordpress&utm_medium=link&utm_campaign=website)
 
 == Installation ==
@@ -34 +42 @@
 == Changelog ==
 
-= 1.0.0 (May 2014) =
+= 1.0.1 =
+* Improved connect flows
+
+= 1.0.0 =
 * Initial release

userdeck/trunk/userdeck.js

@@ -5 +5 @@
     guides_key: null,
     
-    showConnect : function () {
-        var wrapper = jQuery('#userdeck-wrapper');
+    showConnect : function (type) {
+        var wrapper = jQuery('#connect-frame');
 
-        var iframe = jQuery('<iframe id="iframe-guides" src="http://app.userdeck.com/install/guides" width="400" height="600" frameborder="0" ALLOWTRANSPARENCY="true"></iframe>')
+        var iframe = jQuery('<iframe id="iframe-guides" src="http://app.userdeck.com/' + type + '?redir=install/guides" width="400" height="600" frameborder="0" ALLOWTRANSPARENCY="true"></iframe>')
 
         wrapper.append(iframe);
@@ -25 +25 @@
     disableConnect : function () {
         jQuery('#button-connect').hide();
+        jQuery('#feature-wrapper').hide();
         //.removeClass('button-primary').addClass('button-secondary')
     },

userdeck/trunk/userdeck.php

@@ -185 +185 @@
             <?php screen_icon( 'options-general' ); ?>
             <h2>UserDeck</h2>
+
+            <p><a href="http://userdeck.com?utm_source=wordpress&utm_medium=link&utm_campaign=website" target="_blank">UserDeck</a> provides customer support software that embeds into your WordPress website.</p>
             
             <?php if ($show_guides_options): ?>
@@ -272 +274 @@
             <?php else: ?>
                 <p>
-                    A UserDeck account is required to use the plugin. <a href="http://userdeck.com?utm_source=wordpress&utm_medium=link&utm_campaign=website" target="_blank">Learn more about UserDeck</a>.
+                    An account is required to use the plugin. Don't have an account? You can create one for free.
                 </p>
-
-                <p>Connect below to login or signup. Don't have an account? You can create a new account for free.</p>
                 
-                <p>
-                    <a href="javascript:void(0)" onclick="UserDeck.showConnect()" class="button button-primary button-hero" id="button-connect">Connect to UserDeck</a>
-                </p>
+                <div id="button-connect">
+                    <h3>Connect to UserDeck</h3>
+                    <a href="javascript:void(0)" onclick="UserDeck.showConnect('login')" class="button button-primary button-hero">Login</a>
+                    <span style="margin: 0 10px; font-size: 16px; line-height: 42px;">or</span>
+                    <a href="javascript:void(0)" onclick="UserDeck.showConnect('signup')" class="button button-primary button-hero">Signup</a>
+                </div>
+
+                <div id="connect-frame"></div>
+        
+                <div id="feature-wrapper">
+                    <h2>Features</h2>
+
+                    <h3>Guides</h3>
+
+                    <p>
+                        A knowledge base widget that embeds inline to any page of your WordPress website.
+                    </p>
+
+                    <p>
+                        It inherits your theme's design and blends right in.
+                    </p>
+
+                    <p>
+                        You can embed a collection, category, or a single article instead of an entire knowledge base.
+                    </p>
+
+                    <p>
+                        Your users will save time by finding answers to common questions through self service.
+                    </p>
+
+                    <p>
+                        <a href="http://userdeck.com/guides?utm_source=wordpress&utm_medium=link&utm_campaign=website" target="_blank">Learn more about Guides</a>
+                    </p>
+                </div>
 
                 <script type="text/javascript">
@@ -287 +318 @@
                 
                 <style type="text/css">
+                    #button-connect { margin: 40px 0; }
                     #iframe-guides { display: none; box-shadow: 0 1px 1px rgba(0,0,0,.04); border: 1px solid #e5e5e5; padding: 2px; background: #fff; }
                 </style>