Live Chat Widget built with Firebase and Angular4 for customer support .
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode css Oct 2, 2018
docs ru Aug 29, 2018
e2e chore: initial commit from @angular/cli Sep 29, 2017
src no message Nov 13, 2018 dockerized Jul 18, 2018
.editorconfig chore: initial commit from @angular/cli Sep 29, 2017
.firebaserc first commit Oct 4, 2017
.gitignore apertura widget dopo x secondi (this.calloutTimer) Jun 14, 2018
Dockerfile dockerized Jul 18, 2018
LICENSE Create LICENSE Feb 15, 2018 Update Aug 21, 2018
app.component_old.ts add conv archived Nov 8, 2018
current_version.ts no message Nov 13, 2018
current_version.ts-e no message Nov 13, 2018 no message Nov 13, 2018 no message Nov 13, 2018
firebase.json first commit Oct 4, 2017
karma.conf.js chore: initial commit from @angular/cli Sep 29, 2017
nginx.conf dockerized Jul 18, 2018
package.json IE 11 compatibility Oct 2, 2018
protractor.conf.js chore: initial commit from @angular/cli Sep 29, 2017
tsconfig.json chore: initial commit from @angular/cli Sep 29, 2017
tslint.json no message Nov 13, 2018


Chat21-web-widget is a Free Live Chat Widget built on Firebase with Angular5 that lets you support and chat with visitors and customers on your website. More information about web widget here :


With Chat21-web-widget you can:

  • Invite your website visitors to share feedback and suggestions to better understand their needs.
  • Answer questions from website visitors instantly to increase trust
  • Add a code snippet to your website easly
  • It's a HTML5 widget built with Google Firebase, Angular5 and Bootstrap


  • Send a direct message to a preset user
  • Receive realtime support from your team
  • Form to enter the chat sentiment
  • Configure the widget with company logo and colors
  • Chat21 Web Widget is free and open source.


  • Install git:
  • Install Angular CLI with npm install -g @angular/cli. More info here
  • A Firebase project. Create one free on
  • "Chat21 Firebase cloud functions" installed. Instructions:


  • Clone the repository with : git clone <YOUR_PATH>
  • Move to the downloaded project path cd <YOUR_PATH>
  • Compile the project with npm install

For Installing the Widget on your web site read the SDK page

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.


Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Build for production with : ng build --prod --base-href --output-hashing none

Widget in action

To see this widget in action you can go on ''

Deploy to AWS S3 (Optional)

Run : aws s3 sync . s3://tiledesk-widget

Or With a different AWS Profile:

Run : aws --profile f21 s3 sync . s3://tiledesk-widget


docker image build -t tiledesk-web-widget . docker run -p 4200:80 tiledesk-web-widget