Zendesk-Webwidget for Angular 8+
Zendesk-Webwidget for Angular 1.x see here
Via npm:
$ npm i ngx-zendesk-widget --save
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { ngxZendeskWebwidgetModule } from 'ngx-zendesk-webwidget';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
ngxZendeskWebwidgetModule.forRoot()
],
bootstrap: [AppComponent]
})
export class AppModule { }
@NgModule({
exports: [
CommonModule,
ngxZendeskWebwidgetModule
]
})
export class SharedModule { }
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {ngxZendeskWebwidgetModule, ngxZendeskWebwidgetConfig} from 'ngx-zendesk-widget';
import {AppComponent} from './app';
export class ZendeskConfig extends ngxZendeskWebwidgetConfig {
accountUrl = 'yourdomain.zendesk.com';
beforePageLoad(zE) {
zE.setLocale('en');
zE.hide();
}
}
@NgModule({
imports: [
BrowserModule,
HttpClientModule,
ngxZendeskWebwidgetModule.forRoot(ZendeskConfig)
],
bootstrap: [AppComponent]
})
export class AppModule { }
import { ngxZendeskWebwidgetService } from 'ngx-zendesk-widget';
@Component({
selector: 'app',
templateUrl: './app.html'
})
export class app {
constructor(private _ngxZendeskWebwidgetService: ngxZendeskWebwidgetService) {
}
}
constructor(private _ngxZendeskWebwidgetService: ngxZendeskWebwidgetService) {
_ngxZendeskWebwidgetService.identify({
name: 'Leandro Diniz',
email: 'leandro.diniz@outlook.com.br'
})
_ngxZendeskWebwidgetService.show()
}
logout(){
_ngxZendeskWebwidgetService.hide()
}
}
setLocale(locale)
: Set locale to change language.identify(userObj)
: If your user is signed in, you can use this methods for to pass the details of that user to your Zendesk.hide()
: The method completely hides all parts of the Widget from the page.show()
: The method displays the Widget on the host page in its starting 'button' state.activate(options)
: The method activates and opens the Widget in its starting state.setHelpCenterSuggestions(options)
: The method enhances the contextual help provided by the Web Widget.setSettings(settings)
: The method setswindow.zESettings
.
For more info, see: ZendeskAPI
accountUrl
: Url of your domain (example.zendesk.com)beforePageLoad
: Callback, executed after Zendesk loaded
Please report bugs and issues here.
MIT © Leandro Diniz
- Support Angular 8
- Support Angular 6
- Support Angular 5
- Added custom settings
- Change documentation
- Added documentation
- Initial version