Sempre quis compartilhar uma foto do Instagram ou vídeo em particular) no seu site, e depois tentou salvar a foto no seu computador e enviá-la ao seu site?
O Instagram tem um recurso incorporado que você pode usar para inserir facilmente fotos ou vídeos no HTML do seu site ou blog, e você não precisa ser um web designer para descobrir como fazer isso.
O benefício de inserir posts do Instagram diretamente em suas páginas da Web é que os visitantes do seu site podem interagir com a postagem como se estivessem no Instagram. Eles podem clicar nele para acessar a página do post ou o perfil do usuário, o que eles apreciarão se já forem usuários do Instagram.
Clique nas etapas a seguir para ver como você pode incorporar facilmente qualquer foto ou vídeo do Instagram em seu site em apenas alguns minutos.
01 de 06Encontre a foto do Instagram ou a página de vídeo que você deseja incorporar
Primeiras coisas primeiro: você precisará acessar o Instagram na Web e não o aplicativo móvel para fazer isso.
Se você precisar incorporar uma postagem que encontrou no aplicativo, toque no três pontos que aparecem no canto superior direito de qualquer postagem e, em seguida, toque no Link de cópia opção que aparece no menu para copiar e colar em algum lugar para acessá-lo na web.
Por exemplo, você pode querer colá-lo em uma mensagem de e-mail e enviá-lo para si mesmo para poder abrir o link para essa postagem em um computador desktop.
Abra o Instagram Post em um navegador da Web
Para este exemplo, usaremos uma postagem de foto da conta oficial da Lifewire no Instagram, mas você poderá usar qualquer postagem do Instagram que desejar.
Se você já tem o URL da postagem, clique nela ou copie e cole no seu navegador. A URL para o post no Instagram vai ser algo como isto: instagram.com/p/xxxxxxxxxx/ .
No entanto, se você já estiver no Instagram.com (na web, lembre-se, não no aplicativo) navegando em seu feed de casa, um perfil, uma tag ou a página Explorar, você nem precisa abrir a página da postagem para incorporá-lo em uma página da web.
03 de 06Clique nos Três Pontos no canto inferior direito
Em vez de clicar com o botão direito do mouse e escolher "Salvar como" ou fazer uma captura de tela da imagem, você simplesmente procurará pelo três pontos no canto inferior direito da caixa de imagem, que estará lá se você estiver visualizando a postagem como um pop-up na página, no seu feed ou em sua própria página de postagem.
Clique nesses três pontos cinzas e você verá várias opções. Clique em Embutir.
04 de 06Copie o código de incorporação
Uma caixa irá aparecer no meio da tela exibindo uma seqüência de código e um botão azul. Se você quiser incluir a legenda a ser exibida na página da Web, poderá deixar a Incluir caixa de legenda encerrado, mas se você quiser apenas mostrar a foto ou o vídeo, pode desmarcá-lo.
Você não precisa saber como funciona qualquer código ou o que isso significa para incorporar a foto ou o vídeo em seu site. Simplesmente clique no azulCopiar botão Incorporar código para copiar automaticamente toda a cadeia de código.
Você terminou a página do Instagram agora. Em seguida, você pode ir para o seu site ou blog onde deseja que a postagem seja exibida.
05 de 06Cole o código do Instagram no HTML do seu site
Cabe a você acessar a área de administração ou o painel de controle de qualquer site ou plataforma de blog que você esteja usando e encontrar a área correta para inserir o código.
Por exemplo, se o seu site for executado no WordPress, você só precisa acessar sua postagem ou página editável em Modo de texto (em vez de modo visual), clique direito no editor e selecione Colar para colocar seu código de incorporação copiado na caixa.
Salve, centralize se quiser, publique e pronto.
06 de 06Veja sua página e foto do Instagram incorporada
Dê uma olhada na página publicada on-line para ver a nova foto ou vídeo do Instagram diretamente incorporada nela.
Você deve poder ver a foto com o link para o nome do usuário do Instagram no topo, bem como o número de curtidas e comentários abaixo dela.
Se for um vídeo em vez de uma foto, os visitantes do seu site poderão reproduzir o vídeo no seu site.
É claro que, se nada aparecer em seu site, você pode ter colado o código no lugar errado ou talvez não tenha copiado a sequência completa do código. Confira este excelente artigo de ajuda para WordPress em HTML se tiver algum problema.
