> For the complete documentation index, see [llms.txt](https://help.cosmobots.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.cosmobots.io/help/outros/dicas/formatacao-em-negrito-e-italico-para-canais-widget-e-whatsapp.md).

# Formatação em negrito e itálico para canais Widget e Whatsapp

{% embed url="<https://drive.google.com/file/d/1v4iB3h-FCOC2jRNcJVx5GGHq4iD-tt7C/view?usp=sharing>" %}

A maneira de inserir negrito e itálico no Whatsapp é diferente da maneira de inserir no site.

Por exemplo, no WhatsApp você formata em negrito utilizando asterisco, enquanto no site/Widget você utiliza HTML, porém o Widget não interpreta a formatação do WhatsApp e o WhatsApp não interpreta a do Widget.

Aqui vou explicar como utilizar o mesmo fluxo e ter ambas as formatações.

## Validando por qual canal o usuário entrou

1- Para sabermos por qual canal o usuário entrou, crie um filtro (antes ou depois da etapa de boas-vindas). Em campo selecione o campo **Contato - Whatsapp#**, em condição coloque **Não vazio:**

![](/files/L94vcD0q7naukipE1AzN)

## Criando formatação de cada canal

1-Do lado sim do filtro crie uma etapa javascript, de o nome de Formatação whastapp e cole o seguinte código:

```
//Formata negrito
context.negritoInicio="*"
context.negritoFim="*"

//Formata itálico
context.italicoInicio="_"
context.italicoFim="_"
```

![](/files/ZSz5NbopYUAIvJSguS90)

2- Do lado não do filtro, crie outra etapa javascript, dê o nome Formatação web e cole o seguinte código:

```
// Formata em negrito
context.negritoInicio="<b>"
context.negritoFim="</b>"

//Formata itálico
context.italicoInicio="<i>"
context.italicoFim="</i>"
```

## Colocando a formatação na etapa de mensagem

1-Após criar a etapa javascript para o canal Widget, crie uma etapa existente que direcione a mensagem que deve ser formatada:

![](/files/yXwUhHECcxtNOLfbfNcg)

2- Na mensagem que você deseja formatar em negrito, no início da frase/palavra  entre duas chaves de abertura e fechamento, insira o contexto negrito inicio, copie e cole no início da frase: {{context.negritoInicio}}

![](/files/il1Z903hHgQYHaXycA2z)

3- Ao final da frase/palavra que você deseja formatar em negrito insira entre duas chaves de abertura e fechamento o contexto negritoFim:{{context.negritoFim}}

![](/files/aPIhf9hHZMD7oPdLGttE)

{% hint style="info" %}
Caso queira formatar em itálico também, basta repedir o processo com o contexto  italicoInicio e italicoFim.
{% endhint %}

Pronto, agora as frases receberão a formatação correta de acordo com o canal que o cliente entrar.

![](/files/izcRCtpXwhAkejoDRj0E)