Create a widget

[Niina_P]

To create an entry point for customers to access your channels, you must create a widget and embed it on your website or landing page.

To create a widget:

1. Go to  Settings > Project > Promotion Tools and find the Widget editor section.
2. Click the Create new widget button.
   A popup opens showing the New widget window.
   
   
3. Give your widget a name, select which language the widget should be in, and select the active channels you want to include in the widget. You can select one or more channels.
4. Select the type of the widget:
   • Cube
   • Card
   • Chip
     If you selected the Webchat channel, your widget will automatically be created as a chip widget. Read more about widget types.
5. Click Next.
   The popup proceeds to the Privacy policy window. 
6. Select if your users have to agree to the privacy policy. Read more about the privacy policy.
7. Click Next.
   The popup proceeds to the Optical adjustment window.
8. Customize the widget as you wish in the color fields.
   If you're creating a chip widget that includes webchat and another channel, you can also select if you want to show a notification bubble. The bubble will show up in the chip icon after one second if the user hasn't yet clicked the icon to open the widget.
9. If your channel selection didn't include webchat, jump to step 10. If you selected webchat, click Next.
   The popup proceeds to the Webchat settings window. 
   In the Webchat settings window, you can define:
   • Greeting in chat: Add an optional greeting text that will be sent to the customer when they open the webchat window.
   • Button display delay: Choose the delay in seconds for the chip widget to be loaded on your website. By default, the delay is one second.
   • Open chat window automatically: Choose if you want the chat window to be opened automatically on your website.
     
   • Don't display chat outside available hours: Choose if you want the chat window to be accessible outside of the working hours defined for the Webchat channel.
     
   • Configure your own color and size: Customize your chat window as you wish – width, height, and colors.
     
10. Click Save.
    Finally, you will receive an HTML snippet that you need to integrate into your website. You can choose between an iframe and script integration.
    
    
    You can copy this to the clipboard and then add it to your website. To save your widget, click Done.

Tip: You can also find the HTML snippet in the widget list by clicking the three dots on the left side of the widget   and selecting HTML snippet.