O Instagram tornou-se uma das principais redes sociais do mundo. Compartilhando fotos, vídeos e momentos nos stories, o Instagram é também uma forte ferramenta para a realização de vendas e publicidade. É uma tecnologia utilizada por empresas e profissionais dos mais diversos ramos e é excelente para manter a audiência atualizada e sempre próxima da sua marca.

Hoje é muito comum que dentro dos sites as fotos e vídeos do Instagram estejam visíveis e possuam link para uma conta – o que é ótimo para conquistar novos seguidores e possivelmente novos clientes, pois com a galeria do Instagram no WordPress os visitantes do seu site não precisam abrir o app do Insta para ver suas fotos. Acontece que muitas vezes o processo para integrar o Instagram com um site não é muito simples, o que traz uma grande dor de cabeça e estresse.

Então, o CanalWP tem um plugin infalível e extremamente fácil de utilizar para exibir os conteúdos de sua conta do Instagram dentro de qualquer site WordPress. Quer saber que plugin é esse? Se liga na dica de hoje!

Galeria do Instagram com Instagram Show no WordPress

Instagram Show

Possível de encontrá-lo no marketplace CodeCanyon, o plugin que indicamos hoje para trabalhar com galerias do Instagram dentro de sites WordPress é o Instagram Show. Confira 10 Marketplaces para Comprar Temas e Plugins WordPress.

O Instagram Show é um plugin PRO de altíssima qualidade e que não custa muito! Ele está sendo vendido atualmente na CodeCanyon pelo valor de 19 dólares e é uma das melhores ferramentas que você pode encontrar para exibir galerias do Instagram em poucos minutos e de forma muitíssimo fácil. O Instagram Show é um dos plugins mais vendidos e possui nível de 5 estrelas nas avaliações de seus compradores e utilizadores.

Baixar Demo | Hospedagem

Configurando a Galeria do Instagram

Após ter adquirido o plugin Instagram Show através do site da CodeCanyon, você deve realizar a instalação do mesmo em seu WordPress. Veja no post Como Instalar e Ativar um Plugin no WordPress o que é necessário para começar a utilizar o plugin em seu site.

Depois que o Instagram Show estiver instalado e ativado você verá um novo item de menu na lateral da sua Dashboard WP. Então é preciso acessar a página de configurações do plugin para definir de qual conta as fotos e vídeos serão “puxadas” e como devem ser exibidas. Clique em Insta Show para acessar a página de configurações do plugin.

Agora clique em Add Feed para criar um novo feed com conteúdo do Instagram.

A primeira coisa que você precisa deve informar é um nome para o feed que está criando, pois é possível criar vários e ligados a diferentes contas. Então em Feed name você deve dar um título que ajude a identificá-lo.

Source

Logo depois vá até a aba Source para definir o @username (nome da conta no Instagram) que possui às fotos e vídeos que se quer exibir na galeria do Instagram em seu WordPress. É importante dizer também que o Instagram Show permite que você adicione além do username, hashtags, localização e URL de um post.

Em Filter only existe a possibilidade de filtrar os posts que se deseja exibir baseando-se em uma hashtag, username, localização ou URL. Assim, se algum dos posts possuir o termo determinado ele será exibido.

Já em Filter except nós temos um filtro que exclui da lista de posts aquele que possui o termo definido.

Observações importantes

Sempre digite o username com o caracter “@” e as hashtags com o símbolo “#”. Por exemplo: “@sendylago” e “macbook”.

As 2 próximas opções de configuração da aba Source são referentes ao número de postagens que devem ser exibidas e por quanto tempo elas devem ser guardadas em cache – após o tempo definido o plugin irá verificar se existem novas postagens e atualiza a listagem.

Então em Limit Posts você pode deixar com o valor 0 (zero) para exibir todos os posts existentes ou definir um número limite.

E em Cache media time defina o tempo de cache que o plugin deve obedecer antes de atualizar o feed de postagens. Perceba que o tempo de cache sempre é definido em segundos!

Size

Na próxima aba, de título Size, é o local reservado para sejam feitas as definições referentes ao tamanho e forma de apresentação dos conteúdos do Instagram.

Em Widget size você pode definir medidas fixas para a largura (width) e altura (height) do widget padrão que o plugin traz. Recomendo deixar as caixas de Responsive e By content marcadas, para que a galeria do Instagram de adeque a tela de qualquer dispositivo e leve em consideração o conteúdo que será exibido.

Chegando em Grid você vai escolher quantas colunas (columns), linhas (rows) e também de quanto deve ser o espaçamento entre elas – defina o espaçamento em gutter.

Na opção Responsive breakpoints você pode configurar pontos de interrupção, ou seja, é possível definir manualmente quantas linhas, colunas e como deve ser o espaçamento a depender do tamanho do display que está sendo utilizado pelo visitante.

UI

Chegando a aba UI você vai escolher como deve ser a navegação de fotos e vídeos dentro da galeria do Instagram – controladores, direção, efeitos de animação, etc. Vai poder definir também qual ação deve acontecer quando um visitantes clicar em cima de uma foto ou vídeo – se deve abrir em tamanho maior dentro de uma janela popup ou se deve redirecionar diretamente para o Instagram.

Para a navegação, você deve configurar basicamente as opções Controls, Direction e Animation effect.

Depois defina qual ação irá ocorrer no momento do clique escolhendo na opção Mode entre Popup e Instagram. Escolha também qual a língua em que as legendas costumam estar na opção Language.

Se você escolheu exibir um Popup no momento do clique, pode definir a velocidade e forma de transição para as fotos e vídeos nas opções Popup image switch speed e Popup image switch easing respectivamente.

Info

Em Info a penúltima aba das configurações do plugin Instagram Show, você vai escolher quais informações devem ser exibidas no modo galeria e quando a foto for clicada abrindo-se então um popup.

Em Gallery Info você pode escolher as opções para mostrar a quantidade de likes (Likes counter), quantidade de comentários que uma foto ou vídeo tem (Comments counter) e a descrição/legenda (Description). Essas informações serão exibidas no momento em que o ponteiro do mouse estiver em cima de uma publicação.

No caso de ter escolhido abrir um Popup quando um clique for dado sob uma foto ou vídeo, dentro de Popup Info você pode escolher exibir diversas informações: username, link para seguir no Instagram, quantidade de likes, quantidade de comentários, data, localização, etc.

Style

Estamos chegando ao final das configurações para exibir galeria do Instagram no WordPress utilizando o plugin Instagram Show!

Na aba Style o plugin oferece diversas opções de cores e esquemas prontos de cores para a aparência da galeria. Você pode escolher um esquema pronto em Color scheme e caso queira escolher cores personalizadas, basta defini-las nas áreas referente a Gallery Colors e Popup Colors.

Após ter concluído todas as configurações para exibição, comportamento, eventos e aparência de sua galeria do Instagram clique no botão SAVE FEED para armazenar as definições realizadas.

Exibindo Galeria No Seu Site

Agora que você seguiu o passo a passo que mostrei e te guiei no tópico anterior, falta apenas exibir a sua galeria do Instagram em seu site WordPress. Então vamos lá!

É possível adicionar a galeria do Instagram no WordPress com o Instagram Show utilizando o widget nativo que o plugin traz – para isso basta acessar a Aparência > Widgets -, ou fazendo uso da shortcode da galeria que acabamos de criar. Veja o shortcode da sua galeria na página principal do plugin, clicando em InstaShow no menu lateral.

Utilizar a shortcode é legal pois é possível adicionar uma ou mais galerias dentro de posts e páginas específicas, por exemplo.

Copie a shortcode da galeria que deseja exibir e crie uma nova página (Páginas > Adicionar nova) para testar a exibição dela. Então, dentro da área de edição de texto você deve colar a shortcode.

Depois, clique no botão Publicar e acesse a página que acabou de criar para conseguir visualizar a galeria do Instagram em funcionamento.

Olha só como ficou a nossa galeria:

Conclusão

Para quem deseja exibir fotos e vídeos em formato de galeria do Instagram no WordPress, o plugin Instagram Show é um dos melhores que se pode encontrar. Muitíssimo simples de instalar e iniciar as configurações, o plugin oferece opções diversas em relação a aparência da galeria, navegação e redirecionamento.

Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.