AMAZD offers various flow options to fit your needs perfectly and offer a unique experience on your website.

Let's start with the customization of the software to your needs. In the following code snippet you can change all parameter you need to change in order to adjust the software to your needs.

Integration

Use the script below to embed the Amazd widget into your page (you will need to replace your-company-handle with your company's real handle).

<script>
 window.onAmazdReady = function (amazd) {
   amazd.showBubble();
 };

 (function(d, s, c) {
   var e = d.createElement(s), t = d.getElementsByTagName(s)[0]; e.id = 'amazd-script-tag'; e.async = true; e.company = c; e.src = 'https://widget.amazd.co/widget.js'; t.parentNode.insertBefore(e, t);  })(document, 'script', 'your-company-handle');
</script>

Settings

expertHandle

  • String
  • Optional
  • Default: undefined
window.onAmazdReady = function (amazd) {
 amazd.configure({
   expertHandle: 'handle2343',
 })
;};

persistence

  • Boolean
  • Optional
  • Default: true
window.onAmazdReady = function (amazd) {
 amazd.configure({
   persistence: true,
 })
;};

‍

tags

  • Array
  • Optional
  • Default: undefined
window.onAmazdReady = function (amazd) {
 amazd.configure({
   tags: ['one', 'two'],
 })
;};

‍

selectedTab

  • 'chat' | 'calls' | 'wishbag'
  • Optional
  • Default: chat
window.onAmazdReady = function (amazd) {
 amazd.configure({
   selectedTab: 'chat' | 'calls' | 'wishbag',
 })
;};

‍

Inflow

deflection

  • Boolean
  • Optional
  • Default: false
window.onAmazdReady = function (amazd) {
amazd.configure({
   inflow: {
     deflection: false,
   },
 });
;};

‍

expertList

  • Boolean
  • Optional
  • Default: false
window.onAmazdReady = function (amazd) {
amazd.configure({
   inflow: {
     expertList: false,
   },
 });
;};

‍

expertProfile

  • Boolean
  • Optional
  • Default: false
window.onAmazdReady = function (amazd) {
amazd.configure({
   inflow: {
     expertProfile: false,
   },
 });
;};

‍

expertScheduling

  • Boolean
  • Optional
  • Default: false
window.onAmazdReady = function (amazd) {
amazd.configure({
   inflow: {
     expertScheduling: false,
   },
 });
;};

‍

companyScheduling

  • Boolean
  • Optional
  • Default: false
window.onAmazdReady = function (amazd) {
amazd.configure({
   inflow: {
     companyScheduling: false,
   },
 });
;};

‍

Expert Tagging

Any tags can be set to play out specific expert selection lists

Example: The kind of tags and how to divide the team
  • With the help of tags, experts can be assigned to predefined groups (teams) (e.g. Munich, Berlin, ... or Support, Sales, Marketing)
  • By means of these tags the expert selection list or the displayed expert can be specifically preselected (as widget parameter or URL parameter)
  • For example, it is possible to display a specific expert selection list depending on the product category - the customer only sees the preselected experts for the respective category
  • Experts can have multiple tags and thus appear in different expert selection lists
  • Teams can be displayed simulatenously within one selection list
Example tags description
departments: sales, customer support, external experts
teams: team-1, team-2, team-3, ...
geography: de, at, us, uk, ...
stores: berlin, munich, london, ...
categories: skiing, snowboarding, surfing, mountain-biking, ...
Integrate tags into the code

The integration of the tags into the code is simply done as explained above. You can add as many tags as you like. If you add multiple tags to a code, the teams per tag will be displayed simultaneously. Tags should be comma-separated or can be just one tag.

Example flow with a subset of your team according to store locations "munich":

window.onAmazdReady = function (amazd) {
 amazd.configure({
   tags: ['sales', 'customer support'],
 })
;};