Changeset 1168115

Timestamp:

05/27/2015 03:16:48 AM (10 years ago)

Author:

userdeck

Message:

Tagging version 1.1.0

Location:

userdeck

Files:

• tags/1.1.0 (added)
• tags/1.1.0/readme.txt (added)
• tags/1.1.0/userdeck.js (added)
• tags/1.1.0/userdeck.php (added)
• trunk/readme.txt (modified) (5 diffs)
• trunk/userdeck.js (modified) (3 diffs)
• trunk/userdeck.php (modified) (19 diffs)

userdeck/trunk/readme.txt

@@ -1 +1 @@
 === UserDeck Customer Support ===
 Contributors: userdeck
-Tags: userdeck, customer support, customer service, knowledge base, faq, frequently asked questions, documentation, docs, widgets
+Tags: userdeck, customer support, customer service, help, support, helpdesk, help desk, ticket, ticketing, knowledge base, knowledgebase, faq, frequently asked questions, documentation, docs, answers, widgets, zendesk
 Requires at least: 3.7
 Tested up to: 4.2.2
-Stable tag: 1.0.7
+Stable tag: 1.1.0
 
 Easily integrate UserDeck's embedded support software into your WordPress website.
@@ -13 +13 @@
 
 = Features =
+
+**Conversations**
+* A ticketing system to allow your customers to contact you through email and embedded widgets.
+* Inline widget can be used as a contact form or a ticket portal to let users manage tickets from inside the WordPress control panel.
+* Integrates with WordPress for authenticated sessions to track user name and email on tickets.
+
+[Learn more about Conversations](http://userdeck.com/conversations?utm_source=wordpress&utm_medium=link&utm_campaign=website)
 
 **Guides**
@@ -30 +37 @@
 3. Go to the settings page.
 4. Connect to UserDeck.
-5. Choose one of the integration methods for Guides on the page by either creating a new page or by adding to an existing page.
+5. Choose one of the integration methods for Conversations or Guides on the page by either creating a new page or by adding to an existing page.
 
 == Screenshots ==
@@ -39 +46 @@
 
 == Upgrade Notice ==
+
+= 1.1.0 =
+Added new Conversations ticketing system integration.
 
 = 1.0.7 =
@@ -53 +63 @@
 
 == Changelog ==
+
+= 1.1.0 =
+* Added integration with Conversations
 
 = 1.0.7 =

userdeck/trunk/userdeck.js

@@ -2 +2 @@
     
     connected: false,
+
+    account_key: null,
+
+    mailbox_id: null,
     
     guides_key: null,
     
-    showConnect : function (type) {
+    showConnect : function (type, start) {
         var wrapper = jQuery('#connect-frame');
+        
+        if (!start) {
+            start = 'install';
+        }
+        else {
+            start = 'install/' + start;
+        }
 
-        var iframe = jQuery('<iframe id="iframe-guides" src="https://app.userdeck.com/' + type + '?redir=install/guides" width="400" height="600" frameborder="0" ALLOWTRANSPARENCY="true"></iframe>')
+        var iframe = jQuery('<iframe id="iframe-guides" src="https://app.userdeck.com/' + type + '?redir=' + start + '" width="400" height="600" frameborder="0" ALLOWTRANSPARENCY="true"></iframe>')
 
         wrapper.append(iframe);
@@ -28 +39 @@
     },
     
+    updateSettings : function (options) {
+        options['userdeck-submit'] = 1;
+        options['_wpnonce'] = plugin_settings_nonce;
+        
+        jQuery.post(plugin_url, options, function () {
+            window.location.reload();
+        });
+    },
+    
     _receiveMessage : function (event) {
         if (event.data && 'string' === typeof event.data && 'ud:' == event.data.substr(0, 3)) {
             var msg = jQuery.parseJSON(event.data.substr(3));
             
-            if ('guideKeyDetected' == msg.event) {
+            if ('installDetected' == msg.event) {
+                var account_key = msg.message.account_key;
+                var mailbox_id = msg.message.mailbox_id;
+                var guides_key = msg.message.guide_key;
+                var data = {
+                    account_key: account_key,
+                    mailbox_id: mailbox_id,
+                    guides_key: guides_key
+                };
+                
+                UserDeck.connected = true;
+                
+                UserDeck.account_key = account_key;
+                UserDeck.mailbox_id = mailbox_id;
+                UserDeck.guides_key = guides_key;
+                
+                UserDeck.disableConnect();
+                UserDeck.hideConnect();
+                
+                UserDeck.updateSettings(data);
+            }
+            else if ('conversationKeysDetected' == msg.event) {
+                var account_key = msg.message.account_key;
+                var mailbox_id = msg.message.mailbox_id;
+                var data = {
+                    account_key: account_key,
+                    mailbox_id: mailbox_id
+                };
+                
+                UserDeck.connected = true;
+                
+                UserDeck.account_key = account_key;
+                UserDeck.mailbox_id = mailbox_id;
+                
+                UserDeck.disableConnect();
+                UserDeck.hideConnect();
+                
+                UserDeck.updateSettings(data);
+            }
+            else if ('guideKeyDetected' == msg.event) {
                 var guides_key = msg.message;
                 
@@ -40 +99 @@
                 
                 UserDeck.disableConnect();
-                
                 UserDeck.hideConnect();
                 
-                jQuery.post(plugin_url, {'userdeck-submit': 1, guides_key: guides_key, _wpnonce: plugin_settings_nonce}, function () {
-                    window.location.reload();
-                });
+                UserDeck.updateSettings({guides_key: guides_key});
             }
         }

userdeck/trunk/userdeck.php

@@ -4 +4 @@
  * Plugin URI: http://wordpress.org/plugins/userdeck
  * Description: Embedded customer support from <a href="http://userdeck.com?utm_source=wordpress&utm_medium=link&utm_campaign=website">UserDeck</a> that embeds into your website.
- * Version: 1.0.7
+ * Version: 1.1.0
  * Author: UserDeck
  * Author URI: http://userdeck.com?utm_source=wordpress&utm_medium=link&utm_campaign=website
@@ -39 +39 @@
         if ( is_admin() ) {
             add_action( 'admin_menu', array( $this, 'create_menu_page') );
+            add_action( 'admin_menu', array( $this, 'create_tickets_page' ) );
             add_action( 'admin_init', array( $this, 'settings_init') );
             add_action( 'admin_init', array( $this, 'migrate_guides_shortcodes') );
             add_action( 'admin_notices', array( $this, 'admin_notice') );
         }
+        
+        add_action( 'admin_bar_menu', array( $this, 'admin_bar_menu' ), 99 );
 
         add_action( 'wp_head', array( $this, 'output_escaped_fragment_meta' ) );
         
+        add_action( 'wp_footer', array( $this, 'output_conversations_overlay_code' ) );
+        
+        add_filter( 'the_content', array( $this, 'output_conversations_page' ) );
         add_filter( 'the_content', array( $this, 'output_guides_page' ) );
         
@@ -92 +98 @@
         }
         
-        $options['migrate_guides_shortcodes'] = 1;
-        
-        $this->update_settings($options);
+        $this->update_settings(array('migrate_guides_shortcodes' => 1));
         
     }
@@ -104 +108 @@
     public function get_settings() {
         
-        $defaults = array('guides_key' => null);
+        $defaults = array(
+            'account_key' => null,
+            'mailbox_id' => null,
+            'guides_key' => null,
+            'ticket_portal' => 0,
+            'overlay_widget' => 0,
+        );
         
         $options = get_option( 'userdeck', $defaults );
@@ -120 +130 @@
      */
     public function update_settings( $options ) {
+        
+        $options = wp_parse_args($options, $this->get_settings());
 
         update_option( 'userdeck', $options );
@@ -136 +148 @@
         
         return false;
+        
+    }
+    
+    public function admin_bar_menu()
+    {
+        
+        $options = $this->get_settings();
+        
+        if ( $options['ticket_portal'] != 1 ) {
+            return;
+        }
+        
+        global $wp_admin_bar;
+        
+        $wp_admin_bar->add_menu(array(
+            'title' => 'Tickets',
+            'href'  => admin_url( 'admin.php?page=userdeck_tickets' ),
+            'id'    => 'userdeck_admin_bar_menu',
+        ));
         
     }
@@ -210 +241 @@
     }
     
+    public function output_conversations_page( $content, $hide_list = true ) {
+        
+        global $post;
+        
+        if ( isset( $post ) && is_page() ) {
+        
+            $account_key = get_post_meta($post->ID, 'userdeck_account_key', true);
+            $mailbox_id = get_post_meta($post->ID, 'userdeck_mailbox_id', true);
+            
+            if (!empty($account_key) && !empty($mailbox_id)) {
+                return $this->output_conversations_inline_code($account_key, $mailbox_id, $hide_list);
+            }
+            
+        }
+        
+        return $content;
+        
+    }
+    
+    /**
+     * output the userdeck conversations overlay javascript install code
+     * @return null
+     */
+    public function output_conversations_overlay_code($hide_list = false) {
+        
+        $options = $this->get_settings();
+        
+        if ( $options['overlay_widget'] != 1 ) {
+            return;
+        }
+        
+        $account_key = $options['account_key'];
+        $mailbox_id = $options['mailbox_id'];
+        
+        ?>
+            <script>
+            userdeck_settings = {
+                <?php
+                if ( is_user_logged_in() ) :
+                    $current_user = wp_get_current_user();
+                    ?>
+                    customer_email: '<?php echo $current_user->user_email ?>',
+                    customer_name: '<?php echo $current_user->user_firstname . ' ' . $current_user->user_lastname ?>',
+                    customer_external_id: '<?php echo $current_user->ID ?>',
+                    <?php
+                endif;
+                ?>
+                mailbox_id: '<?php echo $mailbox_id ?>',
+                conversations_overlay: {"key":"<?php echo $account_key ?>","settings":{
+                    <?php if ($hide_list): ?>
+                    "hide_conversation_list":true
+                    <?php endif; ?>
+                }}
+            };
+
+            (function(s,o,g,a,m){a=s.createElement(o),m=s.getElementsByTagName(o)[0];
+            a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+            })(document,'script','//widgets.userdeck.com/conversations.js');
+            </script>
+            <noscript><a href="http://userdeck.com">Customer Support Software</a></noscript>', $mailbox_id, $account_key);
+        <?php
+        
+    }
+    
+    /**
+     * output the userdeck conversations inline javascript install code
+     * @return null
+     */
+    public function output_conversations_inline_code($account_key, $mailbox_id, $hide_list = true) {
+        
+        ob_start();
+        ?>
+            <div id="ud-contact"></div>
+            <script src="//widgets.userdeck.com/conversations.js"></script>
+            <script>
+            userdeck_settings = {
+                <?php
+                if ( is_user_logged_in() ) :
+                    $current_user = wp_get_current_user();
+                    ?>
+                    customer_email: '<?php echo $current_user->user_email ?>',
+                    customer_name: '<?php echo $current_user->user_firstname . ' ' . $current_user->user_lastname ?>',
+                    customer_external_id: '<?php echo $current_user->ID ?>',
+                    <?php
+                endif;
+                ?>
+                mailbox_id: '<?php echo $mailbox_id ?>'
+            };
+
+            UserDeck.factory("conversations", {"key":"<?php echo $account_key ?>","settings":{
+                <?php if ($hide_list): ?>
+                "hide_conversation_list":true
+                <?php endif; ?>
+            },"el":"#ud-contact"});
+            </script>
+            <noscript><a href="http://userdeck.com">Customer Support Software</a></noscript>
+        <?php
+        $content = ob_get_clean();
+        
+        return $content;
+        
+    }
+    
     public function output_guides_page( $content ) {
         
@@ -293 +427 @@
         
     }
-
+    
     public function output_escaped_fragment_meta() {
 
@@ -313 +447 @@
      */
     public function admin_notice() {
+        
+        if ( isset( $_GET['page'] ) && $_GET['page'] == 'userdeck' && isset( $_GET['settings_updated'] ) ) {
+            
+            ?>
+            <div class="updated">
+                <p>Settings successfully saved.</p>
+            </div>
+            <?php
+            
+        }
         
         if ( isset( $_GET['page'] ) && $_GET['page'] == 'userdeck' && isset( $_GET['page_added'] ) ) {
@@ -366 +510 @@
     }
     
+    public function create_tickets_page() {
+        
+        $options = $this->get_settings();
+        
+        if ( $options['ticket_portal'] != 1 ) {
+            return;
+        }
+        
+        add_object_page( 'Tickets', 'Tickets', 'read', 'userdeck_tickets', array($this, 'render_tickets_page'), 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjNweCIgaGVpZ2h0PSI2M3B4IiB2aWV3Qm94PSIwIDAgNjMgNjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYzIDYzIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMzEsMy45QzE1LjgsMy45LDMuNCwxNi4yLDMuNCwzMS41YzAsMTUuMywxMi40LDI3LjYsMjcuNiwyNy42YzE1LjMsMCwyNy42LTEyLjQsMjcuNi0yNy42QzU4LjcsMTYuMiw0Ni4zLDMuOSwzMSwzLjl6IE00Ni45LDM3LjVjMCwzLjEtMi40LDUuMy01LjEsNS4zaC02LjVMMzIsNDguM2MtMC4zLDAuNC0wLjcsMC44LTEuMSwwLjhjLTAuNCwwLTAuOS0wLjQtMS4xLTAuOGwtMy4zLTUuNGgtNi4xYy0yLjcsMC01LjQtMi4yLTUuNC01LjN2LTEzYzAtMy4xLDIuNy01LjcsNS40LTUuN2gyMS41YzIuNywwLDUuMSwyLjYsNS4xLDUuN1YzNy41eiIvPjwvc3ZnPg==' );
+        
+    }
+    
+    public function render_tickets_page() {
+        
+        $options = $this->get_settings();
+        
+        $account_key = $options['account_key'];
+        $mailbox_id = $options['mailbox_id'];
+        ?>
+        
+        <div class="wrap">
+            <h2>Tickets</h2>
+            
+            <div id="poststuff">
+                <div class="postbox-container" style="width:65%;">
+                
+                    <?php echo $this->output_conversations_inline_code($account_key, $mailbox_id, false); ?>
+                    
+                </div>
+            </div>
+        </div>
+        <?php
+    }
+    
     /**
      * output the options page
@@ -381 +559 @@
         }
 
+        $account_key = $options['account_key'];
+        $mailbox_id = $options['mailbox_id'];
         $guides_key = $options['guides_key'];
-        
+        $ticket_portal = $options['ticket_portal'];
+        $overlay_widget = $options['overlay_widget'];
+        
+        $show_options = false;
+        $show_conversations_options = false;
         $show_guides_options = false;
+        
+        if ($account_key || $guides_key) {
+            $show_options = true;
+        }
+        
+        if ($account_key) {
+            $show_conversations_options = true;
+        }
         
         if ($guides_key) {
             $show_guides_options = true;
         }
-        
+
+        if ( isset( $_GET['tab'] ) ) {
+            $tab = $_GET['tab'];
+        }
+        else {
+            $tab = 'conversations';
+        }
         ?>
         
@@ -396 +594 @@
             <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): ?>
-                <h2>Guides</h2>
+            <?php if ($show_options): ?>
+                <h2 class="nav-tab-wrapper" id="userdeck-tabs">
+                    <a href="<?php echo admin_url('admin.php?page=userdeck&tab=conversations') ?>" id="conversations-tab" class="nav-tab <?php if ($tab == 'conversations'): ?>nav-tab-active<?php endif; ?>">Conversations</a>
+                    <a href="<?php echo admin_url('admin.php?page=userdeck&tab=guides') ?>" id="guides-tab" class="nav-tab <?php if ($tab == 'guides'): ?>nav-tab-active<?php endif; ?>">Guides</a>
+                </h2>
                 
-                <p>Guides is a knowledge base widget that embeds inline into any page of your WordPress pages and inherits the styling and blends in.</p>
-                
-                <div id="poststuff">
-                    <div class="postbox-container" style="width:65%;">
-                        <?php if (current_user_can('publish_pages')) : ?>
-                            <form method="post" action="<?php echo admin_url('admin.php?page=userdeck') ?>">
-                                <div class="postbox">
-                                    <h3 class="hndle" style="cursor: auto;"><span>Create a Knowledge Base Page</span></h3>
-                                    
-                                    <div class="inside">
-                                        <p>Create a new page with the Guides knowledge base inline widget.</p>
-                                        
-                                        <table class="form-table">
-                                            <tbody>
-                                                <tr valign="top">
-                                                    <th scope="row">
-                                                        <label for="page-title">Page Title</label>
-                                                    </th>
-                                                    <td>
-                                                        <input name="page_title" type="text" value="" placeholder="Support" id="page-title" />
-                                                        <br class="clear">
-                                                        <p class="description">The title of the new knowledge base page to create.</p>
-                                                    </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                        
-                                        <p>
-                                            <?php wp_nonce_field('userdeck-page-create'); ?>
-                                            <input type="hidden" name="guides_key" value="<?php echo $guides_key ?>" />
-                                            <input class="button-primary" name="userdeck-page-create" type="submit" value="Create Page" />
-                                        </p>
-                                    </div>
-                                </div>
-                            </form>
-                        <?php endif; ?>
+                <?php if ($tab == 'conversations'): ?>
+                    <?php if ($show_conversations_options): ?>
+                        <p>Conversations is ticketing system that embeds either inline on any page of your WordPress site as a contact form or an overlay widget.</p>
+                        <p>You can also allow your users to manage tickets from the WordPress control panel as a ticket portal.</p>
                         
-                        <?php if (current_user_can('edit_pages')) : ?>
-                            <?php if (count($pages) > 0): ?>
+                        <div id="poststuff">
+                            <div class="postbox-container" style="width:65%;">
                                 <form method="post" action="<?php echo admin_url('admin.php?page=userdeck') ?>">
                                     <div class="postbox">
-                                        <h3 class="hndle" style="cursor: auto;"><span>Add Knowledge Base to Page</span></h3>
+                                        <h3 class="hndle" style="cursor: auto;"><span>Global Settings</span></h3>
                                         
                                         <div class="inside">
-                                            <p>Add the Guides knowledge base inline widget to an existing page.</p>
-                                            
                                             <table class="form-table">
                                                 <tbody>
                                                     <tr valign="top">
                                                         <th scope="row">
-                                                            <label for="page-id">Page</label>
+                                                            Ticket Portal
                                                         </th>
                                                         <td>
-                                                            <select name="page_id" id="page-id">
-                                                                <?php foreach ($pages as $id => $title): ?>
-                                                                    <option value="<?php echo $id ?>"><?php echo $title ?></option>
-                                                                <?php endforeach; ?>
-                                                            </select>
+                                                            <input name="ticket_portal" type="checkbox" value="on" id="ticket-portal" class="checkbox double"<?php if ($ticket_portal == 1): ?> checked<?php endif; ?> />
+                                                            <label for="ticket-portal">Enable Ticket Portal</label>
                                                             <br class="clear">
-                                                            <p class="description">The title of the existing page to update with a knowledge base.</p>
+                                                            <p class="description">Enable to allow your WordPress users to manage tickets if logged in from the control panel menu.</p>
+                                                        </td>
+                                                    </tr>
+                                                    <tr valign="top">
+                                                        <th scope="row">
+                                                            Overlay Widget
+                                                        </th>
+                                                        <td>
+                                                            <input name="overlay_widget" type="checkbox" value="on" id="overlay-widget" class="checkbox double"<?php if ($overlay_widget == 1): ?> checked<?php endif; ?> />
+                                                            <label for="overlay-widget">Enable Overlay Widget</label>
+                                                            <br class="clear">
+                                                            <p class="description">Enable to show an overlay widget which lets website visitors contact you on any page of your WordPress site and manage conversations.</p>
                                                         </td>
                                                     </tr>
@@ -465 +640 @@
                                             
                                             <p>
-                                                <?php wp_nonce_field('userdeck-page-add'); ?>
-                                                <input type="hidden" name="guides_key" value="<?php echo $guides_key ?>" />
-                                                <input class="button-primary" name="userdeck-page-add" type="submit" value="Add to Page" />
+                                                <?php wp_nonce_field('userdeck-page-settings'); ?>
+                                                <input class="button-primary" name="userdeck-page-settings" type="submit" value="Save Changes" />
                                             </p>
                                         </div>
                                     </div>
                                 </form>
-                            <?php endif; ?>
-                        <?php endif; ?>
-                    </div>
-                </div>
+                                
+                                <?php if (current_user_can('publish_pages')) : ?>
+                                    <form method="post" action="<?php echo admin_url('admin.php?page=userdeck') ?>">
+                                        <div class="postbox">
+                                            <h3 class="hndle" style="cursor: auto;"><span>Create a Contact Form Page</span></h3>
+                                            
+                                            <div class="inside">
+                                                <p>Create a new page with the Conversations inline widget as a contact form.</p>
+                                                
+                                                <table class="form-table">
+                                                    <tbody>
+                                                        <tr valign="top">
+                                                            <th scope="row">
+                                                                <label for="conversations-page-title">Page Title</label>
+                                                            </th>
+                                                            <td>
+                                                                <input name="page_title" type="text" value="" placeholder="Contact" id="conversations-page-title" />
+                                                                <br class="clear">
+                                                                <p class="description">The title of the new contact form page to create.</p>
+                                                            </td>
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+                                                
+                                                <p>
+                                                    <?php wp_nonce_field('userdeck-page-conversations-create'); ?>
+                                                    <input type="hidden" name="account_key" value="<?php echo $account_key ?>" />
+                                                    <input type="hidden" name="mailbox_id" value="<?php echo $mailbox_id ?>" />
+                                                    <input class="button-primary" name="userdeck-page-conversations-create" type="submit" value="Create Page" />
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </form>
+                                <?php endif; ?>
+                                
+                                <?php if (current_user_can('edit_pages')) : ?>
+                                    <?php if (count($pages) > 0): ?>
+                                        <form method="post" action="<?php echo admin_url('admin.php?page=userdeck') ?>">
+                                            <div class="postbox">
+                                                <h3 class="hndle" style="cursor: auto;"><span>Add Contact Form to Page</span></h3>
+                                                
+                                                <div class="inside">
+                                                    <p>Add the Conversations inline widget as a contact form to an existing page.</p>
+                                                    
+                                                    <table class="form-table">
+                                                        <tbody>
+                                                            <tr valign="top">
+                                                                <th scope="row">
+                                                                    <label for="conversations-page-id">Page</label>
+                                                                </th>
+                                                                <td>
+                                                                    <select name="page_id" id="conversations-page-id">
+                                                                        <?php foreach ($pages as $id => $title): ?>
+                                                                            <option value="<?php echo $id ?>"><?php echo $title ?></option>
+                                                                        <?php endforeach; ?>
+                                                                    </select>
+                                                                    <br class="clear">
+                                                                    <p class="description">The title of the existing page to update with a contact form.</p>
+                                                                </td>
+                                                            </tr>
+                                                        </tbody>
+                                                    </table>
+                                                    
+                                                    <p>
+                                                        <?php wp_nonce_field('userdeck-page-conversations-add'); ?>
+                                                        <input type="hidden" name="account_key" value="<?php echo $account_key ?>" />
+                                                        <input type="hidden" name="mailbox_id" value="<?php echo $mailbox_id ?>" />
+                                                        <input class="button-primary" name="userdeck-page-conversations-add" type="submit" value="Add to Page" />
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </form>
+                                    <?php endif; ?>
+                                <?php endif; ?>
+                            </div>
+                        </div>
+                    <?php else: ?>
+                        <div id="button-connect">
+                            <h3>Enable Conversations</h3>
+                            <p>Your account does not have the Conversations enabled. You can enable it below to start a free trial.</p>
+                            <a href="javascript:void(0)" onclick="UserDeck.showConnect('login', 'conversations')" class="button button-primary button-hero">Enable Conversations</a>
+                        </div>
+
+                        <div id="connect-frame"></div>
+                
+                        <div id="feature-wrapper">
+                            <h2>Converations Features</h2>
+
+                            <ul>
+                                <li>
+                                    A ticketing system to allow your customers to contact you through email and embedded widgets.
+                                </li>
+                                <li>
+                                    Inline widget can be used as a contact form or a ticket portal to let users manage tickets from inside the WordPress control panel.
+                                </li>
+                                <li>
+                                    Integrates with WordPress for authenticated sessions to track user name and email on tickets.
+                                </li>
+                            </ul>
+
+                            <p>
+                                <a href="http://userdeck.com/conversations?utm_source=wordpress&utm_medium=link&utm_campaign=website" target="_blank">Learn more about Conversations</a>
+                            </p>
+                        </div>
+
+                        <script type="text/javascript">
+                            var plugin_settings_nonce = "<?php echo wp_create_nonce('userdeck-options'); ?>";
+                            var plugin_url = "<?php echo get_admin_url() . add_query_arg( array('page' => 'userdeck'), 'admin.php' ); ?>";
+                        </script>
+                        
+                        <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; }
+                            #feature-wrapper ul { list-style-type: disc; padding-left: 20px; }
+                        </style>
+                    <?php endif; ?>
+                <?php elseif ($tab == 'guides'): ?>
+                    <p>Guides is a knowledge base widget that embeds inline into any page of your WordPress pages and inherits the styling and blends in.</p>
+                    
+                    <?php if ($show_guides_options): ?>
+                        <div id="poststuff">
+                            <div class="postbox-container" style="width:65%;">
+                                <?php if (current_user_can('publish_pages')) : ?>
+                                    <form method="post" action="<?php echo admin_url('admin.php?page=userdeck') ?>">
+                                        <div class="postbox">
+                                            <h3 class="hndle" style="cursor: auto;"><span>Create a Knowledge Base Page</span></h3>
+                                            
+                                            <div class="inside">
+                                                <p>Create a new page with the Guides knowledge base inline widget.</p>
+                                                
+                                                <table class="form-table">
+                                                    <tbody>
+                                                        <tr valign="top">
+                                                            <th scope="row">
+                                                                <label for="guides-page-title">Page Title</label>
+                                                            </th>
+                                                            <td>
+                                                                <input name="page_title" type="text" value="" placeholder="Support" id="guides-page-title" />
+                                                                <br class="clear">
+                                                                <p class="description">The title of the new knowledge base page to create.</p>
+                                                            </td>
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+                                                
+                                                <p>
+                                                    <?php wp_nonce_field('userdeck-page-guides-create'); ?>
+                                                    <input type="hidden" name="guides_key" value="<?php echo $guides_key ?>" />
+                                                    <input class="button-primary" name="userdeck-page-guides-create" type="submit" value="Create Page" />
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </form>
+                                <?php endif; ?>
+                                
+                                <?php if (current_user_can('edit_pages')) : ?>
+                                    <?php if (count($pages) > 0): ?>
+                                        <form method="post" action="<?php echo admin_url('admin.php?page=userdeck') ?>">
+                                            <div class="postbox">
+                                                <h3 class="hndle" style="cursor: auto;"><span>Add Knowledge Base to Page</span></h3>
+                                                
+                                                <div class="inside">
+                                                    <p>Add the Guides knowledge base inline widget to an existing page.</p>
+                                                    
+                                                    <table class="form-table">
+                                                        <tbody>
+                                                            <tr valign="top">
+                                                                <th scope="row">
+                                                                    <label for="guides-page-id">Page</label>
+                                                                </th>
+                                                                <td>
+                                                                    <select name="page_id" id="guides-page-id">
+                                                                        <?php foreach ($pages as $id => $title): ?>
+                                                                            <option value="<?php echo $id ?>"><?php echo $title ?></option>
+                                                                        <?php endforeach; ?>
+                                                                    </select>
+                                                                    <br class="clear">
+                                                                    <p class="description">The title of the existing page to update with a knowledge base.</p>
+                                                                </td>
+                                                            </tr>
+                                                        </tbody>
+                                                    </table>
+                                                    
+                                                    <p>
+                                                        <?php wp_nonce_field('userdeck-page-guides-add'); ?>
+                                                        <input type="hidden" name="guides_key" value="<?php echo $guides_key ?>" />
+                                                        <input class="button-primary" name="userdeck-page-guides-add" type="submit" value="Add to Page" />
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </form>
+                                    <?php endif; ?>
+                                <?php endif; ?>
+                            </div>
+                        </div>
+                    <?php else: ?>
+                        <div id="button-connect">
+                            <h3>Enable Guides</h3>
+                            <p>Your account does not have the Guides enabled. You can enable it below to start a free trial.</p>
+                            <a href="javascript:void(0)" onclick="UserDeck.showConnect('login', 'guides')" class="button button-primary button-hero">Enable Guides</a>
+                        </div>
+
+                        <div id="connect-frame"></div>
+                
+                        <div id="feature-wrapper">
+                            <h2>Converations Features</h2>
+
+                            <ul>
+                                <li>
+                                    A ticketing system to allow your customers to contact you through email and embedded widgets.
+                                </li>
+                                <li>
+                                    Inline widget can be used as a contact form or a ticket portal to let users manage tickets from inside the WordPress control panel.
+                                </li>
+                                <li>
+                                    Integrates with WordPress for authenticated sessions to track user name and email on tickets.
+                                </li>
+                            </ul>
+
+                            <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">
+                            var plugin_settings_nonce = "<?php echo wp_create_nonce('userdeck-options'); ?>";
+                            var plugin_url = "<?php echo get_admin_url() . add_query_arg( array('page' => 'userdeck'), 'admin.php' ); ?>";
+                        </script>
+                        
+                        <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; }
+                            #feature-wrapper ul { list-style-type: disc; padding-left: 20px; }
+                        </style>
+                    <?php endif; ?>
+                <?php endif; ?>
             <?php else: ?>
                 <p>
@@ -547 +953 @@
             if ( isset( $_POST['userdeck-submit'] ) ) {
                 if ( isset( $_REQUEST['_wpnonce'] ) && wp_verify_nonce( $_REQUEST['_wpnonce'], 'userdeck-options' ) ) {
-                    $options = $this->validate_settings( array('guides_key' => $_POST['guides_key']) );
+                    $options = array();
+                    
+                    if ( isset( $_POST['account_key'] ) ) {
+                        $options['account_key'] = $_POST['account_key'];
+                    }
+                    
+                    if ( isset( $_POST['mailbox_id'] ) ) {
+                        $options['mailbox_id'] = $_POST['mailbox_id'];
+                    }
+                    
+                    if ( isset( $_POST['guides_key'] ) ) {
+                        $options['guides_key'] = $_POST['guides_key'];
+                    }
+                    
+                    $options = $this->validate_settings( $options );
                     $this->update_settings( $options );
                     exit;
@@ -553 +973 @@
             }
             
+            if ( isset( $_POST['userdeck-page-settings'] ) ) {
+                if ( isset( $_REQUEST['_wpnonce'] ) && wp_verify_nonce( $_REQUEST['_wpnonce'], 'userdeck-page-settings' ) ) {
+                    $options = array();
+                    
+                    if ( isset( $_POST['ticket_portal'] ) && $_POST['ticket_portal'] == 'on' ) {
+                        $ticket_portal = 1;
+                    }
+                    else {
+                        $ticket_portal = 0;
+                    }
+                    
+                    if ( isset( $_POST['overlay_widget'] ) && $_POST['overlay_widget'] == 'on' ) {
+                        $overlay_widget = 1;
+                    }
+                    else {
+                        $overlay_widget = 0;
+                    }
+                    
+                    $options['ticket_portal'] = $ticket_portal;
+                    $options['overlay_widget'] = $overlay_widget;
+                    
+                    $this->update_settings($options);
+                    
+                    wp_redirect( add_query_arg( array('page' => 'userdeck', 'settings_updated' => 1), 'admin.php' ) );
+                    exit;
+                }
+            }
+            
             if (current_user_can('publish_pages')) {
-                if ( isset( $_POST['userdeck-page-create'] ) ) {
-                    if ( isset( $_REQUEST['_wpnonce'] ) && wp_verify_nonce( $_REQUEST['_wpnonce'], 'userdeck-page-create' ) ) {
+                if ( isset( $_POST['userdeck-page-conversations-create'] ) ) {
+                    if ( isset( $_REQUEST['_wpnonce'] ) && wp_verify_nonce( $_REQUEST['_wpnonce'], 'userdeck-page-conversations-create' ) ) {
+                        $page_title = wp_kses( trim( $_POST['page_title'] ), array() );
+                        $account_key = $_POST['account_key'];
+                        $mailbox_id = $_POST['mailbox_id'];
+                        
+                        if (!empty($page_title) && !empty($account_key) && !empty($mailbox_id)) {
+                            $page_id = wp_insert_post( array(
+                                'post_title'     => $page_title,
+                                'post_status'    => 'publish',
+                                'post_author'    => get_current_user_id(),
+                                'post_type'      => 'page',
+                                'comment_status' => 'closed',
+                            ) );
+                            
+                            update_post_meta( $page_id, 'userdeck_account_key', $account_key );
+                            update_post_meta( $page_id, 'userdeck_mailbox_id', $mailbox_id );
+                            
+                            wp_redirect( add_query_arg( array('page' => 'userdeck', 'page_added' => 1, 'page_id' => $page_id, 'tab' => 'conversations'), 'admin.php' ) );
+                            exit;
+                        }
+                    }
+                }
+                elseif ( isset( $_POST['userdeck-page-guides-create'] ) ) {
+                    if ( isset( $_REQUEST['_wpnonce'] ) && wp_verify_nonce( $_REQUEST['_wpnonce'], 'userdeck-page-guides-create' ) ) {
                         $page_title = wp_kses( trim( $_POST['page_title'] ), array() );
                         $guides_key = $_POST['guides_key'];
@@ -570 +1041 @@
                             update_post_meta( $page_id, 'userdeck_guides_key', $guides_key );
                             
-                            wp_redirect( add_query_arg( array('page' => 'userdeck', 'page_added' => 1, 'page_id' => $page_id), 'admin.php' ) );
+                            wp_redirect( add_query_arg( array('page' => 'userdeck', 'page_added' => 1, 'page_id' => $page_id, 'tab' => 'guides'), 'admin.php' ) );
                             exit;
                         }
@@ -578 +1049 @@
             
             if (current_user_can('edit_pages')) {
-                if ( isset( $_POST['userdeck-page-add'] ) ) {
-                    if ( isset( $_REQUEST['_wpnonce'] ) && wp_verify_nonce( $_REQUEST['_wpnonce'], 'userdeck-page-add' ) ) {
+                if ( isset( $_POST['userdeck-page-conversations-add'] ) ) {
+                    if ( isset( $_REQUEST['_wpnonce'] ) && wp_verify_nonce( $_REQUEST['_wpnonce'], 'userdeck-page-conversations-add' ) ) {
+                        $page_id = absint( $_POST['page_id'] );
+                        $account_key = $_POST['account_key'];
+                        $mailbox_id = absint( $_POST['mailbox_id'] );
+                        
+                        if (!empty($page_id) && !empty($account_key) && !empty($mailbox_id)) {
+                            update_post_meta( $page_id, 'userdeck_account_key', $account_key );
+                            update_post_meta( $page_id, 'userdeck_mailbox_id', $mailbox_id );
+                            
+                            wp_redirect( add_query_arg( array('page' => 'userdeck', 'page_updated' => 1, 'page_id' => $page_id, 'tab' => 'conversations'), 'admin.php' ) );
+                            exit;
+                        }
+                    }
+                }
+                elseif ( isset( $_POST['userdeck-page-guides-add'] ) ) {
+                    if ( isset( $_REQUEST['_wpnonce'] ) && wp_verify_nonce( $_REQUEST['_wpnonce'], 'userdeck-page-guides-add' ) ) {
                         $page_id = absint( $_POST['page_id'] );
                         $guides_key = $_POST['guides_key'];
@@ -586 +1072 @@
                             update_post_meta( $page_id, 'userdeck_guides_key', $guides_key );
                             
-                            wp_redirect( add_query_arg( array('page' => 'userdeck', 'page_updated' => 1, 'page_id' => $page_id), 'admin.php' ) );
+                            wp_redirect( add_query_arg( array('page' => 'userdeck', 'page_updated' => 1, 'page_id' => $page_id, 'tab' => 'guides'), 'admin.php' ) );
                             exit;
                         }
@@ -603 +1089 @@
     public function validate_settings( $input ) {
 
-        $input['guides_key'] = wp_kses( trim( $input['guides_key'] ), array() );
+        if ( isset( $input['account_key'] ) ) {
+            $input['account_key'] = wp_kses( trim( $input['account_key'] ), array() );
+        }
+        
+        if ( isset( $input['guides_key'] ) ) {
+            $input['guides_key'] = wp_kses( trim( $input['guides_key'] ), array() );
+        }
 
         return $input;