API Commands

Once you've registered your own plugin on the bus, you can call commands on other registered plugins. Below we'll quickly register a new plugin on the bus using the global bus object.

Important

The global bus object is a debug tool. When implementing Widgets on your own site, do not use the global bus object to register your custom plugins. Instead, see Widgets Extensions for more information about extending Genesys Widgets.

var oMyPlugin = window._genesys.widgets.bus.registerPlugin('MyPlugin');

oMyPlugin.command('Engage.invite');

invite

Opens the Engage Widget and renders the text based on the options provided. If no options are provided, it will not open.

Example

oMyPlugin.command('Engage.invite', {
	'type':'toast',
	'timeout':3000,
	'title':'Engagement Title',
	'body':'Engagement invite body content',
	'accept':'Yes',
	'decline':'No, thanks',
	'command': 'WebChat.open',
	'options':{'proactive'; true, 'userData': {'category': 'shoes'}}
});

oMyPlugin.command('Engage.invite',{
	'type':'toast',
	'timeout':3000,
	'title':'Engagement Title',
	'body':'Engagement invite body content',
	'accept':'Yes',
	'decline':'No, thanks'
}).done(function(response){

	// Act upon the received response code 

	switch(response){
	case 'accepted':oMyPlugin.command('WebChat.open'); 
			break;
	case 'declined': break;
	case 'closed': break;
	case 'timeout': break;
}

});

Options

Option	Type	Description	Accepted Values
type	string	Widget display type.	toast
timeout	number	Timeout integer in milliseconds.	n/a
title	string	String for widget title.	n/a
body	string	String for offer body text.	n/a
accept	string	String for Accept button text.	n/a
decline	string	String for Decline button text.	n/a
command	string	Command to execute.	n/a
options	object	Options related to the command provided.	n/a

Resolutions

Status	When	Returns
resolved	When engage invite is accepted by user.	accepted
resolved	When engage invite is declined by user.	declined
resolved	When engage invite widget is closed by user.	closed
resolved	When engage invite widget closes due to timeout.	timeout

offer

Opens an Offer Widget using the data passed through the command options provided below. This data includes both rendering options and the actual data to be displayed in the Offer Widget. If no options are provided, it will not open.

Example

oMyPlugin.command('Engage.offer', {
	'mode':'overlay',
	'modal':false,
	'layout':'rightText',
	'headline':'Great Deals!',
	'description':'',
	'cta':{
		text:'',
		'url':'',
		'target':'_blank',
		'command':'',
		'commandOptions':''
	},
	'image':{
		'src':'','alt':''
	},
	'insertAfter':'.header',
	'styles':{
		'closeButton':{
			'color':'',
			'opacity':''
		},'overlay':{
			'center':true
		},
		'offer':{
			'backgroundColor:'',
			'color':'',
			'padding':''
		}});

Options

Option	Type	Description	Accepted Values	Default	Introduced / Updated
mode	string	Display type of Offer Widget.	overlay, toaster	toaster	9.0.015.04
modal	boolean	Applicable only when mode is 'overlay'. A smokescreen will be shown in the background of overlay modal window. This window can be dismissed by clicking anywhere in the smokescreen area.	n/a	false	9.0.015.04
layout	string	Additional layout options supported for all modes.	minimal, leftText, rightText, topText, bottomText	leftText	9.0.015.04
headline	string	Offer title header text	n/a	n/a	9.0.015.04
description	string	Offer body description text	n/a	n/a	9.0.015.04
cta	object	An object containing html attributes and/or CXBus command for the CTA (call to action) button	n/a	n/a	9.0.015.04
cta.text	string	CTA button text	n/a	n/a	9.0.015.04
cta.url	string	URL string for the CTA button. Note: The URL must be properly defined with the complete Protocol URL Address. For example, https://www.genesys.com	_blank, _parent, _self, _top, framename	n/a	9.0.015.04
cta.target	string	To specify where the URL should be opened	n/a	n/a	9.0.015.04
cta.command	string	A CXBus command to execute	n/a	n/a	9.0.015.04
cta.commandOptions	string	Options related to CXBUs command	n/a	n/a	9.0.015.04
image	object	An object containing image tag attributes	n/a	n/a	9.0.015.04
image.src	string	URL of the image	n/a	n/a	9.0.015.04
image.alt	string	Alternate text for the image	n/a	n/a	9.0.015.04
insertAfter	string	An id or class name of an html selector from the host page. The Offer will be inserted after this element. The value mentioned here should be preceded with the standard Class ('.') and ID selector ('#') character	n/a	n/a	9.0.015.04
insertBefore	string	An id or class name of an html selector from the host page. The Offer will be inserted before this element. The value mentioned here should be preceded with the standard Class ('.') and ID selector ('#') character	n/a	n/a	9.0.015.04
insertInto	string	An id or class name of an html selector from the host page. The Offer will be appended inside this element. The value mentioned here should be preceded with the standard Class ('.') and ID selector ('#') character	n/a	n/a	9.0.015.04
styles	object	An Object containing styles for the Offer content	n/a	n/a	9.0.015.04
styles.closeButton	object	An Object containing styles for the close button	n/a	n/a	9.0.015.04
styles.closeButton.color	string	Color of the close button	n/a	n/a	9.0.015.04
styles.closeButton.opacity	number	CSS 'opacity' property for the close button	n/a	n/a	9.0.015.04
styles.overlay	object	An Object containing styles for the overlay container	n/a	n/a	9.0.015.04
styles.overlay.top	string	CSS 'top' property for the overlay container	n/a	n/a	9.0.015.04
styles.overlay.right	string	CSS 'right' property for the overlay container	n/a	n/a	9.0.015.04
styles.overlay.bottom	string	CSS 'bottom' property for the overlay container	n/a	n/a	9.0.015.04
styles.overlay.left	string	CSS 'left' property for the overlay container Note: When all the position values are provided, the order of precedence will be Top, Right, Bottom and Left.	n/a	n/a	9.0.015.04
styles.overlay.center	boolean	Aligns overlay container to the center of the screen	n/a	true	9.0.015.04
styles.offer	object	An Object containing styles for the Offer window	n/a	n/a	9.0.015.04
styles.offer.backgroundColor	string	Back ground color of the Offer	n/a	n/a	9.0.015.04
styles.offer.color	string	Text color of the Offer	n/a	n/a	9.0.015.04
styles.offer.padding	string	Padding for the Offer container	n/a	0	9.0.015.04
styles.title	object	An Object containing styles for the title	n/a	n/a	9.0.015.04
styles.title.font	string	CSS 'font' property for the title	n/a	n/a	9.0.015.04
styles.title.textAlign	string	CSS 'text-align' property for the title	n/a	n/a	9.0.015.04
styles.headline	object	An Object containing styles for the header text	n/a	n/a	9.0.015.04
styles.headline.font	string	CSS 'font' property for the header text	n/a	n/a	9.0.015.04
styles.headline.textAlign	string	CSS 'text-align' property for the header text	n/a	n/a	9.0.015.04
styles.description	object	An Object containing styles for the Offer description text	n/a	n/a	9.0.015.04
styles.description.font	string	CSS 'font' property for the description text	n/a	n/a	9.0.015.04
styles.description.textAlign	string	CSS 'text-align' property for the description text	n/a	n/a	9.0.015.04
styles.ctaButton	object	An Object containing styles for call to action button in the Offer window	n/a	n/a	9.0.015.04
styles.ctaButton.font	string	CSS 'font' property for the text in call to action button	n/a	n/a	9.0.015.04
styles.ctaButton.textAlign	string	CSS 'text-align' property for the text in call to action button	n/a	n/a	9.0.015.04
styles.ctaButton.background	string	CSS 'background' property for the call to action button	n/a	n/a	9.0.015.04
styles.ctaButton.color	string	CSS 'color' property for the text in call to action button	n/a	n/a	9.0.015.04
styles.ctaButton.fontSize	string	CSS 'font-size' property for the text in call to action button	n/a	n/a	9.0.015.04