Pular para o conteúdo principal
Você pode colocar Typeforms nas aulas de duas formas fáceis usando só HTML:
  1. Inline → o formulário aparece diretamente dentro da página da aula.
  2. Modal → o formulário abre em uma janela flutuante ao clicar em um botão ou link.
Tudo usa atributos data-tf-* + script que você coloca uma única vez nas configurações.

Passo 1: Coloque o script do Typeform (só uma vez!)

Vá em Configurações da Memberkit → área de código personalizado (inserir no final da tag <head>). Cole esse trecho de código lá para carregar a biblioteca do Typeform:
<script src="//embed.typeform.com/next/embed.js"></script>
Coloque isso uma única vez nas configurações globais — não repita em cada aula.

Passo 2: Pegue o ID do seu Typeform

  • Abra seu formulário no Typeform.
  • Vá em ShareEmbed in a webpage.
  • Copie o ID (a parte depois de https://form.typeform.com/to/, algo como abc123XYZ).
Exemplo: abc123def456

Passo 3: Inline — Formulário embutido na aula

  1. Abra a aula que você quer editar.
  2. No editor de conteúdo, clique no ícone ”</>” (parece uma tag de fechamento HTML) para entrar no modo HTML. Isso é importante! Se você colar o código no modo visual/normal, o código não vai funcionar direito.
  3. Cole um desses códigos no lugar onde quer que o formulário apareça:
<div data-tf-widget="SEU_FORM_ID"></div>
Troque SEU_FORM_ID pelo ID real. Versão mais limpa (sem cabeçalho nem rodapé):
<div
  data-tf-widget="SEU_FORM_ID"
  data-tf-hide-headers
  data-tf-hide-footer
  data-tf-opacity="0">
</div>

Passo 4: Modal — Abre ao clicar

No editor da aula, use um desses códigos onde quiser o botão ou link: Botão simples:
<button data-tf-popup="SEU_FORM_ID">Abrir formulário</button>
Link de texto:
<a href="#" data-tf-popup="SEU_FORM_ID">Clique aqui para responder</a>
Com cabeçalho/rodapé escondidos no popup (opcional):
<button
  data-tf-popup="SEU_FORM_ID"
  data-tf-hide-headers
  data-tf-hide-footer>
  Abrir formulário
</button>

Dicas rápidas para Memberkit

  • Sempre entre no modo HTML (ícone ”</>”) antes de colar qualquer código Typeform.
  • Navegue entre aulas para ver se carrega corretamente.
  • Funciona bem no celular.
  • Não coloque o script em cada aula — só nas configurações globais.
  • Se nada aparecer, confira se o script está nas configurações.
Se precisar de mais opções de personalização (como mudar cores, tamanho do popup, pré-preencher respostas, etc.), confira a documentação oficial do Typeform sobre embeds. Pronto! Com isso o Typeform fica integrado de forma simples na Memberkit. Seus alunos respondem tudo sem sair da sua área de membros.