Gerador de iframe
Monta um <iframe> genérico com src, largura, altura e atributos opcionais (sandbox, allow).
Embutir uma página dentro da outra sem susto
Você precisa encaixar um mapa, um vídeo ou um formulário externo dentro da sua página e acaba copiando um iframe velho de outro projeto, com largura errada e atributos que nem sabe para que servem. Aí vem a dúvida chata: sandbox leva quais valores mesmo? Allow é separado por ponto e vírgula ou por vírgula? Este gerador monta a tag inteira enquanto você digita, então você vê o resultado antes de colar no HTML.
Por dentro não tem mágica: os cinco campos viram uma string com src, width, height e, se preenchidos, sandbox e allow. Tem uma pegadinha importante nesse comportamento. Deixar o campo Sandbox vazio faz o atributo sumir da tag, e iframe sem sandbox roda scripts, formulários e navegação à vontade. Já sandbox com valor vazio, em HTML, é justamente o modo mais restritivo de todos. O gerador não consegue emitir essa versão vazia.
Antes de colar, confira se o site de destino permite ser enquadrado: se ele mandar X-Frame-Options DENY ou um frame-ancestors na CSP, o quadro vem em branco e não há atributo que resolva. Vale acrescentar à mão um title para leitores de tela e loading igual a lazy se o iframe estiver abaixo da dobra. E cuidado com aspas duplas dentro dos campos, porque elas fecham o atributo e quebram a tag. Tudo roda no seu navegador, nada é enviado.
Perguntas frequentes
Por que meu iframe aparece em branco?
Que valores posso colocar em sandbox?
Posso usar largura em porcentagem?
Ferramentas Relacionadas
Gerador de Embed Google Maps
Monta um <iframe> simples para incorporar Google Maps a partir de um endereço ou coordenadas.
Gerador de Embed da Twitch
Gere o código de embed (iframe) de um player da Twitch a partir do nome do canal e do domínio do site. Incorpore lives e VODs na sua página em segundos.
Gerador de Embed do YouTube
Monta um <iframe> de incorporação do YouTube a partir do ID do vídeo, com dimensões customizáveis.