{"section":"tutorials","requestedLocale":"pt","requestedSlug":"cartao-de-mensagem-do-whatsapp","locale":"pt","slug":"cartao-de-mensagem-do-whatsapp","path":"docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp.md","branch":"main","content":"O cartão de mensagem do WhatsApp permite utilizar os recursos oferecidos pela Meta para tornar a interação mais atrativa. Com diversas ferramentas de formatação, é possível criar interações variadas, importar arquivos, solicitar localização, usar respostas rápidas e menus interativos com botões descritivos. Tudo isso pode ser configurado diretamente no fluxo, em poucos passos.\n\n1. No seu fluxo adicione o cartão **Mensagem do WhatsApp.**\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_1.png)\n\nA opção de mensagem simples mantém todas as funcionalidades do cartão enviar mensagem, permitindo o upload de mídia, a formatação de texto e a inserção de emojis.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_2.png)\n\n## Mensagem interativa\n\nA escolha da mensagem interativa proporciona uma experiência aprimorada, permitindo opções como **respostas rápidas, lista de opções, solicitação de localização e botão de URL**. Essas funcionalidades são essenciais para tornar a comunicação mais engajadora.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_1.png)\n\n### Respostas rápidas\n\n1. No **cabeçalho**, escolha enviar uma **mídia ou um texto.**\n2. Caso selecione a opção de texto para o cabeçalho, basta escrever no campo ao lado (texto do cabeçalho).\n3. Caso selecione a opção de mídia para o cabeçalho, basta usar sua mídia fazendo upload do seu dispositivo ou colando a URL. **Sua mídia pode ser uma imagem, vídeo, arquivo em pdf ou áudio.**\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_2.png)\n\n1. Preencha os campos com **mensagens pré-definidas** para agilizar as respostas e proporcionar uma experiência mais fluida e eficiente para os usuários. Nesta etapa, você também pode **adicionar uma mensagem de rodap é.**\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_3.png)\n\nCada campo de respostas rápida têm um **limite de 20 caracteres**, e você pode incluir até 3 opções de texto, de acordo com as regras estabelecidas pela Meta. Além disso, as opções de mensagens rápidas precisam ser diferentes entre si.\n\n1. Depois de preencher os campos, clique no botão **Confirmar**. A seguir, veja um exemplo de como a mensagem será exibida no WhatsApp:\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_4.png)![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_5.png)\n\n### Lista de opções\n\n1. Em **Interações** selecione a opção **Lista de Opções**. Aqui, você pode configurar até 10 botões com descrição. **Preencha os campos de cabeçalho, corpo e rodapé.**\n\nA diferença entre as Respostas Rápidas e a Lista de Opções é que esta oferece mais variedade. Além disso, você pode definir um título e subtítulo para a lista, outra diferença é que para Lista de Opções **não** é suportado o envio de mídia no cabeçalho.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_6.png)\n\n1. Após isso, adicione **opções** e preencha os campos de **título e descrição (opcional)** para cada opção adicionada.\n\n**Título:** Nome da opção, claro e conciso, refletindo seu conteúdo ou finalidade.\n**Descrição (opcional):** Detalhes adicionais sobre a opção, informativos e relevantes, para ajudar os usuários a compreendê-la melhor.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_7.png)\n\n1. Preencha o **Botão de Ação (opcional)** com um **texto atrativo** que aparecerá na mensagem para incentivar os usuários a clicar nele. Esse botão serve para chamar a atenção e, ao ser clicado, abrirá a lista de opções disponíveis.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_8.png)\n\n1. Após terminar esta etapa, clique em **Confirmar**. Veja um exemplo de como a mensagem será exibida no WhatsApp:\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_9.png)![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_10.png)\n\n### Solicitar localização\n\n1. Ainda em **Interações** é possível solicitar a localização do usuário de forma rápida e prática. Basta apenas selecionar a opção **Solicitar Localização** e preencher o campo de texto (mensagem).\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_11.png)\n\nVeja um exemplo de como a mensagem será exibida no WhatsApp:\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_12.png)\n\nEste cartão **não substitui** o envio do **template de mensagem.**\n\n### Cartão de URL\n\n1. Ainda em **Interações** você pode adicionar uma **Botão de URL**, isso permite a criação de um botão que direciona para qualquer link de sua escolha. Além disso, essa funcionalidade também oferece a possibilidade de incluir cabeçalhos e rodapés personalizados em texto.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_13.png)\n\nÉ possível adicionar uma variável na sua URL caso seja necessário.\n\nVeja um exemplo de como a mensagem será exibida no WhatsApp:\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_14.png)\n\nUtilize este cartão **apenas para URN no WhatsApp.**\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/fluxos/cartao-de-mensagem-do-whatsapp_15.png)\n\nO cartão **Enviar Mensagem WhatsApp** oferece melhorias que resultam em uma experiência de uso mais fluida e produtiva. Experimente agora e aproveite todos os novos recursos!"}