Thursday, 18 February 2016

Customer Service Dashboard in CRM 2015 using HTML5, JavaScript, JQuery, CSS, DOM & OData

Introduction:

I’m feeling really happy while writing this blog, because i have been too busy from last couple of months to write even a single blog. From now on, I’m hoping to keep this activity continued.

As u all know Microsoft Dynamics CRM dashboards are one of the best way to show collective information about CRM in single shot and its also the collections of view lists, charts and iFrames that can pull in things like website information that you can modify to show key performance indicators and other important data. Here’s an example of what a dashboard looks like:







Today i am going to show a Customer Service Dashboard using HTML5, JavaScript, JQuery, CSS, DOM and OData. Intention is only to learn how can we use HTML5, JavaScript, JQuery, CSS, DOM and OData in Dynamic CRM. 

Language Used:

HTML5, JavaScript, JQuery, CSS, ODATA

This blog is also helpful for all those CRM Folks who are interesting to know how HTML5, JS, DOM and Odata can provide intuitive UI to dynamic CRM either in Dashboard or in entity forms.

I have designed a Customer Service Dashboard that shows CRM Case Log in very intuitive way, Below are the few screenshots of the same with some of its exiting features for beginners:

Few of the exciting features of this dashboard are described below in brief:


  • Dashboard will show Case Count based on its Source (Web, Email, Phone, Chat).
  • Agent can directly create new case from dashboard itself,
  • Agent would have Refresh option so that he can able to see changes made by other agents instantly,
  • Agents can directly Delete cases from Dashboard itself.
  • Agents can directly open the case by clicking on Case Title.
  • Agents can also check Ticket No or Case ID by doing hover on Case Title.

Features Used:

Feature 1 : Show Loading Message and Image unless OData Query retrieve the result from CRM.

:

Feature 2 : Call Center Agent Can directly Create new case in CRM by clicking on "+" icon.




Feature 3 : Call Center Agent will be able to see all cases of CRM status wise based on its Source like WEB, EMAIL, PHONE and CHAT.
Also agent would have Paging option so that he can be able to see only 5 case in single page, he has to navigate to next page to check other case status




Feature 4 : Call Center Agent will be able to see Ticket number on Hover of Case Title.



Feature 5 : Call Center Agent can directly delete the Case after clicking on OK in Cinformation dialog,























And after clicking on Refresh button he can check the required changes



Feature 6 : Call Center Agent will be able to see all the cases Source wise simultaneously.


Feature 7 : Call Center Agent can directly open the case by clicking on Case Title.





















I will surely come back with other such new exciting task in CRM...Keep reading...

Also feel free to put your valuable comments to share your feedback and get to know more about this task.

OR

Email Me: arpit.crmconsultant@gmail.com

7 comments:

  1. Great blog learned many things about Crm Software from this article, very informative .CRM system is the software that you and your company need to automate the processes and activities associated with customer relationship management. For many years, the locally hosted CRM solutions have widely been used by large corporations and medium-sized businesses. Today, you have a chance to implement the CRM systems, too. Likewise, you have a possibility to choose between the locally hosted and web based CRM solutions. The only way to make the right choice is to learn more about the different types of CRM systems.
    Best Crm Software for Small Business
    crm systems for small businesses
    best business management software
    Client Management Software for Small Business
    Customer Relation Management Software
    Customer Management Software Small Business
    Dropshipping Software

    ReplyDelete
    Replies
    1. This comment has been removed by a blog administrator.

      Delete
  2. Thanks for sharing the post.. parents are worlds best person in each lives of individual..they need or must succeed to sustain needs of the family. Walmart Customer Service

    ReplyDelete
  3. Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I'll be subscribing to your feed and I hope you post again soon. Big thanks for the useful info. Phonepe customer care

    ReplyDelete
  4. Very nice post here thanks for it I always like and search such topics and everything connected to them.Excellent and very cool idea and the subject at the top of magnificence and I am happy to comment on this topic through which we address the idea of positive reaction.
    CRM Software
    CRM Software in Dubai
    CRM Software in UAE
    CRM Software Solution

    ReplyDelete
  5. This type of message always inspiring and I prefer to read quality content, so happy to find good place to many here in the post, the writing is just great, thanks for the post. Customer Feedback

    ReplyDelete
  6. Special thanks to (hackingsetting50@gmail.com) for exposing my cheating husband. Right with me i got a lot of evidences and proofs that shows that my husband is a fuck boy and as well a cheater ranging from his text messages, call logs, whats-app messages, deleted messages and many more, All thanks to

    (hackingsetting50@gmail.com), if not for him i will never know what has been going on for a long time.

    Contact him now and thank me later.

    ReplyDelete

Blogger Widgets