Como Incorporar uma Apresentação do PowerPoint em um Site como iFrame

Você quer exibir uma apresentação do PowerPoint diretamente no seu site sem forçar os visitantes a baixar o arquivo. Incorporar uma apresentação como iFrame permite mostrar os slides dentro de uma página da web, mantendo a formatação original, animações e transições. Este artigo explica os dois principais métodos para gerar o código de incorporação: usando o PowerPoint para a web (OneDrive) e a plataforma pública SlideShare. Você aprenderá as etapas exatas para obter o trecho de iFrame e colá-lo no HTML do seu site.

Por que Incorporar uma Apresentação do PowerPoint como iFrame Funciona

Um iFrame é um elemento HTML que carrega outra página da web dentro da sua página atual. Quando você envia um arquivo do PowerPoint para o OneDrive ou SlideShare, o serviço converte a apresentação em um visualizador baseado na web. O código de incorporação fornecido por esses serviços é uma tag de iFrame pronta para uso que aponta para esse visualizador. Seus visitantes veem os slides no navegador sem precisar ter o PowerPoint instalado. A apresentação mantém transições de slides, animações e mídia incorporada. O único requisito é que seu site suporte colar código HTML bruto no editor de página ou modelo.

Método 1: Incorporar uma Apresentação do PowerPoint do OneDrive

Este método funciona para qualquer arquivo do PowerPoint que você tenha armazenado no seu OneDrive pessoal ou de trabalho. O arquivo deve estar configurado para compartilhar com qualquer pessoa que tenha o link, ou pelo menos com o público pretendido. Siga estas etapas para obter o código do iFrame.

1. Envie sua apresentação para o OneDrive
   Entre em onedrive.live.com. Clique em Enviar > Arquivos e selecione seu arquivo .pptx. Aguarde o upload terminar.
2. Abra o arquivo no PowerPoint para a web
   Clique com o botão direito no arquivo enviado e escolha Abrir > Abrir no PowerPoint para a web. A apresentação abre no seu navegador.
3. Clique em Compartilhar e depois em Incorporar
   No canto superior direito da barra de ferramentas do PowerPoint para a web, clique em Compartilhar. Um painel é aberto. Clique na opção Incorporar. Se você não vir Incorporar, clique no menu de três pontos e selecione Incorporar na lista.
4. Defina as dimensões da incorporação
   Na caixa de diálogo Incorporar, você pode escolher a largura e a altura do visualizador. Os valores padrão são 640 pixels de largura e 480 pixels de altura. Ajuste esses números para corresponder ao layout do seu site. Você também pode marcar ou desmarcar a opção de iniciar a apresentação de slides automaticamente quando a página carregar.
5. Copie o código do iFrame
   Clique no botão Gerar ou no botão Copiar. O código de incorporação é copiado para a área de transferência. Ele se parece com isto: <iframe src="https://onedrive.live.com/embed?resid=..." width="640" height="480" frameborder="0" scrolling="no"></iframe>.
6. Cole o código no HTML do seu site
   Abra o sistema de gerenciamento de conteúdo ou editor HTML do seu site. Navegue até a página onde deseja que a apresentação apareça. Alterne para a visualização HTML ou Código-fonte. Cole o código do iFrame no local desejado. Salve e publique a página.

Método 2: Incorporar uma Apresentação do PowerPoint do SlideShare

O SlideShare é uma plataforma gratuita de propriedade do LinkedIn que hospeda apresentações publicamente. Este método é adequado se você quiser uma incorporação pública sem exigir que os visualizadores façam login. O código do iFrame do SlideShare inclui uma largura fixa de 595 pixels e uma altura baseada na proporção de aspecto dos seus slides.

1. Cadastre-se ou entre no SlideShare
   Acesse slideshare.net. Crie uma conta ou entre com suas credenciais do LinkedIn ou e-mail.
2. Envie seu arquivo do PowerPoint
   Clique no botão Enviar no canto superior direito. Selecione seu arquivo .pptx ou .ppt. O SlideShare converte o arquivo em uma apresentação de slides baseada na web. Esse processo pode levar alguns minutos, dependendo do tamanho do arquivo.
3. Defina a privacidade da apresentação
   Durante o envio, você pode escolher Público ou Privado. Apenas apresentações públicas geram um código de incorporação. Se você selecionar Privado, a opção de incorporar não aparecerá.
4. Abra a apresentação publicada
   Após o upload ser concluído, clique no título da apresentação para abrir a página do visualizador. O URL no seu navegador é a página pública dos seus slides.
5. Clique em Compartilhar e copie o código de Incorporar
   Abaixo do visualizador de slides, clique no botão Compartilhar. Uma caixa de diálogo aparece com duas abas: Link e Incorporar. Clique na aba Incorporar. Copie o código do iFrame mostrado na caixa de texto. O código se parece com isto: <iframe src="https://www.slideshare.net/slideshow/embed_code/key/..." width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen></iframe>.
6. Cole o código no seu site
   Vá para o editor do seu site. Alterne para a visualização HTML da página de destino. Cole o código do iFrame. Salve e publique. A apresentação agora é exibida dentro da sua página.

Problemas Comuns ao Incorporar um iFrame do PowerPoint

O iFrame mostra uma caixa em branco ou uma mensagem de erro

Isso geralmente acontece quando as permissões de compartilhamento não estão configuradas corretamente para um arquivo do OneDrive. Volte ao arquivo no OneDrive, clique em Compartilhar e altere a configuração do link para Qualquer pessoa com o link pode visualizar. Para o SlideShare, a apresentação deve estar definida como Pública. Se você alterou a privacidade após o upload, precisará excluir e reenviar o arquivo.

A apresentação de slides não inicia automaticamente

Na caixa de diálogo Incorporar do OneDrive, há uma caixa de seleção chamada Iniciar apresentação de slides automaticamente. Certifique-se de que ela esteja marcada antes de copiar o código. Para o SlideShare, o início automático não é suportado. Você pode adicionar o parâmetro ?autoplay=1 ao final do URL src no código do iFrame, mas isso não funciona em todos os navegadores.

O iFrame é muito pequeno ou corta os slides

O código de incorporação de ambos os serviços usa dimensões fixas em pixels. Para tornar o iFrame responsivo, envolva-o em um contêiner com largura percentual e use CSS para definir a proporção de aspecto. Adicione este HTML ao redor do seu iFrame: <div style="position:relative; padding-bottom:56.25%; height:0; overflow:hidden;"><iframe style="position:absolute; top:0; left:0; width:100%; height:100%;" src="..." frameborder="0"></iframe></div>. O valor de padding-bottom de 56.25% corresponde a uma proporção de aspecto de 16:9. Ajuste-o se seus slides usarem uma proporção diferente.

Animações e transições não são reproduzidas dentro do iFrame

O visualizador do PowerPoint para a web suporta a maioria das animações e transições, mas algumas animações personalizadas complexas podem não ser renderizadas. O SlideShare converte slides em imagens e não suporta animações. Se as animações forem críticas, use o método do OneDrive e teste o resultado em vários navegadores.

Comparação entre Incorporação do OneDrive e do SlideShare: Recursos

Item	Incorporação do OneDrive	Incorporação do SlideShare
Fonte do arquivo	Seu OneDrive pessoal ou de trabalho	Biblioteca pública do SlideShare
Controle de privacidade	Qualquer pessoa com o link ou pessoas específicas	Somente público
Animações e transições	Suportadas (na maioria)	Não suportadas
Opção de reprodução automática	Sim, via caixa de seleção na caixa de diálogo de incorporação	Não
Largura padrão da incorporação	640 pixels	595 pixels
Exige login do visualizador	Não	Não

Agora você pode incorporar uma apresentação do PowerPoint no seu site usando o código do iFrame do OneDrive ou do SlideShare. Teste a incorporação em uma página de teste primeiro para confirmar que as dimensões e permissões funcionam como esperado. Para layouts responsivos, envolva o iFrame em um contêiner com a técnica de padding-bottom em CSS. Se você precisar atualizar a apresentação posteriormente, substitua o arquivo no OneDrive ou reenvie para o SlideShare — o URL do código de incorporação permanece o mesmo.