Início/ Ferramentas grátis/ Gerador de código de incorporação

Gerador gratuito de código de incorporação

Cole uma URL, escolha a largura e a altura, ative ou desative algumas opções e copie um HTML de incorporação <iframe> limpo — para a sua página do Knocket, um vídeo, um mapa ou qualquer conteúdo que o navegador possa exibir. Veja uma prévia em tempo real e depois cole o código no seu site. Sem login e sem armazenamento de dados.

Pré-visualização ao vivo
Insira um URL para ver a prévia…

A pré-visualização está em branco? O site bloqueia a incorporação — o código ainda está correto.

Incorporar HTML — copie isto
 
Embed your Knocket contact page — visitors chat with you without leaving your site. Get your page →
◈ INCORPORE SUA PRÓPRIA PÁGINA DE CONTATO

O recurso mais útil para incorporar é uma página que permita que as pessoas entrem em contato com você. Uma página de contato gratuita do Knocket foi criada para ser incorporada — adicione-a ao seu site e os visitantes terão acesso a chat ao vivo, WhatsApp, e-mail e agendamento sem que você precise criar um formulário ou um backend. Crie sua página grátis →

Por que um gerador de código de incorporação é importante

Incorporar uma página dentro de outra é um dos recursos fundamentais mais antigos da web, mas escrever manualmente a tag <iframe> — com a largura correta, um título para leitores de tela, carregamento lento e um sandbox seguro — é trabalhoso e sujeito a erros. Um gerador faz tudo corretamente todas as vezes e mostra o resultado antes da publicação.

Como incorporar uma página

  1. Cole a URL que deseja incorporar (sua página do Knocket, um vídeo, um mapa, um documento).
  2. Defina o tamanho — largura/altura fixas ou responsivo (100% de largura).
  3. Adicione um título para acessibilidade e configure as opções (tela cheia, carregamento lento, borda, sandbox).
  4. Copie o HTML e cole-o no HTML do seu site ou no bloco de incorporação do CMS.
◈ ONDE COLAR

Em um bloco de HTML personalizado no WordPress, uma incorporação de código no Wix, um bloco de incorporação no Squarespace ou diretamente no HTML do seu site. Em um layout React/Astro, insira o <iframe> por meio de um elemento HTML bruto. A tag é independente — não é necessário carregar scripts nem folhas de estilo.

O que as pessoas incorporam

Quando um iframe não é a ferramenta certa

Um iframe é perfeito para apresentar outra página dentro da sua. Não é a ferramenta adequada quando precisa de:

Para uma experiência de contacto integrada nativamente no seu site (sem iframe, com o seu domínio e o seu estilo), um widget do Knocket requer apenas uma etiqueta de script.

Perguntas frequentes

Este gerador de código de incorporação é gratuito?

Sim — totalmente grátis, sem login e sem limites. O HTML é criado no seu navegador; nada é enviado nem armazenado. Gere quantos códigos de incorporação quiser.

Por que minha pré-visualização está em branco?

O site que você está incorporando envia um cabeçalho X-Frame-Options ou Content-Security-Policy que impede sua exibição em frames. Google, Instagram, Facebook e a maioria das páginas que exigem login fazem isso. O código gerado continua correto — o site simplesmente não permite ser incorporado em nenhum lugar, por ninguém. As páginas do Knocket e a maioria dos reprodutores de vídeo (YouTube, Vimeo) permitem incorporação.

O que a opção sandbox faz?

O atributo sandbox restringe o que a página incorporada pode fazer, impedindo que uma incorporação não confiável abra janelas, execute formulários ou acesse sua página. Restrito (recomendado) permite que a incorporação execute scripts e formulários, mas bloqueia ações perigosas; Rigoroso permite apenas scripts. Desative-o para uma página confiável que precise de todos os recursos.

Para que serve o campo de título?

O atributo title no iframe informa aos leitores de ecrã o que está no seu interior — algo essencial para a acessibilidade. Sem ele, os visitantes que utilizam tecnologias de apoio ouvem apenas "frame", sem qualquer contexto. Defina-o sempre de forma a descrever o conteúdo incorporado (por exemplo, "Página de contacto da Knocket").

Tamanho responsivo ou fixo?

Use o modo responsivo (100% de largura) quando o conteúdo incorporado tiver de preencher o respetivo contentor — como acontece na maioria dos sites modernos. Use largura e altura fixas quando precisar de dimensões exatas, como num leitor de vídeo ou num mapa quadrado. Normalmente, os conteúdos incorporados responsivos são combinados com um contentor de proporção no seu site.

O carregamento lento ajuda?

Sim. loading="lazy" instrui o navegador a carregar o iframe somente quando o usuário rola a página até perto dele, acelerando o carregamento inicial — especialmente útil se você tiver várias incorporações em uma única página.

Vocês armazenam os URLs que eu insiro?

Não. Tudo é executado no seu navegador — o URL, o título e as opções nunca saem do seu dispositivo. Não há servidor, banco de dados nem conta.

Posso incorporar minha página do Knocket?

Sim — e é uma excelente aplicação. A sua página de contacto do Knocket foi criada para ser incorporada: os visitantes têm acesso a chat em tempo real, WhatsApp, e-mail e agendamento diretamente no seu site, sem precisar de criar formulários ou um backend. Cole o seu URL knocket.trtc.io/your-handle e copie o código.

Mais ferramentas grátis

Incorpore uma página que responde.

O melhor conteúdo para incorporar é aquele que permite que as pessoas entrem em contacto consigo. Uma página da Knocket disponibiliza chat em direto, WhatsApp, e-mail e agendamento em qualquer site.

Crie sua página grátis