Gerador de código de incorporação de Reels do Instagram

Cole a ligação de um Reel do Instagram e copie o código de incorporação gratuito para o mostrar no seu site. Sem necessidade de registo.
Gerador de código de incorporação de Reels do Instagram
A ligação do Reel em ⋯ → Copiar ligação, por exemplo https://www.instagram.com/reel/C2mwxDYvQju/
Quer mostrar todo o Conta de Reels como uma galeria que se atualiza sozinha?

Incorpore o vídeo

<div style="max-width:540px;margin:0 auto;">
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/reel/C2mwxDYvQju/?utm_source=ig_embed" data-instgrm-version="14" style="max-width:540px;min-width:326px;width:100%;">
  <a href="https://www.instagram.com/reel/C2mwxDYvQju/" target="_blank">View this Reel on Instagram</a>
</blockquote>
</div>
<script async src="https://www.instagram.com/embed.js"></script>
<p style="margin:4px auto 0;max-width:540px;text-align:center;font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#a3a7b0;">Criado com <a href="https://elfsight.pt/tools/instagram-reel-embed-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a></p>

  1. Clique em Copiar código acima para o copiar.
  2. Abra o ficheiro HTML ou o modelo da página.
  3. Cole o código dentro de <body>, onde o conteúdo deve aparecer.
  4. Guarde e carregue a página e abra-a num navegador para verificar.

Precisa de mais do que um vídeo?

Mostre todo o Conta de Reels como uma galeria interativa que se atualiza sozinha.

Veja o Video Gallery para HTML →

Antes de sair

Precisa de mais do que um vídeo? Mostre todo o Conta de Reels como uma galeria interativa que se atualiza sozinha.

Criar uma galeria de Reels →
Ou partilhe esta ferramenta gratuita:
Elfsight Video Gallery

Mostre todos os seus Reels automaticamente

O Video Gallery vai buscar os Reels da sua conta do Instagram e mostra-os num carrossel ou grelha que se atualiza sozinho.

  • Atualiza-se quando publica novos vídeos

  • Carrossel, grelha, mosaico ou leitor com playlist

  • YouTube, Vimeo, TikTok, Instagram, Twitch e qualquer ligação de vídeo

  • Sem programar — funciona em qualquer website

Criar widget grátis
Sem cartão de crédito
Criar uma galeria de Reels
Visita guiada — separadores, layout, estilo de cartão, tema escuro, o visualizador e o seu apelo à ação

Este gerador vs. o botão Incorporar do próprio Instagram

A opção ⋯ → Incorporar do Instagram dá-lhe o código de uma publicação. Veja como se compara criá-lo aqui.
Botão Incorporar do próprio Instagram
Este gerador
Onde obter
Copiado do menu ⋯ da publicação em instagram.com, num navegador.
Cole uma ligação de Reel copiada da aplicação ou do navegador.
Formatos de ligação
Funciona a partir da página da publicação.
Aceita ligações /reel/, /reels/, /p/ e /tv/, com ou sem o nome de utilizador.
Legenda
Uma caixa de seleção antes de copiar.
Um interruptor que adiciona ou remove data-instgrm-captioned.
Tamanho do código
Código longo, com a marcação e os estilos de substituição do Instagram.
Um blockquote curto com os mesmos atributos e o mesmo embed.js.
Regras da conta e da incorporação
A opção não existe para contas privadas nem para proprietários que desativaram as incorporações.
As mesmas regras — a publicação só é apresentada se o Instagram permitir incorporá-la.

Onde obter

Botão Incorporar do próprio Instagram

Copiado do menu ⋯ da publicação em instagram.com, num navegador.

Este gerador

Cole uma ligação de Reel copiada da aplicação ou do navegador.

Formatos de ligação

Botão Incorporar do próprio Instagram

Funciona a partir da página da publicação.

Este gerador

Aceita ligações /reel/, /reels/, /p/ e /tv/, com ou sem o nome de utilizador.

Legenda

Botão Incorporar do próprio Instagram

Uma caixa de seleção antes de copiar.

Este gerador

Um interruptor que adiciona ou remove data-instgrm-captioned.

Tamanho do código

Botão Incorporar do próprio Instagram

Código longo, com a marcação e os estilos de substituição do Instagram.

Este gerador

Um blockquote curto com os mesmos atributos e o mesmo embed.js.

Regras da conta e da incorporação

Botão Incorporar do próprio Instagram

A opção não existe para contas privadas nem para proprietários que desativaram as incorporações.

Este gerador

As mesmas regras — a publicação só é apresentada se o Instagram permitir incorporá-la.

Como usar o gerador de Gerador de código de incorporação de Reels do Instagram

  1. Copie a ligação do Reel

    Abra o Reel e toque em ⋯ → Copiar ligação.

  2. Cole-a acima

    Escolha se quer mostrar a legenda.

  3. Cole no seu site

    Adicione o código a um bloco de HTML ou de incorporação.

Atributos do código de incorporação do Instagram

Parâmetro
O que faz
Exemplo
class="instagram-media"
Marca o blockquote que o embed.js transforma na publicação.
<blockquote class="instagram-media">
data-instgrm-permalink
A ligação da publicação ou do Reel a mostrar. Sem ela, o script procura uma ligação de publicação dentro do blockquote.
data-instgrm-permalink="https://www.instagram.com/reel/CODE/"
data-instgrm-captioned
Mostra a legenda por baixo do vídeo. Funciona pela sua presença; remova-o para ocultar a legenda.
data-instgrm-captioned
data-instgrm-version
Versão do formato de incorporação para o qual o código foi criado. Mantenha o número que o código do Instagram usa.
data-instgrm-version="14"
embed.js
O script do Instagram que apresenta todos os blockquotes da página. Carregue-o uma só vez.
<script async src="https://www.instagram.com/embed.js"></script>
Largura
A incorporação preenche o seu contentor, com uma largura mínima de 326px. A altura depende da largura e do tamanho da legenda.
min-width:326px

class="instagram-media"

O que faz

Marca o blockquote que o embed.js transforma na publicação.

Exemplo

<blockquote class="instagram-media">

data-instgrm-permalink

O que faz

A ligação da publicação ou do Reel a mostrar. Sem ela, o script procura uma ligação de publicação dentro do blockquote.

Exemplo

data-instgrm-permalink="https://www.instagram.com/reel/CODE/"

data-instgrm-captioned

O que faz

Mostra a legenda por baixo do vídeo. Funciona pela sua presença; remova-o para ocultar a legenda.

Exemplo

data-instgrm-captioned

data-instgrm-version

O que faz

Versão do formato de incorporação para o qual o código foi criado. Mantenha o número que o código do Instagram usa.

Exemplo

data-instgrm-version="14"

embed.js

O que faz

O script do Instagram que apresenta todos os blockquotes da página. Carregue-o uma só vez.

Exemplo

<script async src="https://www.instagram.com/embed.js"></script>

Largura

O que faz

A incorporação preenche o seu contentor, com uma largura mínima de 326px. A altura depende da largura e do tamanho da legenda.

Exemplo

min-width:326px

Fonte: Meta for Developers: Incorporar uma publicação do Instagram

Porque é que a incorporação do Instagram não aparece

A conta é privada

O Instagram só incorpora publicações de contas públicas. As publicações de contas privadas, inativas e com restrição de idade não são suportadas.

O proprietário desativou as incorporações

As contas públicas podem desativar a incorporação. Se a publicação não carregar e a conta for pública, fale com o proprietário ou escolha outra publicação.

Só vê uma caixa cinzenta ou uma ligação simples

Esse é o marcador de posição: o embed.js não foi executado. Verifique se a linha <script async src="https://www.instagram.com/embed.js"> continua na página e se um bloqueador de anúncios não a está a impedir.

A publicação é adicionada depois de a página carregar

Quando um pop-up, um separador ou um construtor de páginas insere o código mais tarde, o script já foi executado. Chame instgrm.Embeds.process() depois de o código ser adicionado.

O seu construtor de sites remove ou reescreve o código

Os blocos de texto removem muitas vezes as etiquetas <script> ou os atributos. Use um bloco de HTML ou de código personalizado. A Meta indica que as incorporações dentro do Shadow DOM não são suportadas, por isso evite componentes que são apresentados numa shadow root.

Está a tentar incorporar um Story

O Instagram não suporta a incorporação de Stories. Partilhe o clipe como Reel ou como publicação e incorpore-o.

Reels, publicações e Stories: o que pode ser incorporado

Conteúdo
Aspeto da ligação
Pode ser incorporado?
Reel
instagram.com/reel/CODE/
Sim, de uma conta pública
Publicação com foto ou carrossel
instagram.com/p/CODE/
Sim, de uma conta pública
Story
instagram.com/stories/…
Não — o Instagram não o suporta
Publicação de uma conta privada
Qualquer
Não
Publicação de uma conta que desativou as incorporações
Qualquer
Não
Publicação de uma conta inativa ou com restrição de idade
Qualquer
Não

Reel

Aspeto da ligação

instagram.com/reel/CODE/

Pode ser incorporado?

Sim, de uma conta pública

Publicação com foto ou carrossel

Aspeto da ligação

instagram.com/p/CODE/

Pode ser incorporado?

Sim, de uma conta pública

Story

Aspeto da ligação

instagram.com/stories/…

Pode ser incorporado?

Não — o Instagram não o suporta

Publicação de uma conta privada

Aspeto da ligação

Qualquer

Pode ser incorporado?

Não

Publicação de uma conta que desativou as incorporações

Aspeto da ligação

Qualquer

Pode ser incorporado?

Não

Publicação de uma conta inativa ou com restrição de idade

Aspeto da ligação

Qualquer

Pode ser incorporado?

Não

Cada incorporação mostra uma publicação e mantém-se sincronizada com o Instagram: se o proprietário eliminar a publicação ou tornar a conta privada, a incorporação deixa de a mostrar. As regras vêm da documentação de incorporação do Instagram da Meta.

Código de incorporação vs. Elfsight Video Gallery

Código de incorporação
Video Gallery
Vídeos por incorporação
Um vídeo (ou uma playlist)
Vídeos ilimitados num só widget
Mantém-se atualizado
Edite o código a cada novo vídeo
Os novos vídeos de Instagram aparecem automaticamente
Combine fontes
Uma plataforma por excerto
YouTube, Vimeo, TikTok, Instagram, Twitch e qualquer link de vídeo
Layouts
Leitor único
Leitor com Galeria, Carrossel, Grelha, Masonry, Playlist
Design responsivo
Precisa de um contentor CSS
Integrado
Programação
Copiar e colar código para cada vídeo
Sem código — edite visualmente no editor
Preço
Grátis
Plano gratuito, sem cartão de crédito

Vídeos por incorporação

Código de incorporação

Um vídeo (ou uma playlist)

Video Gallery

Vídeos ilimitados num só widget

Mantém-se atualizado

Código de incorporação

Edite o código a cada novo vídeo

Video Gallery

Os novos vídeos de Instagram aparecem automaticamente

Combine fontes

Código de incorporação

Uma plataforma por excerto

Video Gallery

YouTube, Vimeo, TikTok, Instagram, Twitch e qualquer link de vídeo

Layouts

Código de incorporação

Leitor único

Video Gallery

Leitor com Galeria, Carrossel, Grelha, Masonry, Playlist

Design responsivo

Código de incorporação

Precisa de um contentor CSS

Video Gallery

Integrado

Programação

Código de incorporação

Copiar e colar código para cada vídeo

Video Gallery

Sem código — edite visualmente no editor

Preço

Código de incorporação

Grátis

Video Gallery

Plano gratuito, sem cartão de crédito

Perguntas frequentes

Documentação oficial

Mais ferramentas gratuitas

Guias relacionados

Como incorporar um vídeo num site

Carregue o vídeo para o YouTube ou o Vimeo e cole o respetivo código de incorporação, use a etiqueta de vídeo HTML5 para ficheiros alojados por si ou use um widget de galeria de vídeos quando precisar de vários vídeos. Eis como cada método funciona e quando o usar.Como incorporar um vídeo num site