Embedding a great chatting tool on your site

by Lee Hopkins on March 14, 2014 · 1 comment

in Uncategorized

Chatwing has added some new functionality, including being mobile-friendly. Aaron from Chatwing tells us more.


With the abundant numbers of widgets being made today, site owners have to be careful in choosing which one use and find out whether they’ll be efficient to the site or not since putting too many on your site will increase its tendency to produce lag. There many widgets out there and each one can help the site in its own way. However, if customer satisfaction is what you’re after, then you might just want to choose a chat widget over the others. Having a chatting tool embedded on your site will greatly increase its capability to support your viewers since you are giving them the opportunity to voice out their concerns directly to you.

There are many chat widgets out there too, and as mentioned before, you have to pick only the best for your site. A great chatting tool will not only create a better atmosphere on your site, it will also provide your viewers a place where they can gather credible information quickly. Chatwing is a tool that can achieve that and more. Here’s a simple set of procedures in making one and embedding it on your site.

What You’ll Need

To make this efficient chatroom, you’ll need three things.

  • A valid E-mail
  • A Password
  • Your creative mind – yes, you’ll need this

Now that you have an idea as to what you need here, it’s time to start the process!


Step 1: Register

You’ll need to use your email and password here in order to make a Chatwing account. This is necessary as it’s the only way you can make a chatroom. Just follow the steps below.

  • Find Chatwing’s homepage – it’s on http://chatwing.com
  • Now find the TRY NOW button and press it.
  • A registration form will show up – there are two blank spaces and a box below.
  • Now put your email address and your password on their intended places and check the box.
  • Click on the Register button at the bottom of the form to finally create your account!

How was it? Easy right? Normally, one can finish the entire process in less than a minute so it’s a pretty easy process to complete. And no, you won’t need to reconfirm your account or your email – you can immediately start creating your chatroom afterwards! Now let’s head on for Step 2.



Step 2: Creating the Chatroom

This is yet another very easy step for you. You’re now in the Dashboard page. To describe this place in a sentence – it’s where you create your chatrooms and store them. To create a new chatroom, look for the Create chatbox button and press it.



Step 3: Customizing Your Chatroom

Now this is where you’ll need your creative mind. Chatwing’s customization options are vast and have the capability to change your chatroom to whatever suit your preferences. Changing the settings requires no real effort – just simple click and dragging motion of the mouse.

As you modify your chatroom however, you have to constantly save it by pressing the Save button – they’re placed on some of the tabs as well as on the top of the page. As for your chatroom, you can keep track of its changes by looking at the preview window on the right side of the page.

When you’re done customizing, make sure you press the Save button for the last time. Now press the Use Chatbox button at upper part of the page to finally start embedding!



Step 4: Embedding the Chatroom

Now to finally start the embedding process, you’ll need to choose one of the three tabs in the Embedding Page. The best choice for you would be the one in the middle, the Embedded Options tab, so pick it. Inside it you’ll find two scrollbars and two groups of HTML codes.


The scrollbars are used to change the size of your chatroom. See that preview window showing your chatroom? That is its actual size and you can change it using the aforementioned controls.

If you’re satisfied with how big your chatroom is, then you can finally start embedding it. Look for the Javascript codes below. All you need to do now is to copy these codes and paste them into your site, right where you want the chatroom to show up, and you’re done! Save your progress and refresh your site – the chatroom should be there and you can start chatting.



Note: The iFrame codes found at the bottom of the Embedded Options tab can be used as substitute if Javascript won’t work on your site. So if your chatroom won’t show up and you think that you followed the instructions clearly, then just replace the previous codes with this one.


Using the Chatroom

Chatwing has a lot of features that will surely come in handy when you’re chatting with your viewers. They can login easily because of Chatwing’s lenient login methods that allows the use of social media accounts to join in – for now they can use their Facebook, Twitter, Google, Yahoo, Tumblr, Instagram and even Vk accounts to do so. You can easily manage the chatroom and ban anyone out of it with a simple mouse click.



Chatwing has a lot more to give you, and without a doubt, it will surely make your time chatting with them totally worth it. So give your viewers the best chatting experience they deserve through this nifty chat software.

  • Kumi Jansen

    Great article! And that kind of chatroom looks like it’s just begging to be used lol! I’m going to try using this.

Previous post:

Next post: