Skip to main content
With the Chat Widget installed, any visitor to your website can open a conversation that arrives straight in the Inbox, alongside your other channels.
Who activates and configures: Administrator, Company Manager, Area Manager, and Unit Manager. Available on all plans; turning on Tino in the widget requires the Scale plan.The Tartini interface is in Portuguese. Screen and button names appear here exactly as on screen, with the translation in parentheses.

Activate the Chat Widget on a Unit

By default, no Unit has an active widget. Where to find it: Configurações > Canais > Chat Widget (Settings > Channels > Chat Widget).
1

Start a new widget

Click Novo widget (New widget) and choose the Unit, or click Ativar (Activate) directly on the row for the Unit you want.
2

Choose where conversations show up

Check Usar entidade atual (Use current entity) to bring the widget’s conversations together with your other channels, or Criar entidade dedicada (Create dedicated entity) to keep them in a separate Inbox.
3

Give the agent a name

Fill in Nome do agente (Agent name), the name that shows to the visitor in the chat header.
4

Activate

Click Ativar (Activate).

Install the code on your website

Where to find it: inside the Unit’s widget, Chave pública & Integração (Public key & Integration) section.
1

Open the Unit's widget

In the list, click Gerenciar (Manage) next to the Unit.
2

Copy the snippet

In the Chave pública & Integração section, copy the code under Snippet de integração (Integration snippet).
3

Paste it into your website

Ask whoever manages your website to paste this code before the closing </body> tag, on every page where the chat should appear.
If your website already has user login, there’s an advanced setting to identify who’s chatting. Whoever manages your system will find the details next to the snippet, in the Sistema com login (System with login) block.

Customize the appearance

1

Open Configuração

In the Unit’s widget, go to the Configuração (Configuration) section.
2

Adjust color, message, and position

Set Cor primária (Primary color), Mensagem de boas-vindas (Welcome message), and Posição no site (Position on site).
3

Choose the button style

Under Estilo do botão (Button style), choose between Bolinha (Bubble), Expandido (Expanded), or Ícone da marca (Brand icon).
4

Save

Click Salvar alterações (Save changes).
The preview alongside shows the widget as the visitor will see it, including the agent name and the welcome message.

Turn on Tino in the widget

1

Choose the transfer departments

In the Configurações do chat (Chat settings) section, check under Setores disponíveis para transferência (Departments available for transfer) which teams can receive a conversation from Tino.
2

Turn on Tino

Click Inteligência Artificial deste canal (Artificial intelligence for this channel) and follow the steps in AI by channel.
Available from the Scale plan onward. See how to set up hours and follow-up in Turn on Tino for a channel.

Frequently asked questions

Before the closing </body> tag, on every page where the chat should appear. Copy the snippet in the Chave pública & Integração section.
Copy the snippet again from Chave pública & Integração (Public key & Integration) after saving your changes, and replace the old code on your website.
This happens when the website doesn’t send the logged-in user’s identification. Generate an identity secret in the Chave pública & Integração section and set it up with whoever manages your system.