Como criar e testar WhatsApp Flows visuais no Meta Playground
Neste artigo, você aprenderá a usar a aba Meta Playground para criar e testar protótipos visuais do WhatsApp Flows, sem a necessidade de escrever código ou integrar a API do WhatsApp. Essa ferramenta é ideal para equipes que desejam iterar rapidamente em designs ou fluxos antes de implementá-los em produção.
O que é o Meta Playground?
O Meta Playground é uma ferramenta fornecida pela Meta que permite a desenvolvedores, designers e equipes de negócios criar e visualizar fluxos de mensagens do WhatsApp de forma intuitiva, utilizando uma interface gráfica em vez de código.
Com essa ferramenta, é possível:
- Projetar fluxos de conversa interativos.
- Testar a experiência do usuário diretamente no ambiente de design.
- Exportar os fluxos para uso em uma futura implementação.
Link para acessar a ferramenta Meta Playground
Benefícios de utilizar Meta Playground
- Sem necessidade de código ou APIs: Perfeito para usuários sem conhecimentos técnicos.
- Iteração rápida: Teste e ajuste seus fluxos em minutos.
- Protótipos realistas: Visualize como seus fluxos vão aparecer e funcionar no WhatsApp antes de lançá-los.
- Colaboração simplificada: Compartilhe seus protótipos com outras equipes para receber feedback.
Como funciona o Meta Playground?
A interface de design é dividida em três seções principais:
Telas
Aqui você deve adicionar e criar todas as telas na ordem em que o Flow será estruturado. É possível alterar a ordem das telas clicando e arrastando o ícone de seis pontos.
Editar Conteúdo
Aqui é onde o conteúdo das telas é criado e modificado.É possível adicionar vários tipos de conteúdo:
- Texto
- Cabeçalho grande
- Cabeçalho pequeno
- Rodapé de foto ou vídeo
- Corpo
- Conteúdo multimídia
- Imagem
- Resposta de texto
- Resposta curta
- Parágrafo
- Seletor de datas
- Seleção
- Opção única
- Opção múltipla
- Lista suspensa
- Ativar
Visualização Prévia
Nesta seção, é possível visualizar cada tela do WhatsApp Flow, interagir e testar os textos e botões, assim como alterar a configuração visual.
Para testar o funcionamento do Flow, é necessário ativar a opção de "Modo Interativo".
Nota: é possível configurar visualmente o Flow dependendo da interface do sistema operacional (Android ou iOS) e do tema de fundo (Claro ou Escuro).
Como exportar o design do WhatsApp Flows para a Botmaker?
Você pode exportar o protótipo e utilizá-lo dentro da seção WhatsApp Flows na Botmaker.Após criar e finalizar o modelo de WhatsApp Flows:
- Selecione a opção "Copy Flow JSON".
- Abra o Editor de Código do WhatsApp Flow na Botmaker.
- Selecione todo o código existente e exclua-o.
- Pressione Ctrl+V ou clique com o botão direito e selecione "Colar" para colar o código do seu design.
Nota: considere que este código é gerado automaticamente pela aplicação e, portanto, não será totalmente legível nem amigável aos olhos caso você deseje realizar modificações manualmente sobre ele.
Perguntas frequentes
- É necessário ter conhecimentos técnicos para usar o Meta Playground?Não, o Meta Playground foi projetado para ser usado por qualquer pessoa, independentemente da sua experiência técnica.
- É possível usar este protótipo diretamente em produção?Não, o Meta Playground é uma ferramenta para criar e testar protótipos. Os fluxos exportados devem ser integrados corretamente com a API oficial do WhatsApp para funcionar em produção.
Lembre-se de visitar nossa Central de Ajuda para obter mais informações.