# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.cosmobots.io/help/outros/dicas/formatacao-em-negrito-e-italico-para-canais-widget-e-whatsapp.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.