Guia de Configuração

Siga os passos abaixo para criar e configurar o Meta App necessário para o Embedded Signup funcionar.

Configuração pendente

META_APP_ID: ✓ 4426547934241514

META_APP_SECRET: ✓ Configurado

META_CONFIG_ID: ✗ Não configurado

1

Criar conta de Desenvolvedor

Se ainda não tem, crie uma conta de desenvolvedor Meta.

  1. Acesse developers.facebook.com
  2. Faça login com sua conta Facebook/Meta
  3. Aceite os termos de desenvolvedor
2

Criar o Meta App

Crie um novo app do tipo Empresa no painel de desenvolvedores.

  1. No painel, clique em "Meus Apps" (menu superior)
  2. Clique em "Criar App"
  3. Tela "Caso de uso": Selecione "Outros" → clique Próximo
  4. Tela "Tipo de app": Selecione "Empresa" (NÃO "Consumidor") → clique Próximo
  5. Preencha o nome do app (ex: "WABA Advance") e email de contato
  6. Selecione o Business Portfolio (Business Manager) da Advance Telecom
  7. Clique em "Criar App"
IMPORTANTE: Deve ser "Empresa", nunca "Consumidor". O tipo "Consumidor" NÃO tem acesso ao WhatsApp Business e o tipo não pode ser alterado depois de criado.
Dica: O Business Portfolio precisa ser o da sua empresa (Advance Telecom), não o do cliente. Cada cliente fará login com a conta dele no momento da ativação.
3

Adicionar o produto WhatsApp

Adicione o WhatsApp como produto ao seu app.

  1. No dashboard do app, role até "Adicionar produtos ao seu app"
  2. Encontre "WhatsApp" e clique em "Configurar"
  3. Selecione seu Business Portfolio novamente quando solicitado
4

Copiar App ID e App Secret

Anote as credenciais do app.

  1. No menu lateral, vá em "Configurações do App" → "Básico"
  2. Copie o ID do App (App ID)
  3. Clique em "Mostrar" ao lado de Chave Secreta do App (App Secret) e copie

Cole esses valores no arquivo .env na raiz do projeto:

META_APP_ID=seu_app_id_aqui
META_APP_SECRET=seu_app_secret_aqui
5

Configurar Facebook Login para Embedded Signup

Crie a configuração necessária para o fluxo de Embedded Signup.

  1. No menu lateral, vá em "WhatsApp" → "Embedded Signup"
  2. Ou acesse "Facebook Login" → "Configuração"
  3. Clique em "Criar configuração"
  4. Em "URIs de redirecionamento OAuth válidos", adicione:
    https://waba-creator.advancetelecom.com.br/
  5. Em "Origens do JavaScript permitidas", adicione:
    https://waba-creator.advancetelecom.com.br
  6. Copie o Configuration ID gerado

Cole no arquivo .env:

META_CONFIG_ID=seu_config_id_aqui
6

Configurar Webhook (Opcional)

Configure o webhook para receber notificações de mensagens.

  1. No menu lateral, vá em "WhatsApp" → "Configuração"
  2. Na seção Webhook, clique em "Editar"
  3. URL do Callback:
    https://waba-creator.advancetelecom.com.br/webhook.php
  4. Token de Verificação:
    waba_creator_verify_ea9d740223f5fb73f57e1e85bbcfc634
  5. Clique em "Verificar e Salvar"
  6. Assine os campos: messages
7

Ativar Modo Live

Para uso em produção, o app precisa estar em modo Live.

  1. Na parte superior do painel do app, localize o toggle "Modo do App"
  2. Altere de "Desenvolvimento" para "Live"
  3. Pode ser necessário completar a verificação do negócio primeiro
Nota: Em modo desenvolvimento, apenas 5 números de teste podem ser utilizados. Para ativar WABAs de clientes reais, o app precisa estar em modo Live.

Tudo configurado?

Após preencher as credenciais no config.php, a página de ativação estará pronta!

Ir para Ativação