WebChat design and integration

We plan to use the following webchat client:

[login to view URL]

We need 2 things.

1. A nice look and feel.

2. A simplified integration into any website.

This project already uses css.

We want to adapt the css in order for the webchat to have a nicer and more professional look and feel.

Today, the integration of the webchat into a site requires to :

1. define a css in the header, for example:

<link href="xxxx/[login to view URL]" rel="stylesheet">

2. we add divs into the page, for example:

<div id="chat" class="animated-chat" onclick="loadChatbox()"><img src="[login to view URL]" width="80px" height="80px"></div>

<div class="chatbox" id="chatbox">

3. We define a javascript file, for example:

<script src="[login to view URL]"></script>

From what we have seen, there are several chat clients that have very simple integration.

For example, there is one chat product that just requires to add this javscript at the end of the page, and the magic is done:

<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID=abc123";(function(){d=document;s=[login to view URL]("script");s.src="[login to view URL]";s.async=1;[login to view URL]("head")[0].appendChild(s);})();</script>

It means that this javascript rewrites the document, adds the divs at the right place, load the css, etc...

We want the same simple integration.

Find in attachement a simple page that calls the webchat.

Please use it to make the css modifications and modify the integration.


We want the integration to work on any site.

Therefore, it must use native javascript and css and not have any kind of dependencies such jquery, bootstrap, etc... in order to avoid incompatibilities with some sites where the webchat is to be integrated.

技能: CSS, HTML, HTML5, Javascript

查看更多: microsoft bot framework direct line example, bot framework web chat control, bot framework web chat, botframework-webchat, microsoft webchat, webchat github, microsoft bot framework webchat, npm botframework-webchat, zen cart design integration, volusion design integration, explain shopping cart design integration, dnn design integration, boonex design integration, wordpress design integration, osc design integration, custom design integration rayzz, sun shop design integration, design integration, oscommerce design integration tutorials, image hosting design integration

( 3个评论 ) chavanod, France

项目ID: #15767274



I have 7+ years in website design & development with very good experience. Relevant Skills and Experience I am good in CSS, HTML, HTML5, Javascript Proposed Milestones €500 EUR - Cost

€500 EUR 在7天内

20 威客就此工作平均出价 €464


Hi! We are Ukrainian IT company [login to view URL] got acquainted with Your description of the task, our devs can start the work on Your website as soon as You need. Can we chat? Relevant Skills and Experience We have gained 更多

€463 EUR 在15天内

[login to view URL] previous link is an advertising system Previous link is showing what I have You can trust I will do what you need Relevant Skills and Experience You can check my reviews to make sure I hav 更多

€555 EUR 在10天内

Please have a look at our portfolio for Web design projects: Relevant Skills and Experience [login to view URL] Proposed Mileston 更多

€555 EUR 在10天内
€875 EUR 在15天内

Hi. I'm Thinh. .I can do this project as well We have experience in thoses skills: Javascript, HTML, HTML, CSS SAVE your time and SAVE my time is my goal, do this project fast as possible and supp 更多

€575 EUR 在2天内

Hello. I am a web developer with 15+-year experience . I work remotely on DigitalRay company - [login to view URL] - LA (USA). Technical knowledges: [login to view URL] JavaScript Ruby RoR ASP.Net C#, Java, Python, Zend, CakePHP, Symp 更多

€250 EUR 在10天内

Hello WebChat design and integration Relevant Skills and Experience CSS, HTML, HTML5, Javascript Proposed Milestones €555 EUR - when i did it I have some questions foryourproject now ths

€555 EUR 在10天内

Hello! I can help you in making design and integration of a webchat. Briefly about my skills: - senior php/JavaScript(Zend, Symfony)/html/WordPress and WooCommerce/Magento/Drupal/Joomla developer; - I can provide 更多

€263 EUR 在10天内
€555 EUR 在10天内

Hi There, I have reviewed your requirements for your preconceived project and understood it. Checkout my portfolio: [login to view URL] [login to view URL] Please hit me up with a message so I can 更多

€555 EUR 在10天内

Hello, We have done similar work according to your requirement. Please have a look [login to view URL] [login to view URL] 更多

€750 EUR 在10天内

Hi There I gone through your app project mobile app requirements we are ready to deliver the job. I am an expert in developing native Android and ioS applications. Relevant Skills and Experience We have 7+ years ex 更多

€555 EUR 在10天内
€250 EUR 在5天内
€444 EUR 在10天内

Once you satisfy for your work then pay us~ OUR PORTFOLIO I would love to discuss your project over chat. Sincerely Regards Mohib

€250 EUR 在10天内

We group of people working since decade on web design and development and having experience on CSS, HTML, PHP, [login to view URL] have helped more than 200 startups. Relevant Skills and Experience Key skills are WordPress,C 更多

€255 EUR 在5天内
€555 EUR 在15天内

Hello, I am  a Certified HTML, MTML5, Software Programmer, Database  Development Expert. I have read your project description and I would like to Design and integrate Web chat with all features as per your requiremen 更多

€250 EUR 在3天内

Hi  Thank you, After learning more about the project, I’m confident that I can deliver fantastic results on time and within budget. I will do my best to get a best 101% result for you for long time business opportuni 更多

€277 EUR 在3天内