Na hora de elaborar textos em sites, utilizar um post do Instagram pode fazer com que o seu conteúdo fique ainda mais completo e interessante para o leitor. No entanto, muitas pessoas não sabem como embedar um post do Instagram.

Pensando nisso, o Olhar Digital um tutorial explicando como embedar um post do Instagram ao criar um embed code.

publicidade

O que é o embed code?

O embed code (código embed) é um código HTML utilizado para incorporar determinados elementos de um site externo em seu próprio site. Como maior aplicação do embed code estão as redes sociais, como o Instagram.

O código também é útil para uso de vídeos de diferentes plataformas, como o YouTube ou o Vimeo. Áudios também podem ser incorporados de serviços como o Deezer e Spotify.

publicidade

Leia mais:

Criar código embed do Instagram

A forma de incorporação do embed code em um conteúdo do site pode variar conforme o CMS. No entanto, para criá-lo, uma opção eficiente é usar o gerador Iframely. Veja o passo a passo, a seguir!

  1. Achar a postagem no Instagram e copiar o link

  2. Acesse o site do Iframely

    Para gerar o código, clique em “Check it”.

  3. Toque em “Copy code” para copiar todo o código

    Desça a tela para encontrar o botão “Copy code”.
    Caso queira mostrar a legenda da publicação, selecione a caixinha antes de: “Show author’s text caption”.

  4. Vá no CMS e crie um bloco HTML e cole o código copiado

    No WordPress, basta você clicar em no sinal de “+” dentro do publicador de texto para adicionar bloco e procurar por HTML personalizado.

  5. Insira o código e clique em visualizar

  6. Pronto, o post do Instagram está incorporado em seu site