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.
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.
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!
- Achar a postagem no Instagram e copiar o link
- Acesse o site do Iframely
Para gerar o código, clique em “Check it”.
- 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”.
- 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.
- Insira o código e clique em visualizar
- Pronto, o post do Instagram está incorporado em seu site
