Digital Call Buttons

SYNQ digital call buttons are easy to deploy QR codes that link customers with smart phones to a friendly web interface where they can request assistance from a variety of configurable prompts. These requests are relayed to associates via the notification channel of your choosing.

Create a Digital Call Button display

To create a new digital call button QR Code:

1. Sign into MyStore
2. Select Call for Help
3. Select Settings
4. Scroll down to Call for Help Displays
5. Click Create a new Call for Help display
6. Enter the following information:
   • Display Name
   • Notification Channel
   • Escalations Channel
7. Select the desired Display Options to present to the customer.
   • You can include between one and four options.
   • The list of available options come from your configured list of Call for Help Prompts. See Prompts for more information.
8. Check the Enable QR Code checkbox
9. Click Submit Options

Test a QR Code Display

To test a QR Code display:

1. Sign into MyStore
2. Select Call for Help
3. Select Settings
4. Scroll down to Call for Help Buttons
5. Click Download Display QRCode
6. To test the display from your PC, click the Try it Out button.
7. A popup window open (emulating the customer's experience on their smart phone)
8. Select an option
9. Validate that the call for help request appears as a notification in the expected Teams channel

Customer Experience

Select an option

The customer selects from a list of options the type of help they desire.

Request received

After submitting their request the customer sees a progress tracker page that showing that their request has been received.

Request escalated

If the request is not claimed within the configured escalation timeout the progress tracker page can optionally show the customer that their request has been escalated.

Request claimed

Once the request is claimed by a staff member the progress tracker page updates to show that someone will be there soon.

Request done

Once a staff member indicates that they are on their way the progress tracker page updates to show that the staff member is arriving.

Settings

Staff Display Name Format

When staff claim a request the system knows who did it. By default the full name of the staff member is displayed in the notification presented to staff and the customer facing tracking page of digital call buttons. You can use the Staff Display Name Format setting to limit the name shown to just the first name, or provide something generic like "An Associate".

Custom Input

By default, digital call buttons only allow the customer to select from a set of predefined prompts. If you would like the customer to be able to provide their own request by typing it in or using their web browser's microphone, you can enable the Allow custom input setting.

note

Customer supplied inputs are limited to 200 characters and will be rejected if they fail to pass a profanity filter.

Mascot Image

The customer facing status page of a digital call button shows the progress of the request. This page shows a set of friendly mascots that aim to represent staff hard at work trying to service the customer request. If you don't want to see these mascot images you can disable them with the Display mascot image on tracking page setting.

Customer Facing Escalations

Customers hate waiting. But they are more willing to wait if they see that there is some urgency on the part of your staff. You can choose to expose the escalated state of a digital call button request to your customer with the Display escalated state on tracking page setting.

Branding

Digital call buttons provide a web interface for customers so it is important to provide your store's branding to them so that they feel like a natural part of your store.

To update the branding of your digital call buttons:

1. Sign into MyStore
2. Select Call for Help
3. Select Settings
4. Scroll down to Custom Style

To set the logo:

1. Provide the URL to a SVG or PNG image of your brand logo
   • The image's size will be adjusted automatically:
     • Maximum height: 100 pixels
     • Maximum width: 150 pixels
   • We recommend using an image with a transparent background
2. Click Apply

To set brand fonts and colors:

1. Provide valid CSS definitions in the "Custom CSS" editor.
2. Click Update Custom CSS

For example:

:root {
  /*Page Style*/
  --branding-bar-background: black;
  --branding-page-background: white;
  --display-name-text-color: white;

  /*Button Style*/
  --button-color: white;
  --button-color-pressed: black;
  --button-border-color: black;
  --button-text-color: black;
  --button-text-color-pressed: white;

  /*Progress Modal Style*/
  --progress-circle-color: black;
}