Digital channels
    • 25 Nov 2024
    • 5 Minutes to read
    • Dark
      Light
    • PDF

    Digital channels

    • Dark
      Light
    • PDF

    Article summary

    Who should read this article: Administrators

    You can connect, configure, and manage digital channels to your contact center to enable your agents to handled omnichannel interactions.

    Introduction

    The Omnichannel Workspace supports multiple digital channels in one convenient and powerful agent interface. Use the Digital channels page to view and manage the digital channels available for agents in your contact center. You can add channnels, and edit the configuration of existing channels. To associate a channel with a flow, you must first add the channel to the Digital channels page.

    To access the Digital channels page, from the Voiso navigation bar, navigate to Administration > Digital channels.

    Digital Channels Main Page

    The Digital channels page contains a searchable table that lists all your digital channels. You can sort by any column.

    HeadDescription
    Created onThe date that the channel was first added.
    TypeAn icon representing the channel type. Refer to the table below for a key to the icons.
    NameThe name assigned to the channel. This name is used as a reference when you associate a channel to a flow or user.
    FlowsThe name of one or more flows where the channel is used.

    The Type column uses the following icons to indicate the channel type:

    IconChannel
    Message Templates Telegram IconTelegram
    Message Templates Web-chat IconWebchat

    To delete one or more channels, hover your mouse pointer over the channel row, then click Delete (the trash can icon). You can also delete a channel from the Edit channel page by clicking the Delete (the trash can icon).

    Channel support by plan

    The following table shows you which digital channels are supported for your plan:

    ChannelStartupPro/Pro+
    Facebook
    Instagram
    Telegram
    Viber
    Webchat
    WhatsApp

    Adding a channel

    To add a new digital channel, in the Voiso navigation bar, navigate to Administration > Digital channels, then follow these steps:

    1. Click Add channel to display the Add channel page.
      Digital Channels Add Channel Page
    2. In the General section, enter and name for the channel in the Channel name field. The name is used in other interfaces, such as Flows, Users, System settings, and Omnichannel Workspace.
    3. From the Channel type menu, select one of the digital channels that is enabled for your contact center.
    4. A channel specific configuration section is displayed to enable you to set up the channel. Refer to the subsections below for channel specific configuration information.
    5. Click Save to add the channel to your contact center.

    Telegram configuration

    The Voiso Telegram channel enables your agents to reply to messages from your contacts and engage in conversations with Telegram users.

    For more information about the Telegram channel, refer to these articles:

    If you selected the Telegram channel in the General section, the Configuration section is displayed. To set up the Telegram channel, enter the Telegram access token from @BotFather in the Access token field.

    Digital Channels Add Channel Page Telegram

    Webchat configuration

    The Voiso Webchat channel provides a widget that you embed on your website to allow your website visitors to send Webchat interactions to your agents.

    For more information about the Webchat channel, refer to these articles:

    To set up the Webchat channel widget and get JavaScript code that you embed in your website, follow these steps:

    1. In the Channel name field, enter a name for your channel.
    2. Select the Webchat channel type to display the Configuration section.
      Digital Channels Add Channel Webchat
    3. In the Heading field, enter the name that appears at the top of the widget.
    4. From the Color menu, select the color of the agent messages displayed to your website visitors. You can preview the widget in the Preview area.
    5. When you are satisfied with the appearance of the widget, click Generate code to display JavaScript code that you can copy and add to your website.
      Digital Channels Webchat Channel Configuration
    6. To generate a link to preview your widget, click Regenerate code (1). In the Preview your widget link field (2), click the Copy button, then paste the URL into a new browser tab or window. In the Code to include field (3), click the Copy button to copy the JavaScript code you embed in your website to activate the widget.
      Digital Channels Webchat Channel Configuration
    7. If you make changes to the configuration, click Regenerate code to update the preview and code.
    8. Click Save to add the new channel to your contact center.
    Tip

    You can adjust the dimensions of the widget by editing the JS code. The default height and width are 600px by 320px. The width can be set to any value between 320px and 768px, and the height can be set to any value between 600px and 800px.

    Webchat widget preview

    When you configure the Webchat channel, you can preview how the widget will look on a website using the preview URL in the Preview your widget field of the Configuration section.

    Tip

    Any time you modify the widget configuration, click Regenerate code to get the latest preview URL and embeddable code.

    Paste the URL into a new browser tab or window to display the preview page.

    Digital Channels Webchat Preview

    Try out the widget by clicking the Chat icon on the lower right corner of the browser window.

    Digital Channels Webchat Preview Masked

    Identifying contacts

    If your website allows contacts to log in before starting a webchat, Voiso offers a username parameter in the widget script. This parameter lets you programmatically insert the contact's name or ID into the script. When a logged-in contact clicks the Chat icon, the page loads and the script launches, allowing your website code to populate it programmatically with the contact’s name or ID. If no data is added to the username parameter, Voiso will display the contact as Guest.

    When the username parameter is populated, messages sent to your agent in Omnichannel Workspace include the contact’s name or ID.

    The Webchat widget on mobile phones

    The widget appearance you specified when you added it automatically adjusts to fit the entire screen of the mobile phone being used. Fonts and attachment previews are also optimized for mobile displays, so they may appear slightly different from how they look on a desktop browser.

    Emojis are managed directly through the mobile device's keyboard, so your contacts will only see the Attach and Send buttons. The Send button becomes highlighted when your contact starts typing in the message field.

    Editing a channel

    To edit the configuration of a channel that has already been added to the Digital channels page, click the name of the channel in the table to display the Edit channel page.

    Make updates to the configuration then click Save to commit the changes.

    Digital Channels Edit Channel Webchat


    Was this article helpful?