Formulários simples

Use esta página quando você quer colocar um formulário da Clickmax no ar com o menor esforço possível.

Antes de começar

Você precisa:

  • criar uma página externa na Clickmax
  • adicionar essa página ao seu funil
  • instalar o loader do Browser SDK no <head> da página

Depois disso, o jeito mais simples de capturar leads é marcar um formulário existente com data-cx-ingest-form.

Exemplo mínimo

<form
  data-cx-ingest-form
  data-cx-success-message="Enviado com sucesso!">
  <input data-cx-field="name" placeholder="Seu nome" />
  <input data-cx-field="email" placeholder="Seu e-mail" />
  <input data-cx-field="telephone" placeholder="Seu telefone" />
  <button type="submit">Enviar</button>
</form>

O que esse exemplo já faz

  • coleta name, email e telephone
  • envia os dados para a Clickmax
  • inclui UTM da página quando existirem
  • mostra mensagem de sucesso
  • permite que a Clickmax acompanhe esse envio no funil

Campos recomendados

Para um formulário simples, use estes campos:

  • name
  • email
  • telephone
  • website como honeypot

Exemplo:

<form
  data-cx-ingest-form
  data-cx-success-message="Enviado com sucesso!">
  <input data-cx-field="name" placeholder="Seu nome" />
  <input data-cx-field="email" placeholder="Seu e-mail" />
  <input data-cx-field="telephone" placeholder="Seu telefone" />
  <input type="text" data-cx-field="website" hidden />
  <button type="submit">Enviar</button>
</form>

Quando usar esta abordagem

Use form[data-cx-ingest-form] quando:

  • você já tem o HTML do formulário
  • você quer continuar controlando o layout
  • você quer a integração mais simples possível