Page Comparison

...

• Sidebar: a small tag on the left side of the screen

• Button: a button over the page in the right down corner

• popup: a dialog in the middle of the page

CTLive Interactive biltbuilt-in widget is only one

You can add custom widget loading your html, css files into the customDocument collection and then referencing at them using the sintax:

{
  "engagement_html" : "customDocument/sidebarEngagement.html?v=1",
  "engagement_css" : "customDocument/sidebarEngagement.css?v=1",
  "widget_html" : "customDocument/sidebarWidget.html?v=1",
  "widget_css" : "customDocument/sidebarWidget.css?v=1"
}

Logic

Widget Logic implemented in a dedicated JS file.

...

To implement a different FSM, WIDGET class is extensible overriding methods that you’d like to change.

For a complete list of widget object properties, please see this page Widget Object