Giter VIP home page Giter VIP logo

my-chatbot's Introduction

=== My Chatbot ===
Contributors: dpowney
Tags: google, chatbot, dialogflow, AI, asssistant
Requires at least: 4.0
Tested up to: 5.5
Stable tag: trunk
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Create your own branded AI chatbot for WordPress powered by Google Dialogflow.

== Description ==

An artificial intelligent chatbot for WordPress powered by Google Dialogflow. [View Demo](https://danielpowney.com/my-chatbot-demo?utm_source=view-demo&utm_medium=free-plugin&utm_campaign=readme).

* Create your own branded chatbot
* Assume the appearance of a Dialogflow supported messaging platform to display rich message content. Currently supports quick replies and images, and displays these as messages to your website chatbot visitors.
* An overlay can be added on every page to display the chatbot. The overlay can toggle up or down.
* Shows conversation history across pages
* A shortcode and widget are available to display the chatbot.
* Add hyperlinks in response message content using HTML markup.
* Settings with color pickers for backgrounds and fonts, custom text (e.g. powered by) and opacity for old conversation bubbles.
* Lightweight and super fast as it uses the Dialogflow Agent API to process natural language queries.
* Enable the chatbot overlay to be displayed on specific posts.
* Secure. API authentication is server-side.
* In-built template system and plenty of extensible WordPress action hooks & filters.

**[my_chatbot] Shortcode**

Attributes:

 * debug - true or false. Default is false. If true, a textarea is added below the conversation area showing the Dialogflow JSON response data to assist debugging.

**Follow this plugin on [GitHub](https://github.com/danielpowney/my-chatbot)**

== Installation ==

1. Install and activate the plugin.
2. Create a Google Dialogflow agent. If you're a newbie I recommend you try importing the Small Talk prebuilt agent.
3. In the Google Cloud Platform console for your Dialogflow project, create a Google service account credential with DialogFlow API Client role permission. Download the credential key file in JSON format. Also enable the Dialogflow API.
4. Go to My Chatbot plugin options page under the Settings menu and configure key file settings.
5. Enabe the chatbot overlay or use the [my_chatbot] shortcode

== Screenshots ==

1. Chatbot overlay example with rich message content
2. [my_chatbot] shortcode example
3. Plugin options
4. Plugin options continued

== Upgrade Notice ==
= 1.0 =	
Dialogflow v1 API is shutting down soon. This upgrade will enable Dialogflow v2 APIs. You will need to re-configure the plugin settings to use a new service account key file for authentication.

== Changelog ==

= 1.0.1 (20/09/2020) =
* Fix: Incorrect locale used for German intent

= 1.0 (19/09/2020) =
* New: Upgraded to Dialogflow v2 APIs. Dialogflow API integration is now server side with OAuth 2.0 using a service account key file.
* Tweak: Removed Skype, Kik and Viber messaging platform support
* New: Conversation history saved in local storage
* Fix: Shortcode debug textarea

= 0.6 (15/03/2018) =
* New: Now supports multiple chatbots on the same page
* Bug: Fixed loading welcome intent when overlay is initially closed
* Tweak: Updated JavaScript and generated HTML to use classes instead of ids for some div elements as there can be more than one chatbot on the same page
* Bug: Escape text input to prevent XSS
* New: Added support for different languages https://dialogflow.com/docs/reference/language

= 0.5 (18/11/2017) =
* New: Added show loading option which is implemted using a local icon font and CSS animations
* New: Added loading dots color option
* New: Added response delay option 0 - 5000ms
* Bug: Moved setting the sesison cookie to before any HTML appears to fix headers already set warning
* Bug: Replaced Dashicon ico fonts for toggle up/down with a local icon font. It you have customized the chatbot-overlay.php template file, you will need to update it.

= 0.4 (11/09/2017) =
* New: Added myc_protocol_version filter for API query requests
* New: Added option in Edit Post screen to override displaying the chatbot overlay on specific posts
* Tweak: Added HTML5 placeholder to input text settings
* Tweak: Dialogflow rebranding required updates to various text (formerly API.AI) and changed base_url to https://api.dialogflow.com/v1/
* Tweak: Updated readme and welcome page
* New: Add input text (e.g. Ask something...) as an option
* New: Added unique session id for Dialogflow conversations using a cookie which expires after 24 hours
* New: Added myc_widget_before_conversation_area action hook to chatbot widget template
* New: Added option to show time underneath conversation bubbles
* New: Added filters to modify the access token, enable welcome event, messaging platform, session id and show time options. This allows you to have different chatbots on different pages for example.
* New: Added HTML5 required validation for required plugin settings

= 0.3 (03/08/2017) =
* Tweak: Added obverlay for mobile using CSS3 media queries for different small screens with portrait and lanscape orientations
* New: Added toggle CSS class to overlay for open/closed
* New: Added JavaScript event in frontend for extra response handling
* New: Added myc_shortcode_before_conversation_area action hook to [my_chatbot] shortcode template

= 0.2 (24/07/2017) =
* New: Added an overlay of the chatbot at the bottom right of every page which is enabled by default
* Tweak: Refined styles of conversation area
* New: Added default language translation files for US English
* New: Added opacity option for old conversation bubbles

= 0.1 (11/07/2017) =
 * Initial

my-chatbot's People

Contributors

danielpowney avatar cristotodev avatar truongwp avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.