Friday, November 21, 2014

5 Bug Reporting Tools for Developers - Six Revisions

5 Bug Reporting Tools for Developers - Six Revisions


5 Bug Reporting Tools for Developers

Posted: 21 Nov 2014 02:00 AM PST

One area in our development process that we can optimize with a proper tool is the way we handle bug reports.

Traditionally, bugs, client feedback, and change requests are discussed in lengthy real-time meetings which would then kick off the next web development phase that will address the issues. But this sequential lather-rinse-repeat workflow is slow: One of these iterations is barely doable within a timeframe faster than a week because bug reports have to be processed, organized, documented with screenshots, decided upon, and then delegated to the appropriate people.

It’s more efficient to gather feedback early and often, and to perform development work concurrently.

The Modern Way of Bug Reporting

Recently, I have noticed a refreshing movement from ambitious Web startups addressing the painfully inefficient bug-reporting and issue-tracking process.

What I’m now seeing are great solutions such as embedded interfaces that allow quality assurance (QA) personnel and clients to report bugs, provide design feedback, and request changes right from within their browsers.

In these tools, change requests and bug reports are created directly on the web pages of the project. The interface is visual and seamless: No screenshots need to be made manually, no external spreadsheets need to be filled out, etc.

This new genre of bug reporting tools, to a great extent, eliminates or reduces manual documentation, tracking, data-processing, screenshots, specs, and long meetings that eat up valuable web development time.

Furthermore, these bug reporting tools can be used by all members of the project: Clients, managers, designers, and developers, all at the same time. Access and permissions can typically be managed. Reports are generated automatically. A centralized place for reporting, tracking and managing bugs is provided to all members of the project. Integration with third-party web apps like Basecamp, Trello, and GitHub is the norm.

Discovering this new way of handling bug reports, feedback, and issue-tracking right from within the browser led me to dig into the subject a little deeper. As a web developer and (now) a project management consultant, this is a topic that is near and dear to me. I already knew some top options but I wanted to be thorough. I called friends in the industry to get their advice, as well as performed investigative online research to figure out which ones were the cream of the crop. Oh, and I also did a lot of testing.

I came across a lot of bug-reporting systems. I would like to discuss and review what I believe to be the best of the best:

  1. Usersnap
  2. BugHerd
  3. BugMuncher
  4. Redline
  5. InVision’s LiveCapture

1. Usersnap

Usersnap, according to their site, is "bug reporting for everyone working on a web project". Getting Usersnap to work in your projects is straightforward: You can either copy-and-paste a JavaScript snippet that the bug-reporting tool will provide you, or your users can install its Chrome extension or Firefox add-on.

How It Works

Usersnap adds a Feedback button on your project’s web pages. When the button is clicked, a box appears with different commenting tools. Apart from an Arrow tool and Pen tool that helps users leave feedback on the web page, the Pixel Ruler tool comes in handy when it comes time to discuss something that needs to be shifted a few pixels up or down, or if the logo needs to be bigger (and by precisely how much).

One of Usersnap’s useful features is called Console Recorder. It tracks errors and other potentially valuable data reported by the browser’s dev console.

Usersnap plays well with many third-party tools such as Asana, Basecamp, and GitHub. For testing purposes, I hooked up Usersnap with Trello — the process was smooth and I got Trello notifications every time a bug report was created.

Pricing

Pricing starts at $19 per month. The most expensive plan is $99 per month. Integrating Usersnap with other web services such as Trello, Evernote, and GitHub requires at least a Team account, which is $49 a month.

2. BugHerd

When you use BugHerd, it will become quickly evident that the team behind this app spent a great deal of time figuring out how to simplify the bug-reporting/feedback process. Just like Usersnap, it can be used as browser extension or by copying-and-pasting a JavaScript code snippet to your web pages.

How It Works

One thing that is interesting with BugHerd is its set-up wizard, which hand-holds and walks you through the entire installation process.

When installed in a Web project, the reporting interface appears as a sidebar on the right edge of the browser’s viewport. The most important tool is the "+" button which lets the user select any HTML element on the page and add a comment on it.

Also, BugHerd adds color-coded "pins" on your project’s web pages so you can quickly and easily visualize the status of each task.

The assignee and the severity of the bug can be managed directly while you’re viewing the project, making the bug reporting and tracking process streamlined.

After submitting a bug report or change request, a new "card" is created in the system, which can be accessed through the BugHerd admin interface.

A selection of prominent project management tools can be integrated with BugHerd such as Basecamp, GitHub, Campfire, and so forth. (Unfortunately for many, at the time of writing, Trello is not yet supported).

One thing to note is BugHerd has good project management features by itself so in my opinion integrating it with other tools is not crucial.

Pricing

Pricing for BugHerd subscription plans start at $29 a month for 5 users and goes up to $180 for 50 users.

3. BugMuncher

BugMuncher is a minimalist bug reporting tool. It needs to be installed in your projects using a JavaScript snippet (there aren’t any browser extensions available). The installation process is well-documented and the fine-grained settings dialog allows you to customize your setup.

How It Works

Similar to the other bug-reporting tools, BugMuncher adds a button labeled Feedback! on your project’s pages. Clicking the button reveals a modal window with two tools: Highlight and Black out.

When a user tries to provide feedback on the page, an email address and a comment has to be entered as well. An image of the page is then sent to the BugMuncher app where it’s presented alongside other user data like the user’s browser, browser version, viewport size, click path, user agent, etc.

I had some issues with the screenshots the tool created using Google Chrome; the highlighted areas where shifted on the screenshot. But it worked nicely on other browsers I tested.

BugMuncher issue on Google Chrome where the highlighted areas were slightly shifted.

BugMuncher can be connected with some third-party tools such as Trello, GitHub, and Zendesk. I integrated Trello with BugMuncher and it worked as expected: Both the screenshot and user information was transmitted to Trello.

Pricing

BugMuncher offers three different subscription plans. Pricing starts at $19 (which allows you to gather up to 150 reports) and goes all the way up to $99 (you can white-label the tool and use your own corporate branding with the most expensive plan). Third-party software integration is available starting at the middle-tier plan (called Start Up), which costs $49.

4. Redline

Redline is beautifully simple: Its interface is well-designed.

How It Works

Redline welcomes new users with an excellent onboarding process.

This bug-reporting tool offers two possibilities for gathering in-browser feedback: A "ribbon" interface which needs to be installed on your web pages using JavaScript, as well as a bookmarklet.

I installed the ribbon which introduces a red box on the left side of the browser’s viewport. Clicking the red box opens the Tool Box panel which gives the user access to bug-reporting features such as commenting and labeling.

After submitting a bug report, the user will receive a nice "Thank You" message containing a public URL with a preview image of the report. Although this is definitely a convenient way to share a bug report, this can be a deal breaker for many agencies and clients because the bug reports are out in the open. But if you just need a beautiful and effortless solution for accepting non-sensitive bug reports and change requests, Redline will definitely get the job done.

Redline has an API as well as custom-branding features that permit you to customize the tool. Supported third-party apps are Basecamp, Trello, Jira, GitHub, etc.

Pricing

Pricing starts at $19/month and, even at this level, you already get access to SSL support and unlimited projects. API access, custom privacy settings, and white-labeling options require the Enterprise plan (the price of this plan isn’t displayed on their site).

5. InVision LiveCapture

InVision has gained a reputation for being one of the most elaborate all-in-one products for web design prototyping and project management. Integrating InVision with third-party apps can be done via their so-called Live Embed code.

Some months ago, InVision launched a new feature called LiveCapture, a Chrome browser extension that can be used to collect screenshots for feedback and collaboration.

How It Works

I installed the LiveCapture browser extension and it was a smooth and slick process. It captures the whole screen. Once logged into InVision, commenting is an easy task and inviting my co-workers was an uncomplicated affair.

InVision integrates with some of the most popular web apps in the industry like Basecamp, Trello, and Slack. InVision has a lot more features outside of bug-reporting like versioning of your designs, building "click prototypes", etc.

Pricing

Pricing starts at $15/month up to $100/month for their Team plan (which covers you up to 5 members).

Feature Comparison Table

  Usersnap BugHerd BugMuncher Redline InVision
Browser extensions Chrome, Firefox Chrome, Firefox, Safari None None Chrome
Installation through JavaScript code Yes Yes Yes Yes No
Tracks user and browser data Yes Yes Some Some No
Collaboration features Yes Yes No No Yes
User registration required? No Yes No No Yes
Number of third-party apps supported 20 7 7 6 Embeddable

Conclusion

After using these tools, I really fell in love with the concept of in-browser bug reporting. Reporting bugs and submitting change requests is easier this way, since everything is communicated through a visual interface and the communication is seamless.

Usersnap’s features are intuitive. It can connect with 20 third-party apps, which is great for flexibility. The possibility to access client-side session information is super useful. Usersnap is the clear winner for me.

BugHerd’s "kanban board" style of organizing and presenting bugs and tasks is neat (but hides the visual communication). Overall, this is a great bug reporting tool.

Redline and BugMuncher have a straightforward set of features which might resonate well with one-person web development businesses and freelancers. As soon as team collaboration is required, switching to a more robust bug-reporting tool or integration with a third-party project management app is, in my opinion, necessary.

InVision is not a 100% fit for the purpose of bug-tracking. Though InVision’s LiveCapture browser extension allows you to grab the screen content, it does not allow users to leave comments on the screen without logging into InVision. But InVision itself is a full-fledged visual communication platform for design projects, and it does a lot of other great things that can improve your design and development workflow.

Related Content

About the Author

Dominik Rockenschaub is a web developer who recently switched over to project management. Connect with him on Twitter @drockenschaub.

The post 5 Bug Reporting Tools for Developers appeared first on Six Revisions.

Thursday, November 20, 2014

1stwebdesigner

1stwebdesigner


Are Web Design Schools Losing Their Magic?

Posted: 19 Nov 2014 06:00 AM PST

Just a few months ago, 1stwebdesigner released its Flat Design course, teaching web designers the secrets in mastering the beautiful art of flat design.

That got me asking: Now that online education is becoming more and more popular, is it still relevant to go to web design schools these days?

This question is perfectly normal to ask. With the advent of web design blogs that teach beginners and experts alike, some people may feel that going to a web design school might no longer be relevant at all.

Why Go to a Design School?

Going to a design school helps in some degrees and cases. It trains you for the basics of web design. Commonly, design schools teach you some basic knowledge like color theory, basics of typography, composition and basics of design.

classroom

Some schools also give you a peek at the basic coding languages like HTML, CSS and PHP. In addition, schools train you to work hard on deadlines. Projects, assignments and term papers condition your mind for the future you will face.

You will learn that this will be a great amount of help for you as you will be dealing with clients. You will learn how to work with tight schedules to a point where you no longer sleep. Somehow, this is foreshadowing to your future fate as a web designer.

One more thing that would make you consider going to a design school are the mentors. Some universities are packed with wonderful professors who do not only teach you but train you as well.

In design schools, you submit projects and professors either critique or appreciate your work. This gives you a lot of leverage because you can readily improve your work without risks of staining your reputation.

web-design-class

Lastly, design schools give you time to tweak and tinker. You may have those designs which may make you hit your face with your palms but those are left at schools. In the course of your stay, you can continually hone your talents and, eventually, become better.

Why Design Schools Are Irrelevant

Online education is now booming. With the Internet becoming a part of daily human activity, pretty much everything can be done online: arranging tasks, ordering food, paying bills and even learning new skills.

  • Diplomas no longer matter

The first reason why going to a web design school might be irrelevant is that diplomas are no longer instant passes for jobs. This goes true despite what most parents say. According to Adecco, a job placement firm, 60% of US college graduates do not find a full-time job in their chosen profession.

job-interview

What does this mean?

Andrea Campbell, now Art Director of Orange Element in Baltimore, may have summed it all when she said that employment decisions are based on interviews and the applicant's portfolio, and that's all of it.

This may well be supported as Janna Haggan, a Toronto-based designer said,

“Despite what your teachers or parents tell you, your diploma won't necessarily get you a job.  Proving what kind of work you are capable of producing through your portfolio or demonstrating passion and potential to an employer will more likely catch their eye; compared to a student who has more formal education. Having a killer portfolio and personality will land you a job anywhere.”

  • Experience is the best teacher

One more thing that they don't teach at design school is real-life experience. Most classes would just teach you theories on how to deal with clients and you will never know the works until you get one. Sometimes, as a rookie in the world of design, you will have difficult times adjusting from one client to another.

  • There are alternatives now

Unlike engineering or architecture, the online database for information on web design is very rich. With countless design blogs out there, you will never run out of ways to learn. Nowadays, more and more courses are offered where you can learn things that you'll never learn (or will take a lot of time to learn) in school. All of that, for a more reasonable price, of course.

  • Web Design is a rat-race

Years ago, when you were at design school, flat design probably hasn't been born yet. You may have never heard of responsive design, either. You probably adjusted a bit in terms of knowledge and style to fit the trend.

Web design is a fast-paced rat-race. You chase the technology and the trends as it move in a constant speed as you are traveling. You can never keep up. That makes sitting on a classroom irrelevant. Your chosen path is continually expanding and you can't just sit in a classroom forever.

I am a web design student. Shall I drop out now?

For students, this is a pretty difficult question. Honestly, I would sit in a fence regarding this matter. The answer as to whether you should quit design school totally depends upon you.

There are cases where people who quit school turn out to be successful. Take our founder, Dainis, as a great example. However, this doesn't work all the time.

student

For this, here are a few questions to ask yourself:

  • Am I financially ready to start working?
  • Is my portfolio ready? (or do I even have one?)
  • Am I willing to struggle for long periods?
  • Am I efficient in self-studying?
  • Do I know people that might help me get clients?

You should at least be ready with all of these items before dropping out. But it totally rests upon your hands to steer the wheel.

Alternatives to Design Schools

If you have already quit design school and you want still want to learn, there are great websites that might help you:

My Take

Let me argue that these schools are no longer relevant. With the continuous development and expansion of the uses of Internet, learning new tricks and techniques concerning web design becomes easier, more convenient, and less costly. Imagine this: you can spend thousands of dollars over a four-year education plan that would teach you web design. But then, you can just visit a course, buy it for a hundred dollars or so and learn the same thing for a span of weeks (or even days).

Pondering on this, ask yourself, where would you like to be? In a place where you bury yourself with bills you will pay for in the future? Or in a place where you could learn the same thing in the most comfortable and less costly way possible?

Conclusion

Remember, Web design is a fast-paced race. You will keep on chasing a pot of information that goes constantly increases speed as you run towards it. Will you keep up if you just stay in the four corners of the classroom? Or will you start running?

What are your thoughts? For you, is going to web design schools still relevant? Did you go to one? Let's discuss.

Wednesday, November 19, 2014

A Guide to CSS RGBA Colors - Six Revisions

A Guide to CSS RGBA Colors - Six Revisions


A Guide to CSS RGBA Colors

Posted: 19 Nov 2014 02:00 AM PST

RGBA is a type of CSS color value that allows us to set a color and also its opacity/transparency.

Here’s an example of using the CSS rgba() notation to specify white with 50% opacity.

p {    color: rgba(255, 255, 255, 0.5);  }

RGBA is an extension of the RGB color model. The acronym stands for red green blue alpha. The alpha value represents the level of transparency/opacity of the color.

RGBA Syntax

The format of RGBA color notation is:

rgba(red, green, blue, alpha)

The first three values — red, green, blue — can either be integers between 0 and 255 or percentages between 0% and 100%. These values describe the amount of red, green, and blue in the desired color.

For example, if you want pure red for a background color, then you would want 100% red, 0% green, and 0% blue, which can be set as follows:

background-color: rgba(255, 0, 0, 1);

Result:

 

Or, using percentage values:

background-color: rgba(100%, 0%, 0%, 1);

Result:

 

The fourth value, alpha, specifies the color’s level of transparency/opacity and can be a value between 0.0 and 1.0.

(By the way, in case you’re wondering, in the CSS4 editor’s draft of the CSS Color Module, there is a specification to allow the use of percentages for RGBA alpha values but, at this time, browsers don’t support that option yet.)

Here’s how to specify yellow with 50% opacity:

color: rgba(255, 242, 0, 0.5);

Result:

Yellow

Converting Integers to Percentages

As stated before, using percentage values instead of integer values to represent the amount of red, green and blue results in the exact same thing. 0 is 0% and 255 is 100%. To get the percentage equivalent, simply divide the integer by 255 and then multiply by 100%.

Going off the previous example, if the RGBA color value is rgba(255, 242, 0, 0.5)then:

  • Red: (255/255) x 100% = 100%
  • Green: (242/255) x 100% = 94.9%
  • Blue: (0/255) x 100% = 0%
  • Alpha: 0.5 (can’t be a percentage unit under CSS3 specifications)
color: rgba(100%, 94.9%, 0%, 0.5);

Result:

Yellow

Converting Percentages to Integers

If you need to convert percentages to integer values, multiply the percentage value by 255 and then divide by 100%.

Let’s say our color is orange, which can be described as follows:

rgba(100%, 64.7%, 0%, 1)

Result:

 

  • Red: (100% x 255) / 100% = 255
  • Green: (64.7% x 255) / 100% = 165 (rounded to the closest integer)
  • Blue: (0% x 255) / 100% = 0
  • Alpha: 1

The orange color above when converted from percentage values to integer values is:

rgba(255, 165, 0, 1)

Result:

 

Explanation of the RGB Color Model

The RGB color model is simply a way to describe a color using the amount of red, green, and blue the color has. It’s like mixing watercolor paints or oil paints to get the actual color we want.

Imagine if you wanted to produce a pure blue color. To do this, you wouldn’t want to mix red and green into the color. So we set red and green to 0%, and blue to 100%.

rgb(0%, 0%, 100%)

Result:

 

But what if instead of blue you wanted fuchsia? We can create fuchsia by mixing 100% red with 100% blue.

rgb(100%, 0%, 100%)

Result:

 

From basic color theory, we know that the absence of any color results in black. So to get black we set red, green, and blue to 0%.

rgb(0%, 0%, 0%)

Result:

 

Determining RGB Colors

I’m no math whiz and I barely understand color theory, so I use tools to determine my RGB color values. I use Photoshop’s Color Picker feature to get the red, green, and blue values of a particular color, but there are free online tools such as Color Slider and The RGB Color Calculator that can help with the task.

How to deterine rgb color values with Photoshop.Getting RGB values using Photoshop’s Color Picker dialog

Fallback for RGBA Colors

Though the RGBA color value notation is well-supported in the popular modern browsers, it’s not a bad idea to specify solid (fully-opaque/non-transparent) fallback colors just in case, especially since it’s quite easy to do.

Let’s say we have a div that has a navy blue background color at 50% opacity and text that’s white at 30% opacity.

For our solid fallback colors, in case rgba() isn’t supported by the browser, we can use hexadecimal color notation or any other CSS color value notation. (In the following example, hexadecimal color notation was used.)

div {    background-color: #000080; /* Fallback: navy blue in hexadecimal notation */    color: #ffffff; /* Fallback: white in hexadecimal notation */    background-color: rgba(0, 0, 128, 0.5); /* navy blue with 50% opacity */    color: rgba(255, 255, 255, 0.3); /* white with 30% opacity */  }

Result:

Hello!

This is the appearance of our fallback colors if RGBA isn’t available in the browser:

Hello!

Browser Support

All major browsers support RGBA color notation. To put it in perspective, the CSS rgba()notation has been around since Internet Explorer 9 which was launched in 2011 (3 years ago).

Related Content

About the Author

Jacob Gube is the founder of Six Revisions. He’s also a front-end web developer. Follow him on Twitter @sixrevisions.

The post A Guide to CSS RGBA Colors appeared first on Six Revisions.

Monday, November 17, 2014

1stwebdesigner

1stwebdesigner


Talk It Out: Best WordPress Live Chat Plugins for Easy Customer Access

Posted: 17 Nov 2014 06:00 AM PST

The focus of this article is to provide you the best WordPress live chat plugins that you can use in your websites without any difficulties. There are many reasons to why using a live chat plugin will benefit your WordPress site or blog.

For example,

If you have a theme developing website, you are going to be asking the people to invest their dollars for your product. It's only fair that you make yourself available to visitors to answer any questions that they may have. A research showed that having a chat feature on your site can increase the conversions by 44 percent!

Here are some benefits that you can have by adding a chat plugin to your site:

  • Live chat is convenient for the customers and provides an immediate access to help.
  • Live chat cuts down your expenses by lowering average interaction costs. It increases the efficiency by allowing live chat representatives to handle multiple chats simultaneously.
  • Live chat increases sales by immediately taking the customers through your product and sorting out any confusion they have that can make or break a sale.
  • Live chat gives you an edge on your competitor. According to a study, the cost savings and convenience for customers and staff make live chat a viable option for your business today as a freelancer.

So without delaying any further, here are some of the best free and premium WordPress live chat plugins that freelancers can use in their business.

Free WordPress Live Chat Plugins

Free live chat plugins bring a two-way communication with your visitors on site. You can easily host your own live chat sessions, interact with visitors and boost sales without needing any of third party Javascript.

However, a few free live chat plugins have some limitations such as you can't log-in the chat room automatically, no full screen chat, and no Youtube video. But, as far as the chat goes, these free plugins are excellent to try!

1. Bankcle Chat

Bankcle Chat

Bankcle Chat is a WordPress plugin that provides a reliable, highly customizable, and economical platform for live chat. Besides giving live support to customers, it also keeps you updated regarding your site visitor activity and tracking.

You can also view the demographic and technical information of visitors. Bankcle can be easily integrated and configured, and automatically activates the free plan for your own account.

2. ClickDesk Live Support

ClickDesk Live Support

This WordPress plugin is one of the fastest live chat services available. ClickDesk allows the web visitors to click to call and voice chat with you (website owner) directly from the browser. Visitors can also dial the local access numbers available in 40+ countries.

You can manage your emails and offline chats with new integrated help desk. Agents can answer live chats and calls from online agent panel through Google Talk and Skype.

3. WP ChatBlazer

WP ChatBlazer

This plugin allows you to embed the Chatblazer application to chat on a WordPress page. You can post with an easy to use shortcode. You can host your own chatroom on your blog for interacting with your audience.

It has an easy-to-use interface that allows users to video chat, chat by sending instant messages, and share all types of media.

4. Video Chat Plugin

Video Chat Plugin

This plugin is highly flexible and supports and rooms, moderators, private messages, and public and private video chat, etc. It is BuddyPress-compatible, and automatically adds the avatars to user profiles in the video chat. It is simple to install and compatible with all search engines.

5. Flexy Talk

Flexy Talk

Flexy talk plugin allows you to get started with chatting to the Facebook fans and site visitors. You can easily do it from any device, including the mobile and tablets, etc. You can create a free account and enjoy unlimited chats with your visitors.

6. Acobot Live Chat

Acobot Live Chat

Acobot plugin displays chat widget on your website, behind which is an intelligent virtual robot that can automatically say hello to every visitor on your site. This plugin can capture their email addresses or phone numbers for you.

Also, it can answer their questions and address their concerns. This 24/7 customer help can turn your visitors into paying customers.

7. Vivocha Activation Tool

Vivocha Activation Tool

This is a multi-channel communication platform for the websites. This plugin can be used to assist customers during their visit, provide support, and answer questions. There is no coding skill required for it.

This plugin will enable Callback, VoIP, and Video on your website. Also, it includes fully customizable graphics and real time analytics.

8. Formilla Live Chat

Formilla Live Chat

This plugin allows you to chat with your visitors with a clean and easy to use interface. You can respond to chats from your iPhone, or Android device. You can also enable the proactive chat to trigger live chat automatically with visitor after some defined seconds.

9. Live Chat by OggFlow

Live Chat by OggFlow

This plugin lets you easily add beautiful live chat to your site or blog. You can handle all the live chats, emails, tickets, Facebook and Twitter feeds. You can easily modify the look and feel of this plugin with custom CSS, logos, and messages.

10. Chat

Chat

With this chat plugin, you can bring two-way chat to your website. You can host your own live sessions, interact with your visitors and boost your sales without taking help from third party JavaScript or other codes.

Chat plugin allows you to add a site wide-chat window in the bottom corner of your site. You can also add chat to any blog post or page, and answer support questions.

Premium WordPress Live Chat Plugins

Premium Live Chat plugins have no limitation at all; you can do whatever you like with your chatroom. These plugins make your site look more official. Top plugins help you in building your brand reputation for your products. By getting the reputation as a people-pleaser and as a business that value its customers can go a long way in making a good impression. All these premium plugins are a must for you!

1. Live Chat

Live Chat

Live chat uses Ajax technique instead of Web Sockets because it is simple and works on all major browsers. No more server modifications with this live chat plugin. It works perfectly with PHP 5 servers and WordPress.

Some of the features are:

  • More than one operator can reply the same user's question
  • Visitors can fill out contact form when all operators are offline
  • Email notifications when visitor logs in a chat.

The plugin is available in US$17.

2. Visitor Chat

Visitor Chat

This plugin is fully featured real-time chat for your WordPress website. This plugin has a window-based client out of the box. Without having to visit the admin interface, you will be notified from your Windows tray from where you can start chatting straight away.

Some of the features are:

  • Adaptable templates and translations
  • Easy integration and use
  • Clear administrator chat interface

This plugin will cost you US$33.

3. WordPress Live Chat

WordPress Live Chat

This plugin provides real time chat for the customer support. The plugin has a 3-way widget embedding including auto, shortcode, and a WP widget. It also provides high quality emoticons and avatars.

Some of the features are:

  • Multiple operators and guests chatting
  • Initial 'welcome' messages after guest logs in
  • Message views auto-updating their relative delivery time

This plugin is available in US$28.

4. Chat X

Chat X

Chat X answers the support questions, and solves the technical problems and product defects on your website easily. You can easily customize your chat skin, and change the colors to fit your website look and feel. The plugin runs on Firebase technology to make your chat faster and reliable.

Features are:

  • 50 users can chat at one time
  • SSL support
  • More than one operator can reply the same user's question

The plugin will cost you US$24.

5. Rhino Live Support

Rhino Live Support

This plugin provides premium customer service for your visitors. It allows you to have unlimited operators and departments, invite website visitors, transfer customers, track IP location, and advanced statistics, etc. It also includes customer feedback form, star rating and extended statistic.

Features are:

  • Unlimited Standard Responses
  • End Conversation as an operator
  • Send any conversation to any email address

This plugin is available in US$24.

Conclusion

There you have it: plenty of WordPress Live Chat plugins to choose from. All these plugins have something little different to share with you. Start making interactions and start converting your visitors into buying customers.

What's your favorite chat plugin? If you think I missed any important plugin that should be on the list, please do share it with us in the below comment section.