> ## Documentation Index
> Fetch the complete documentation index at: https://ajuda.memberkit.com.br/llms.txt
> Use this file to discover all available pages before exploring further.
# Typeform
> Aprenda como incorporar Typeform na Memberkit: embed inline na aula ou popup modal simples com HTML.
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 ``).
Cole esse trecho de código lá para carregar a biblioteca do Typeform:
```html theme={null}
```
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 **Share** → **Embed 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:
```html theme={null}
```
Troque `SEU_FORM_ID` pelo ID real.
**Versão mais limpa (sem cabeçalho nem rodapé):**
```html theme={null}
```
#### 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:**
```html theme={null}
```
**Link de texto:**
```html theme={null}
Clique aqui para responder
```
**Com cabeçalho/rodapé escondidos no popup (opcional):**
```html theme={null}
```
#### 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](https://www.typeform.com/developers/embed/) 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.**
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 ``).
Cole esse trecho de código lá para carregar a biblioteca do Typeform:
```html theme={null}
```
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 **Share** → **Embed 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:
```html theme={null}
```
Troque `SEU_FORM_ID` pelo ID real.
**Versão mais limpa (sem cabeçalho nem rodapé):**
```html theme={null}