Connect Amio Chat

This tutorial guides you through the creation of Amio Chat channel and the basic setup of Amio Web Chat.

1. Create Channel

  1. Log in to app.amio.io.
  2. In administration, go to channels.
  3. Click on Add New Channel select Amio Chat.
  4. Fill in the name of the channel.
  5. Click Connect.

2. Allow Amio Web Chat to connect to the Channel

  1. In the details page of your Channel, go to Settings tab.
  2. Click Edit.
  3. Click Add Domain and add this domain to the list: https://chat-widget.static-amio.com:443
  4. Click Save.

When setup correctly, your Settings tab will look like this:

3. Embed Amio Web Chat to your webpage directly


📘

Don't forget to replace {CHANNEL_ID} with the ID of your Amio Chat channel.

Check all available customization at window.amioWebchat.init()


4. Embed Amio Web Chat to your webpage with GTM

  1. Go to your Google Tag Manager container and create a new tag.

  1. Go to Tag Configuration - Click -> Choose a tag

  1. Get the code in Amio app
  • Choose Chat language for your chatbot
  • Click "Deploy chat"

  • Choose JavaScript code - and click "Copy"


(Additional parameters - these should be given to you by your account manager.)

  • Channel ID - ID of channel in Amio
  • Logo URL - link to a logo displayed in the header of the chat
  • Theme - the visual design of your chat

4.Add triggering - All Pages


  1. Save and submit!