Monday, November 28, 2011

Customizing our new Embedded Live Chat Widget


We've had some great feedback and suggestions for our new embedded live chat widget.  One of the most common questions is how to customize the chat widget to change the online and offline text and how to modify the colors and location of the chat.  Well, we're happy to say that all of these are configurable right in the javascript snippet that you include in your site.

Here are a couple examples of different colors and text you can use for your Live Chat Widget:


Bottom Aligned, Gray:

Top Aligned, Green:


Top Aligned, Green, Spanish:


Here's the code snippet that we've included in our site.  We'll discuss the most commonly modified parameters below:

<!-- OggChat Tab Button : Contact Us for Help Customizing -->
<script type="text/javascript">
<div id="oggchat"></div>

<div id="oggwindowholder"><span style="display:none"></span></div>
<script type="text/javascript">
var page ={/*Modify or uncomment the variables below to customize*/
'tab_align':'top',/*Fixed location of Tab Button, valid values are top, bottom, left, right*/
'tab_margin_right':'45px',/*When tab is top or bottom, the right margin*/
'popup_margin_right':'40px',/*The right margin of popup chat window*/
'popup_margin_top':'30px',/*The top margin of popup chat window*/
'tab_bg_color':'green',/*Tab Background Color*/
'tab_hover_color':'red',/*Tab Hover Color*/
'website':'www.oggchat.com',/*Your Domain Name*/
'p':'30',/*Proactive Chat Timer in Seconds*/
'online_text':'Need Help? Click to Chat!',/*Custom Text to display in tab when online*/
'offline_text': 'Offline - Leave a message',/*Custom Text to display in tab when offline*/
'font_family':'Arial',/*When using text, font to use*/
'font_size':'11pt',/*When using custom text, font size*/
'font_color':'#FFFFFF', /*When using custom text, font color*/
'host':'oggchat2.icoa.com',
'cid':'',
'act':''
};
(function() {function oggchat(){
var base = (("https:" == document.location.protocol) ? "https://oggchat2.icoa.com" : "http://oggchat2.icoa.com");
var s = document.createElement('script');s.type = 'text/javascript';s.async = true;s.src = base+'/js/oggwindow.js';
var x = document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s, x);};
if (window.attachEvent)window.attachEvent('onload', oggchat);else window.addEventListener('load', oggchat, false);
})();
</script>

First, you can change the online and offline messages to whatever text in whatever language you like.  Just modify the value of the online_text and offline_text javascript variables.  Please make sure that if use single quotes within the text, that you escape them with a backslash.

Next, you can change the location of the chat widget to the top or bottom of the web browser.  Valid values for the tab_align key are either 'top' or 'bottom'.  You can move the tab to the left or the right by using the tab_margin_right value or the tab_margin_left.  These values represent the right or left padding in pixels for the tab layer.

To change the the colors of the embedded chat tab, you can pick the colors you want with the tab_bg_color and tab_hover_color values.  You can use either browser supported colors such as 'red', 'green', or 'blue' or choose a Hex color such as '#999999'.

Change the location of the embedded popup chat window by using the popup_margin_right, and popup_margin_top values.  These values will shift the chat window from the right margin of the web browser and from the top margin of the browser.  You can also use the popup_margin_bottom key to shift the chat widget from the bottom of the browser window.

The automatic proactive chat timer can also be set directly from the embedded javascript.  The value should be set as a number only that represents the seconds to wait until the proactive chat request is initiated.  A value of '0' will disable the proactive chat invitations.  

We hope that this will get you well on your way to incorporating an OggChat Live Chat widget on your website.  If you haven't signed up yet, you can sign up for a free trial at http://www.oggchat.com

15 comments:

  1. I will definitely bookmark this site because you have shared great applications shared here.
    ||Logo Designing||

    ReplyDelete
    Replies
    1. The effectiveness of IEEE Project Domains depends very much on the situation in which they are applied. In order to further improve IEEE Final Year Project Domains practices we need to explicitly describe and utilise our knowledge about software domains of software engineering Final Year Project Domains for CSE technologies. This paper suggests a modelling formalism for supporting systematic reuse of software engineering technologies during planning of software projects and improvement programmes in Final Year Projects for CSE.

      Software management seeks for decision support to identify technologies like JavaScript that meet best the goals and characteristics of a software project or improvement programme. JavaScript Training in Chennai Accessible experiences and repositories that effectively guide that technology selection are still lacking.

      Aim of technology domain analysis is to describe the class of context situations (e.g., kinds of JavaScript software projects) in which a software engineering technology JavaScript Training in Chennai can be applied successfully

      The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

      Delete
  2. WOW! Live chat seems great, it is colourful, definitely not boring. Good job! Just so you know, link can assist with anything.

    ReplyDelete
  3. Finding the best healthcare assignment writing services and Medical Assignment Writing Services is not easy unless one is keen to establish a reliable custom medical research paper provider & medical writing service help online.

    ReplyDelete
  4. I've been using freepaperwriter for a while, and my essays always been professionaly, quick and originaly written. Price is affordable for students. Can't thank enough http://freepaperwriter.com/ service for their hard work. I already recommended them to my friends, who have been struggling to write assignments for university.

    ReplyDelete
  5. That gives you better efficiency in the planning of your day and whereas a casino experience might have https://krcasinomaxi.com/ taken a whole day before, now it only takes a few hours and allows you to enjoy the rest of your day in other pursuits.

    ReplyDelete
  6. It’s most certainly not always that easy to tell whether an online casino is safe or not, https://rouletteonline.guru/side-bets/ but there are signs to look out for. In general: if the online casino uses Microgaming or Cryptologic software, you can be pretty sure that the software vendor is strict about who they give their licenses to.

    ReplyDelete
  7. toptan iç giyim tercih etmenizin sebebi kaliteyi ucuza satın alabilmektir. Ürünler yine orjinaldir ve size sorun yaşatmaz. Yine de bilinen tekstil markalarını tercih etmelisiniz.

    Digitürk başvuru güncel adresine hoşgeldiniz. Hemen başvuru yaparsanız anında kurulum yapmaktayız.

    tutku iç giyim Türkiye'nin önde gelen iç giyim markalarından birisi olmasının yanı sıra en çok satan markalardan birisidir. Ürünleri hem çok kalitelidir hem de pamuk kullanımı daha fazladır.

    nbb sütyen hem kaliteli hem de uygun fiyatlı sütyenler üretmektedir. Sütyene ek olarak sütyen takımı ve jartiyer gibi ürünleri de mevcuttur. Özellikle Avrupa ve Orta Doğu'da çokça tercih edilmektedir.

    yeni inci sütyen kaliteyi ucuz olarak sizlere ulaştırmaktadır. Çok çeşitli sütyen varyantları mevcuttur. iç giyime damga vuran markalardan biridir ve genellikle Avrupa'da ismi sıklıkla duyulur.

    iç giyim ürünlerine her zaman dikkat etmemiz gerekmektedir. Üretimde kullanılan malzemelerin kullanım oranları, kumaşın esnekliği, çekmezlik testi gibi birçok unsuru aynı anda değerlendirerek seçim yapmalıyız.

    iç giyim bayanların erkeklere göre daha dikkatli oldukları bir alandır. Erkeklere göre daha özenli ve daha seçici davranırlar. Biliyorlar ki iç giyimde kullandıkları şeyler kafalarındaki ve ruhlarındaki özellikleri dışa vururlar.

    ReplyDelete
  8. Ah, there is a good discussion about this paragraph on this website at this place, I read all that, so now I am commenting here too... Qualified travelers can get a Turkey visa by filling an online fill visa application to Turkey can do.

    ReplyDelete
  9. On your place I would make a video about your new embedded live chat and publish it on youtube. I would buy youtube subscribers to promote youtube channel

    ReplyDelete
  10. Thanks. I advice you to post this article as a video-review on Instagram so that many interested people can see it. And you can always use the services of https://viplikes.net/ to increase the number of followers.

    ReplyDelete
  11. Appreciate for this post.. US citizens who wish to travel to Azerbaijan need to apply for Azerbaijan visa for US citizens through online visa application with 24/7 customer support.

    ReplyDelete