@inlightmedia/react-zendesk-chat
A handly react component for loading Zendesk into your website or web app.
Last updated 5 months ago by inlightmedia .
Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @inlightmedia/react-zendesk-chat 
SYNC missed versions from official npm registry.

React Zen Desk Component

A handy ReactJS component to be used for loading ZenDesk Chat into your website or web app.

Usage

To use this module, just import the library like this:

import ReactZenDeskChat from '@inlightmedia/react-zendesk-chat';

then you can use the module in your app like so:

<ReactZenDeskChat appID="MY_ZEN_DESK_APP_ID" />

Be sure to use your app id.

To get it, go to your ZenDesk Chat dashboard (https://dashboard.zopim.com) after creating your account. Then, go to Settings > Widget > GettingStarted > 1. Embed the Zendesk Chat Widget

You should see something that looks like this:

<!--Start of Zendesk Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
$.src="https://v2.zopim.com/?<MY_ZEN_DESK_APP_ID>";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
</script>
<!--End of Zendesk Chat Script-->

Your appID will be located after the '?' where it reads: <MY_ZEN_DESK_APP_ID>

All the best and happy Zendesking!

PS - This is not an official library and is not affiliated with Zendesk. I just made it and thought I'd open source it as I couldn't find another library to meet my needs.

NB: Feel free to contribute if you feel there could be some improvements but I don't accept any liability for use or misuse of this component in your projects.

  • Bundled with Webpack
  • Develop with Hot Module Replacement (HMR)
  • Includes linting with ESLint
  • Testing with Jest.

Contributing

Getting Started with the package:

  1. Install - yarn

  2. Start example and start coding - yarn start

  3. Run tests - yarn test

  4. Bundle with - yarn build

  5. To test if it works correctly in another project you can use npm npm install -S ../react-npm-component-boilerplate Note the relative path

NPM equivalent

yarn npm
yarn npm install
yarn test npm run test
yarn build npm run build

License

MIT © Josh Dyck

Special thanks to Dinesh Pandiyan whose npm boilerplate I used to generate the package.

Current Tags

  • 1.3.0                                ...           latest (5 months ago)

30 Versions

  • 1.3.0                                ...           5 months ago
  • 1.1.1                                ...           9 months ago
  • 1.1.0                                ...           10 months ago
  • 1.0.26                                ...           2 years ago
  • 1.0.25                                ...           2 years ago
  • 1.0.24                                ...           2 years ago
  • 1.0.23                                ...           2 years ago
  • 1.0.22                                ...           2 years ago
  • 1.0.21                                ...           2 years ago
  • 1.0.20                                ...           2 years ago
  • 1.0.19                                ...           2 years ago
  • 1.0.18                                ...           2 years ago
  • 1.0.17                                ...           2 years ago
  • 1.0.16                                ...           2 years ago
  • 1.0.15                                ...           2 years ago
  • 1.0.14                                ...           2 years ago
  • 1.0.13                                ...           2 years ago
  • 1.0.12                                ...           2 years ago
  • 1.0.11                                ...           2 years ago
  • 1.0.10                                ...           2 years ago
  • 1.0.9                                ...           2 years ago
  • 1.0.8                                ...           2 years ago
  • 1.0.7                                ...           2 years ago
  • 1.0.6                                ...           2 years ago
  • 1.0.5                                ...           2 years ago
  • 1.0.4                                ...           2 years ago
  • 1.0.3                                ...           2 years ago
  • 1.0.2                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 30
This Month 30
Last Day 0
Last Week 0
Last Month 0
Dependencies (2)
Dev Dependencies (27)

Copyright 2014 - 2016 © taobao.org |