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

Cole o link de uma publicação ou reel do Instagram e obtenha gratuitamente um código de incorporação pronto a colar no seu website — com ou sem legenda. Sem necessidade de registo.
Gerador de código de incorporação do Instagram
Um link de publicação ou Reel a partir de ⋯ → Copiar link, por exemplo https://www.instagram.com/p/… Qualquer formato serve: /p/, /reel/, links com ?igsh=.Precisa de todo o seu feed do Instagram, e não de uma só publicação?

Incorpore a publicação

<div style="max-width:540px;margin:0 auto;">
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/DdmURC4iIv8/" data-instgrm-version="14" style="max-width:540px;min-width:326px;width:calc(100% - 2px);margin:0 auto;background:#fff;border:1px solid #dbdbdb;border-radius:3px;padding:0;">
  <a href="https://www.instagram.com/p/DdmURC4iIv8/" target="_blank" rel="noopener">Ver esta publicação no 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-embed-code-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a></p>

Só funciona com publicações de contas públicas.

  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 todo o seu feed do Instagram, e não de uma só publicação? Mostre-o com um widget que se atualiza sozinho. Ver Instagram Feed →

Antes de sair

Precisa de todo o seu feed do Instagram, e não de uma só publicação? Mostre-o com um widget que se atualiza sozinho.

Ver Instagram Feed →
Ou partilhe esta ferramenta gratuita:
Widget Instagram Feed

Mostre o seu feed do Instagram, e não uma só publicação

Fotografias e publicações reais do Instagram dão um toque humano ao seu website. Mostre publicações de nomes de utilizador, hashtags ou locais, em qualquer combinação.

  • Publicações de nomes de utilizador, hashtags ou locais

  • Um aspeto familiar do Instagram

  • Os visitantes do website tornam-se seguidores

Criar widget grátis
Sem necessidade de cartão de crédito
Saiba mais sobre o Instagram Feed

Porque usar isto em vez do botão Incorporar do Instagram

O botão Incorporar do próprio Instagram funciona, mas tem de abrir a publicação num navegador e aceitar o código tal como vem. O gerador parte do link que já tem e deixa-o escolher o tipo de código.
Botão Incorporar do Instagram
Este gerador
Por onde começa
Abra a publicação num navegador, clique no menu … e depois em Incorporar
Cole o link de qualquer publicação ou Reel, a partir do menu Partilhar da aplicação ou da barra de endereço
Formatos de link
Só a publicação que tem aberta
Links /p/, /reel/, /reels/ e /tv/; igsh e outros parâmetros de rastreio são removidos
Verificar antes de copiar
Não
Mostra o que reconheceu: uma publicação ou um Reel, e o respetivo shortcode
Legenda
Caixa de seleção Incluir legenda
Com ou sem legenda
Tipo de código
Sempre um blockquote mais o script embed.js do Instagram
O código oficial com blockquote, ou um iframe leve que não carrega nenhum script
Disposição
Ajusta-se ao contentor onde o coloca
Envolvido num contentor adaptável e centrado

Por onde começa

Botão Incorporar do Instagram

Abra a publicação num navegador, clique no menu … e depois em Incorporar

Este gerador

Cole o link de qualquer publicação ou Reel, a partir do menu Partilhar da aplicação ou da barra de endereço

Formatos de link

Botão Incorporar do Instagram

Só a publicação que tem aberta

Este gerador

Links /p/, /reel/, /reels/ e /tv/; igsh e outros parâmetros de rastreio são removidos

Verificar antes de copiar

Botão Incorporar do Instagram

Não

Este gerador

Mostra o que reconheceu: uma publicação ou um Reel, e o respetivo shortcode

Legenda

Botão Incorporar do Instagram

Caixa de seleção Incluir legenda

Este gerador

Com ou sem legenda

Tipo de código

Botão Incorporar do Instagram

Sempre um blockquote mais o script embed.js do Instagram

Este gerador

O código oficial com blockquote, ou um iframe leve que não carrega nenhum script

Disposição

Botão Incorporar do Instagram

Ajusta-se ao contentor onde o coloca

Este gerador

Envolvido num contentor adaptável e centrado

Referência das opções de incorporação do Instagram

O código de incorporação oficial é um <blockquote class="instagram-media"> que o embed.js do Instagram transforma na publicação apresentada. Estes são os atributos e as opções de pedido que o alteram.
Opção
O que faz
Valores
Notas
data-instgrm-permalink
O link para a publicação ou Reel que o blockquote mostra
O URL de uma publicação, por exemplo https://www.instagram.com/p/{shortcode}/ ou /reel/{shortcode}/
Só as publicações públicas são apresentadas.
data-instgrm-captioned
Mostra a legenda por baixo da publicação
Presente ou ausente (sem valor)
Igual à caixa de seleção Incluir legenda. Remova o atributo para ocultar a legenda.
data-instgrm-version
A versão do formato de incorporação para a qual o código foi criado
Um número
Mantenha o valor que o Instagram gerou.
embed.js
Encontra os blockquotes na página e substitui-os pelas publicações apresentadas
<script async src="//www.instagram.com/embed.js"></script>
Carregue-o uma vez por página. Se adicionar publicações depois de a página carregar, chame instgrm.Embeds.process().
maxwidth
Define a largura máxima da incorporação (pedido à API oEmbed)
De 320 a 658 píxeis
A incorporação é adaptável, por isso a sua altura depende da largura e do tamanho da legenda.
hidecaption
Devolve o código de incorporação sem a legenda (pedido à API oEmbed)
true, false
A predefinição é false.
omitscript
Devolve o código de incorporação sem a etiqueta do script embed.js (pedido à API oEmbed)
true, false
Use-o quando carrega o embed.js uma só vez por si.

data-instgrm-permalink

O que faz

O link para a publicação ou Reel que o blockquote mostra

Valores

O URL de uma publicação, por exemplo https://www.instagram.com/p/{shortcode}/ ou /reel/{shortcode}/

Notas

Só as publicações públicas são apresentadas.

data-instgrm-captioned

O que faz

Mostra a legenda por baixo da publicação

Valores

Presente ou ausente (sem valor)

Notas

Igual à caixa de seleção Incluir legenda. Remova o atributo para ocultar a legenda.

data-instgrm-version

O que faz

A versão do formato de incorporação para a qual o código foi criado

Valores

Um número

Notas

Mantenha o valor que o Instagram gerou.

embed.js

O que faz

Encontra os blockquotes na página e substitui-os pelas publicações apresentadas

Valores

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

Notas

Carregue-o uma vez por página. Se adicionar publicações depois de a página carregar, chame instgrm.Embeds.process().

maxwidth

O que faz

Define a largura máxima da incorporação (pedido à API oEmbed)

Valores

De 320 a 658 píxeis

Notas

A incorporação é adaptável, por isso a sua altura depende da largura e do tamanho da legenda.

hidecaption

O que faz

Devolve o código de incorporação sem a legenda (pedido à API oEmbed)

Valores

true, false

Notas

A predefinição é false.

omitscript

O que faz

Devolve o código de incorporação sem a etiqueta do script embed.js (pedido à API oEmbed)

Valores

true, false

Notas

Use-o quando carrega o embed.js uma só vez por si.

Documentação do Instagram ↗

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

A conta é privada

As publicações de contas privadas não podem ser incorporadas. O proprietário tem de tornar a conta pública, ou escolha uma publicação de uma conta pública.

O proprietário desativou as incorporações

As contas que desativaram as Incorporações não são suportadas. O proprietário pode voltar a ativar as incorporações nas definições do Instagram.

A conta tem restrição de idade ou está inativa

O Instagram não apresenta publicações destas contas. Escolha uma publicação de outra conta.

É um Story

Os Stories não podem ser incorporados. Partilhe o conteúdo como publicação ou Reel e incorpore esse link.

Vê uma caixa simples com um link em vez da publicação

O embed.js não foi executado. Mantenha a etiqueta do script no código e, se as publicações forem adicionadas depois de a página carregar, chame instgrm.Embeds.process(). Ou use a versão com iframe, que não precisa de script.

O código está dentro de um Shadow DOM

O Instagram não suporta Shadow DOM. Coloque o código no HTML normal da página.

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

Conteúdo
Pode ser incorporado?
Link a colar
Notas
Publicação (fotografia, carrossel, vídeo)
Sim, de contas públicas
instagram.com/p/{shortcode}/
A legenda pode ser mostrada ou ocultada.
Reel
Sim, de contas públicas
instagram.com/reel/{shortcode}/
A legenda pode ser mostrada ou ocultada.
Story
Não
—
O Instagram não suporta a incorporação de Stories.

Publicação (fotografia, carrossel, vídeo)

Pode ser incorporado?

Sim, de contas públicas

Link a colar

instagram.com/p/{shortcode}/

Notas

A legenda pode ser mostrada ou ocultada.

Reel

Pode ser incorporado?

Sim, de contas públicas

Link a colar

instagram.com/reel/{shortcode}/

Notas

A legenda pode ser mostrada ou ocultada.

Story

Pode ser incorporado?

Não

Link a colar

—

Notas

O Instagram não suporta a incorporação de Stories.

Como incorporar uma publicação do Instagram

  1. Copie o link da publicação

    Abra a publicação ou o reel no Instagram e copie o respetivo link.

  2. Cole-o aqui

    Cole o link acima e escolha se quer mostrar a legenda.

  3. Copie o código

    Copie o código de incorporação e cole-o num bloco HTML ou de código do seu site.

Perguntas frequentes

Mais Geradores de código de incorporação

Gerador de iframe

Crie um iframe responsivo para qualquer página, formulário ou aplicação.Gerador de iframe