Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ringcentral/pipedrive-embeddable-ringcentral-phone-spa
Add RingCentral Embeddable Voice widgets to pipedrive
https://github.com/ringcentral/pipedrive-embeddable-ringcentral-phone-spa
chrome extension pipedrive ringcentral
Last synced: 3 months ago
JSON representation
Add RingCentral Embeddable Voice widgets to pipedrive
- Host: GitHub
- URL: https://github.com/ringcentral/pipedrive-embeddable-ringcentral-phone-spa
- Owner: ringcentral
- Created: 2018-12-19T07:20:42.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-04T05:02:43.000Z (almost 2 years ago)
- Last Synced: 2024-04-13T20:25:05.509Z (10 months ago)
- Topics: chrome, extension, pipedrive, ringcentral
- Language: JavaScript
- Homepage: https://www.ringcentral.com/apps/pipedrive
- Size: 7.37 MB
- Stars: 7
- Watchers: 6
- Forks: 3
- Open Issues: 38
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# pipedrive-embeddable-ringcentral-phone-spa
Add RingCentral Embeddable Voice widgets to pipedrive.
Created with [ringcentral-embeddable-extension-factory](https://github.com/ringcentral/ringcentral-embeddable-extension-factory), you could create similar extension for other CRM sites with it.
## Features
- Add Click-to-call button in page.
- Hover conact list to show Click-to-call tooltip.
- Convert phone number text to Click-to-call link.
- Popup caller info panel when call inbound.
- Build with custom app config.
- Show contact event from RingCentral Widgets.
- Manully/auto Sync Call log/Call recording link/Voicemail/SMS to third party contact event, [About auto call log sync feature](https://github.com/ringcentral/hubspot-embeddable-ringcentral-phone/issues/137).
- Custom X-USER-AGENT header for api request
- Active call control
- Sync call log to deal## Video
[https://youtu.be/jBxmwCNevZU](https://youtu.be/jBxmwCNevZU)
## Screenshots
| screenshots | screenshots |
:-------------------------:|:-------------------------:
![ ](screenshots/s4-min.png) | ![ ](screenshots/s1-min.png)
![ ](screenshots/s2-min.png) | ![ ](screenshots/s3-min.png)
![ ](screenshots/s10-min.png) | ![ ](screenshots/s5-min.png)
![ ](screenshots/s6-min.png) | ![ ](screenshots/s7-min.png)
![ ](screenshots/s9-min.png) | ![ ](screenshots/s8-min.png)## Try it
- Download the zip from release page: [https://github.com/ringcentral/pipedrive-embeddable-ringcentral-phone-spa/releases](https://github.com/ringcentral/pipedrive-embeddable-ringcentral-phone-spa/releases)
- Unpack it, get a dist folder, open your chrome extension page(chrome://extensions/), click load unpacked, select the dist folder
- Go to `pipedrive.com` to check
- Make sure you ***turn off*** `Block third-party cookies` in `chrome://settings/content/cookies`
- Make sure you ***turn off*** `Block third-party cookies` in `chrome://settings/content/cookies`## Dev
```bash
npm i# edit .env, fill in all required
cp sample.env .env# download files needed
npm run down# start
npm start# then load dist folder as unpacked extension
```1. Go to Chrome extensions page.
2. Open developer mode
3. Load `dist` as unpacked package.
4. Go to the CRM site to check## Build with custom RingCentral clientID/appServer
- Create an app from [https://developer.ringcentral.com/](https://developer.ringcentral.com/), make sure you choose a browser based app, and set all permissions, and add `https://ringcentral.github.io/ringcentral-embeddable/redirect.html` to your redirect URI list, Edit `.env`.
- Fill your RingCentral app's clientID and appServer in `.env`.
## Changelog
Just visit [release page](https://github.com/ringcentral/pipedrive-embeddable-ringcentral-phone-spa/releases)
## Credits
Created with [Embbnux Ji](https://github.com/embbnux)'s tuturial:
[Building Chrome Extension Integrations with RingCentral Embeddable](https://medium.com/ringcentral-developers/build-a-chrome-extension-with-ringcentral-embeddable-bb6faee808a3)## License
MIT