Implement Live chat for websites & Blogs

Sandeepraturi
Posted by in ASP.NET category on for Intermediate level | Points: 250 | Views : 4116 red flag

Implement Live chat on our Website. In Internet there is lot of websites which provides live chat facilities for websites, like (https://www.offerchat.com/ , https://www.purechat.com/). Now take offerchat and learn how we will implement them into our website and blogs.

Introduction

Implement Live chat on our Website. In Internet there is lot of websites which  provides live chat facilities for websites, like (https://www.offerchat.com/ , https://www.purechat.com/). Now take offerchat and learn how we will implement them into our website and blogs.

Objective

Users can directly chating with you and also you can received offline messages of users.

Create Registration first


1. Go to following link : https://www.offerchat.com/ , and do registration .
2. After registration you will received following script like below images.



3. copy this script.
4. Put this code inside of head tag.

Now add your photo, display name, website name, and website Link

1. Go to setting
2. And change color , widget position and etc...
3. Now go to website link (look above image)
4. Now click on center link.
5. Now add Website name & domain name , like below image


6. Now copy following script.
7. you can change photo & Display name of chat from Account link
7. paste into head tag of your webpage.

Using the code

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Implement Live Chat</title>
   <!--start of Offerchat js code--><script type='text/javascript'>                                        var ofc_key = 'de8c473279f6efbace895797ac6a34f7'; (function () { var oc = document.createElement('script'); oc.type = 'text/javascript'; oc.async = true; oc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'd1cpaygqxflr8n.cloudfront.net/p/js/widget.min.js?r=1'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oc, s); } ());</script><!--end of Offerchat js code-->
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
    </form>
</body>
</html>


Output

After paste script iam running my page.


Now click on submit


Now new message is written


Now open your offerchat and see message on users




Thanks for reading the article.



Page copy protected against web site content infringement by Copyscape

About the Author

Sandeepraturi
Full Name: Sandeep Raturi
Member Level: Starter
Member Status: Member
Member Since: 2/28/2012 10:43:45 AM
Country: India
Thanx With Best Regards Sandeep Raturi(software engineer) Email: s.raturi89@gmail.com
http://www.dotnetfunda.com/profile/sandeepraturi.aspx
Software Engineer

Login to vote for this post.

Comments or Responses

Login to post response

Comment using Facebook(Author doesn't get notification)