# Como inserir vídeos por iframe no editor por Componentes

**Objetivo:** ensinar como adicionar vídeos pelo código iframe no Editor por Componentes\
**Para que serve:** adicionar outros vídeos na página que não sejam do Youtube ou Vimeo.\
**Requisito(s) obrigatório(s):** Ter o código iframe do seu vídeo.

No Editor por Componentes, é possível inserir vídeos do Youtube ou do Vimeo arrastando um bloco de vídeo para a página e inserindo o link no campo “Url”. No entanto, se você fizer dessa forma com vídeos de outras plataformas, como o Dailymotion ou o Loom, por exemplo, eles não serão reconhecidos.

<img src="https://legado.leadlovers.site/wp-content/uploads/2021/03/Tutorial_Componentes_iframe_-_0.png" alt="" height="340" width="1187">

É por isso que, nesse tutorial, te ensinaremos como inserir vídeos na sua página construída no Componentes utilizando o código iframe do vídeo escolhido. Dessa forma, você poderá inserir vídeos do Loom, Dailymotion, Facebook ou outras plataformas na sua página.

### **Inserindo no Editor por Componentes**

**Nº1–** No Construtor por Componentes, selecione “HTML” na aba “Conteúdos” e arraste para o posição que deseja que o vídeo fique em sua página.

<img src="https://legado.leadlovers.site/wp-content/uploads/2021/03/Tutorial_Componentes_iframe_-_1.png" alt="" width="563">

**Nº2–** Clique sobre o bloco com a frase “Sou um novo bloco de HTML” que foi criado.

**Nº3–** Uma nova aba vai abrir com as propriedades do conteúdo do bloco e um código de HTML.

![](https://legado.leadlovers.site/wp-content/uploads/2021/03/Tutorial_Componentes_iframe_-_2.png)

**Nº4–** Apague o código e o substitua pelo do vídeo.

![](https://legado.leadlovers.site/wp-content/uploads/2021/03/Tutorial_Componentes_iframe_-_3.png)

**Nº5–** Agora é só salvar as suas alterações, abrir a sua página e verá que o vídeo foi adicionado!

<img src="https://legado.leadlovers.site/wp-content/uploads/2021/03/Tutorial_Componentes_iframe_-_4.png" alt="" width="563">

**Suporte**

Se surgir qualquer dúvida ou situação, ou se precisar de qualquer ajuda durante este procedimento, por favor, **entre em contato com o nosso suporte**!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://central.ajudaleadlovers.com/paginas/construtores-leadlovers/construtor-de-paginas/como-inserir-videos-por-iframe-no-editor-por-componentes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.