> For the complete documentation index, see [llms.txt](https://ajuda.ensinio.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.ensinio.com/conteudo/tipos-de-conteudo-por-aula/html.md).

# HTML

A **Incorporação de HTML** é um dos recursos **mais poderosos** para quem quer ir além do vídeo. Com ela, você consegue **embutir ferramentas externas diretamente na página da aula** sem que o aluno precise sair da sua plataforma para acessar o conteúdo. 

O HTML incorporado aparece logo após o **Conteúdo de Texto**, mantendo tudo organizado em um só lugar.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwebm0QbRMYk9AEqv2lsa%2Fuploads%2F4Z5JM6WxtDKMQr42cdfm%2FGrava%C3%A7%C3%A3o%20de%20Tela%202026-07-19%20101527.mp4?alt=media&token=1e302b25-4a32-4b4e-99f9-78b1387d72e6>" %}

### ⏳ **Passo a Passo**

1. **Abra a aula para edição**

No menu lateral, acesse **Grupos e Recursos > Seu Grupo > Conteúdos**. Localize a aula desejada e clique no ícone de **editar**.

<figure><img src="https://2259447927-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwebm0QbRMYk9AEqv2lsa%2Fuploads%2F66yb60sO9ErPO26nTE5T%2Fimage.png?alt=media&amp;token=31dd300e-618d-49f1-8d73-ebd8460885d2" alt=""><figcaption></figcaption></figure>

2. **Acesse a aba "Avançado"**

No modal de edição, clique na aba **Avançado**.

<figure><img src="https://2259447927-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwebm0QbRMYk9AEqv2lsa%2Fuploads%2FSA3JbJB3jrWNDNWDm8hE%2Fimage.png?alt=media&amp;token=dc696e39-95e0-4276-a65b-7b93539f4f2e" alt=""><figcaption></figcaption></figure>

3. **Cole o código HTML no campo "Incorporação de HTML"**

Clique dentro do campo de texto e cole o código `<iframe>` ou HTML que deseja incorporar. Clique em **Editar** no canto inferior direito do modal para salvar.

<figure><img src="https://2259447927-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwebm0QbRMYk9AEqv2lsa%2Fuploads%2FzlRxJCnjk1ni4ApDAmkf%2Fimage.png?alt=media&amp;token=1c1116a9-c49b-4fa4-ae4c-1a31aa4abb74" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Atenção:** Cole apenas códigos de fontes confiáveis. Códigos maliciosos podem comprometer a segurança da sua plataforma e dos seus alunos.
{% endhint %}

Pronto! O conteúdo incorporado já aparecerá na página da aula, logo abaixo do Conteúdo de Texto. 🎉

### O que dá para fazer com a Incorporação de HTML?

Veja alguns exemplos práticos de como infoprodutores usam esse recurso no dia a dia:

**📋 Formulários e pesquisas**

Cole o código de embed de ferramentas como **Typeform**, **Google Forms** ou **Tally** para aplicar pesquisas de satisfação, formulários de inscrição ou avaliações diretamente na aula.

```html
<iframe src="https://form.typeform.com/to/SEU_FORMULARIO" width="100%" height="500px"></iframe>
```

**📊 Planilhas e documentos interativos**

Incorpore uma planilha do **Google Sheets** ou um documento do **Google Docs** para que o aluno visualize ou preencha modelos e templates sem sair da plataforma.

```html
<iframe src="https://docs.google.com/spreadsheets/d/SEU_ID/pubhtml?widget=true" width="100%" height="400px"></iframe>
```

**🎙️ Áudios e podcasts**

Incorpore players de **Spotify**, **Soundcloud** ou **Anchor** para disponibilizar episódios de podcast, meditações guiadas ou aulas em áudio como complemento ao vídeo.

```html
<iframe src="https://open.spotify.com/embed/episode/SEU_EPISODIO" width="100%" height="152px" frameborder="0"></iframe>
```

**🗓️ Agendamentos**

Cole o widget de agendamento do **Calendly** ou **Cal.com** para que o aluno agende uma mentoria ou sessão de acompanhamento direto na aula — perfeito para produtos com suporte ao vivo.

```html
<iframe src="https://calendly.com/SEU_USUARIO/SEU_EVENTO" width="100%" height="600px"></iframe>
```

**📌 Mapas mentais e apresentações**

Incorpore um mapa mental do **Miro**, **Canva** ou **Figma** para mostrar esquemas visuais ou apresentações de slides interativas como material de apoio.

```html
<iframe src="https://www.canva.com/design/SEU_ID/view?embed" width="100%" height="500px" allowfullscreen></iframe>
```

{% hint style="success" %}
**Dica:** A maioria das ferramentas externas já oferece um botão **"Incorporar"** ou **"Embed"** que gera o código `<iframe>` automaticamente. É só copiar e colar no campo da Ensinio, sem precisar saber programar!
{% endhint %}