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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.