Procura uma forma de adicionar um feed do Instagram ao seu sítio Web Divi?
Divi by Elegant Themes é um tema popular com um construtor de sites fácil de utilizar que o pode ajudar a criar facilmente páginas bonitas - sem necessidade de codificação.
E se quiser promover o seu conteúdo do Instagram no seu site Divi, existe uma solução fácil.
Neste post, vamos partilhar consigo como incorporar um feed do Instagram no seu site Divi com apenas alguns cliques.
Aqui está um índice para o ajudar a navegar neste artigo. Pode avançar para a secção que pretende clicando na secção abaixo:
- Por que adicionar feeds do Instagram ao seu site Divi?
- A maneira mais fácil de adicionar feeds Divi Instagram ao seu site
- Como adicionar um feed do Instagram ao seu site Divi (5 etapas fáceis)
- Bónus: Como adicionar vídeos envolventes ao seu site Divi
Por que adicionar feeds do Instagram ao seu site Divi?
Sendo um popular plugin de construção de páginas, o Divi facilita a conceção de sítios Web, para que possa criar um belo sítio WordPress com botões, secções de chamadas para ação, imagens, animações e muito mais.
Digamos que já construiu um excelente sítio Web WordPress para a sua marca com Divi. O próximo passo é promovê-lo para que você possa atrair mais clientes.
E se quiser promover algo na Internet, não pode ignorar as redes sociais.
Em 2023, estimava-se que existiam 4,89 mil milhões de utilizadores de redes sociais em todo o mundo, o que representava aproximadamente metade da população mundial.
Statista
Só no Instagram, há mais de mil milhões de utilizadores activos que pode alcançar!
E se quiser utilizar o Instagram para promover a sua marca, uma forma fácil é adicionar um feed de publicações do Instagram ao seu site Divi.
De facto, aqui estão algumas formas excelentes de um feed do Instagram ajudar o seu site:
- Aumentar o envolvimento - A incorporação de um feed de hashtag de conteúdo relevante do Instagram capta a atenção dos visitantes do seu sítio Web e incentiva-os a interagir com o seu sítio Web.
- Criar confiança na marca - Se incorporar críticas e testemunhos dos seus clientes, estes podem funcionar como prova social. Isto significa que ver pessoas reais a gostar dos seus produtos pode inspirar os seus visitantes a efetuar uma compra.
- Aumentar as vendas - Quando você adiciona um feed do Instagram comprável em seu site Divi, pode promover diretamente as páginas de seus produtos para os visitantes do site para que eles tenham mais probabilidade de comprar de você.
- Poupe tempo - O seufeed do Instagram é atualizado automaticamente, pelo que pode apresentar belas imagens e vídeos do Instagram no seu sítio Web sem os carregar manualmente.
- Aumentar a presença online: Mostrar as suas publicações do Instagram no seu site pode aumentar os seus seguidores do Instagram e ajudá-lo a alcançar ainda mais potenciais clientes.
Mas, embora seja possível criar um excelente sítio Web com Divi, este não inclui funcionalidades de marketing para as redes sociais.
A boa notícia é que vamos mostrar-lhe o melhor plugin de feeds do Instagram para WordPress para que possa começar a adicionar feeds do Instagram imediatamente - sem necessidade de codificação!
Melhor ainda, este plugin também funciona 100% bem com o seu site Divi.
A maneira mais fácil de adicionar feeds do Instagram da Divi ao seu site
A maneira mais fácil de adicionar feeds do Instagram ao seu site Divi é usando o Instagram Feed Pro, o melhor plugin de feed do Instagram no mercado.
Como o agregador de feed do Instagram nº 1, o Instagram Feed Pro ajuda você a criar, personalizar e incorporar seu feed do Instagram em seu site Divi com apenas alguns cliques - sem necessidade de codificação.
Além disso, também está repleto de funcionalidades fantásticas para que possa começar a adicionar os seus feeds do Instagram de imediato, tais como:
- Configuração super fácil e rápida: Bastam alguns minutos e você pode começar a adicionar seus feeds do Instagram ao seu site Divi - sem a necessidade de linguagens de codificação complexas, como CSS ou JavaScript personalizados.
- Toneladas de tipos de ração disponíveis: Você tem muitos tipos de feed para escolher. O plugin suporta feeds de hashtag, carretéis do Instagram e carrosséis de feed do Instagram para o seu site Divi.
- Personalizador visual de feeds: Uma vez que todos os feeds do Instagram são altamente personalizáveis, pode personalizá-los com apenas alguns cliques utilizando um personalizador visual.
- Leve e rápido: O Instagram Feed Pro foi optimizado para ser leve, pelo que os seus feeds do Instagram e o seu site carregarão super rápido, o que é ótimo para SEO.
- Compras no Instagram: Para lojas online e sites WooCommerce, pode criar feeds de compras e permitir que os visitantes comprem a si e aumentem as conversões.
- Suporte ao cliente de alto nível: Com o Instagram Feed Pro, você também recebe uma equipe de especialistas em WordPress para ajudá-lo se você tiver problemas com seus feeds.
Por ser fácil de usar e personalizar, o Instagram Feed Pro se tornou o melhor plugin de feed do Instagram para WordPress que também é compatível com Divi.
Agora, tem mais de 1.000.000 de utilizadores activos com uma classificação de 4,9/5 estrelas. E essa base de utilizadores inclui algumas das maiores marcas do mundo.
Como pode ver, até nomes conhecidos como a Coca-Cola estão a utilizar os feeds do Instagram e os plug-ins de redes sociais do Smash Balloon para adicionar feeds de redes sociais aos seus sites.
E se está a pensar que o Smash Balloon não funciona com o Divi, não se preocupe. Todos os plugins do Smash Balloon são perfeitamente compatíveis com o Divi.
Pronto para configurar feeds do Instagram em seu site Divi? Comece a usar o Instagram Feed Pro hoje mesmo!
Como adicionar um feed do Instagram ao seu site Divi (5 etapas fáceis)
Para incorporar feeds do Instagram no seu site Divi, tudo o que tem de fazer é seguir as instruções passo a passo abaixo.
Vamos lá começar.
Passo 1: Instalar e ativar o Instagram Feed Pro
Para começar, você pode obter o plugin Instagram Feed Pro de aqui. Então, tudo o que você precisa fazer é instalar e ativá-lo no seu site Divi.
Se não tiver a certeza de como isso é feito, consulte o nosso útil tutorial sobre como instalar plug-ins no WordPress.
Passo 2: Criar o seu feed do Instagram
Pode agora avançar e criar imediatamente o seu feed do Instagram.
Agora, vá para Instagram Feed "Todos os Feeds do seu painel do WordPress. E então, clique no botão Adicionar novo para criar um novo feed do Instagram.
Depois disso, pode escolher o tipo de feed do Instagram que pretende apresentar no seu sítio Web Divi.
Existem 3 opções que pode escolher:
- Linha de tempo do utilizador: Mostrar todas as fotografias e vídeos do seu perfil do Instagram
- Hashtag pública: Escolher mostrar publicações do Instagram que tenham hashtags específicas
- Mensagens marcadas: Utilize o seu feed do Instagram para mostrar as publicações que marcaram a sua conta
Depois de escolher o tipo de feed do Instagram que pretende na lista, clique em Seguinte.
Para o nosso tutorial, vamos utilizar um feed da linha de tempo do utilizador.
Passo 3: Ligar a sua conta do Instagram
Nesta etapa, pode ligar a conta do Instagram da sua empresa ou do seu criador a este novo feed.
Pode consultar o nosso guia sobre como atualizar a sua conta do Instagram se ainda não tiver uma.
Na página seguinte, clique no botão Adicionar fonte .
Em seguida, pode escolher entre uma ligação básica e uma ligação avançada ao Instagram.
Utilizando uma ligação básica, pode publicar as fotografias e os vídeos da sua conta Instagram.
Com uma ligação avançada, pode mostrar todos os tipos de conteúdo, incluindo feeds de hashtag, feeds de compras, histórias, menções e muito mais.
Escolha a ligação do Instagram que pretende utilizar e, em seguida, clique em Ligar.
Para este guia, vou utilizar uma ligação avançada ao Instagram.
Na página seguinte, clique no botão Ligar ao Facebook .
Agora, o plugin irá redireccioná-lo para o Facebook. Aqui, pode dar ao plugin acesso só de leitura à sua conta.
Isto significa que o Instagram Feed Pro pode ver o seu conteúdo do Instagram, mas NÃO pode fazer quaisquer alterações, pelo que é 100% perfeitamente seguro de utilizar.
Basta premir o botão Continuar para prosseguir.
Para finalizar a configuração da sua conta, clique na conta do Instagram que acabou de ligar ao seu sítio Web e, em seguida, clique em Adicionar.
Agora, você será levado de volta ao painel do plugin. Pode finalmente clicar em Next (Seguinte ) e integrar a sua conta Instagram com o seu site Divi.
Passo 4: Personalizar o seu feed do Instagram
Para o ajudar a criar rapidamente feeds bonitos, o Instagram Feed Pro inclui modelos de feeds que pode importar.
Tem imensos modelos diferentes com designs únicos à escolha:
- Predefinição
- Grelha simples
- Grelha simples XL
- Linha simples
- Carrossel simples
- Cartão de alvenaria
- Destaque
- Posto único
- Carrossel de publicação única
Depois de escolher o modelo que deseja no seu feed do Divi Instagram, clique em Avançar.
Na página seguinte, verá o personalizador visual do feed. Aqui, pode avançar e utilizar o editor de feed em direto para personalizar o design e o conteúdo do seu feed do Instagram.
À esquerda, pode ver um painel de personalização que tem todas as opções para alterar o design do seu feed do Instagram.
Isto significa que pode definir a disposição do feed, o esquema de cores, o estilo do cabeçalho, o tamanho do feed, os botões "carregar mais", o design do post e muito mais com apenas alguns cliques.
E, do lado direito, pode ver todas as suas alterações em tempo real com uma pré-visualização em direto do seu feed do Instagram.
Clique na opção Layout do feed para começar a personalizar seu feed do Instagram para o seu site Divi.
Aqui, pode escolher entre 4 opções de layout diferentes para o seu feed de redes sociais Divi:
- Grelha
- Carrossel
- Alvenaria
- Destaque
Com a disposição em grelha, pode apresentar uma galeria de imagens com várias fotografias e vídeos em linhas e colunas bem organizadas.
Se pretender um aspeto dinâmico para o seu feed de redes sociais Divi, existe a opção carrossel.
Desta forma, pode adicionar um bonito controlo deslizante do Instagram ao seu site Divi.
Quer manter as proporções originais das suas publicações no Instagram?
Depois, pode escolher a opção de alvenaria , como neste exemplo que criei.
Por fim, tem a opção de destaque que pode tornar as suas publicações do Instagram mais visíveis.
Este esquema aumentará o tamanho das suas mensagens em 4 vezes.
Agora, basta selecionar o esquema de feed do Instagram que mais lhe agrada e clicar em Guardar.
Quer continuar personalizando seu feed do Divi Instagram? Basta clicar no pequeno botão Personalizar .
A partir daqui, pode clicar na opção Esquema de cores para continuar.
Para o ajudar a definir facilmente as cores do seu feed do Instagram, tem 4 esquemas de cores à sua escolha:
- Herdar do tema: Utilizar as cores do tema WordPress do seu sítio web
- Claro: Fundo claro e uma fonte mais escura para o seu feed do Instagram da Divi
- Escuro: Utilizar um fundo escuro com uma cor de letra clara
- Personalizado: Selecionar manualmente todas as cores
Depois de escolher o esquema de cores, clique no botão Guardar para confirmar as alterações.
Depois disso, pode personalizar o seu feed do Instagram a seu gosto utilizando as restantes opções. Pode escolher o tamanho, o estilo de publicação, o tipo de letra, o design do botão Seguir e muito mais.
Etapa 5: adicione seu feed do Instagram ao Divi
Finalmente, é hora de mostrar como adicionar seu feed do Instagram ao seu site Divi WordPress. Você pode adicioná-los diretamente às suas postagens e páginas, ou pode publicá-los na barra lateral.
Adicione seu feed do Instagram à página do WordPress com Divi
Para adicionar o seu feed do Instagram à sua página do WordPress, pode começar a partir do editor de feed em direto.
Primeiro, clique no botão Incorporar na parte superior.
Aparecerá então uma janela pop-up com o shortcode do seu feed do Instagram. Ao colar este código no seu site, pode incorporar o seu feed do Instagram.
Para continuar, clique no botão Copiar .
Depois de o fazer, aceda a Páginas " Adicionar novo no seu painel de controlo e abra o editor do WordPress.
Aqui, basta clicar no botão Utilizar o Divi Builder .
Você também pode fazer o mesmo para uma postagem do WordPress. A partir do seu painel de controlo do WordPress, basta ir a Posts " Add New e clicar em Use Divi Builder.
Isto irá abrir o construtor de páginas Divi para si. Aqui, tem 3 formas de proceder:
- Começar a construir: Pode começar a partir de um modelo em branco e construir uma página.
- Procurar layouts: Veja os layouts pré-construídos e comece a editar um deles.
- Selecione Página: Ou pode simplesmente copiar o design de uma página existente e editá-la.
Pode selecionar a opção que preferir aqui.
Se selecionar a opção Iniciar construção, pode começar a editar a partir de um modelo em branco imediatamente.
Mas se selecionar Procurar esquemas, aparece a janela pop-up Carregar da biblioteca . Pode navegar por todos os layouts disponíveis aqui.
Para selecionar um esquema para a sua página, basta clicar nele.
Isto abrirá a página Detalhes do esquema . Agora, basta clicar em Utilizar este esquema e pode começar a editar a sua página.
E se, em vez disso, escolher Escolher página , verá os esquemas de página existentes que concebeu.
Aqui, basta clicar em qualquer uma das opções para começar a editar a sua idade.
Antes de adicionar o seu feed do Instagram à Divi, terá de criar espaço para ele. Isto significa criar uma nova linha.
Para o fazer, clique no pequeno ícone verde de mais (+) na sua página do Divi builder.
Agora verá a janela pop-up Inserir linha . Basta selecionar a partir da coleção de linhas disponíveis aqui, clicando na que mais lhe agrada.
Por fim, pode clicar no ícone de mais (+) para adicionar um novo módulo à sua página Divi.
Em seguida, utilize a barra de pesquisa para procurar o módulo de código e clique nele nos resultados da pesquisa abaixo.
Depois de o ter feito, verá as Definições de código à esquerda. Aqui, vá para o campo de código e cole o shortcode de anteriormente.
Depois, basta clicar no ícone de verificação no canto inferior direito.
E está pronto! Já adicionou o seu feed do Instagram ao seu site Divi.
Como pode ver, este plug-in de feed de redes sociais do WordPress facilita imenso a incorporação de publicações do Instagram, mesmo que não tenha conhecimentos técnicos.
Agora, quando visita o seu sítio Web, pode ver o feed do Instagram da Divi incorporado na sua página.
Adicione seu feed do Instagram Divi à barra lateral
E se quiser apresentar o seu feed do Instagram na barra lateral ou na área de rodapé?
Agora, vamos falar sobre como incorporar feeds do Instagram na barra lateral ou rodapé do Divi como um widget do Instagram.
Em primeiro lugar, aceda a Aparência " Widgets no seu painel de controlo do WordPress.
Nesta página, clique no painel Barra lateral para adicionar feeds do Instagram à área da barra lateral do tema Divi.
Ou se você deseja exibir feeds do Instagram na área de rodapé do Divi, pode clicar no painel Rodapé , se preferir.
Vamos utilizar uma barra lateral para este tutorial.
Depois de escolher a barra lateral, clique no ícone de mais (+) e, em seguida, selecione o widget Shortcode nas opções.
Por fim, cole o seu código de acesso anterior no campo Código de acesso.
Quando terminar de colar o shortcode, basta clicar em Atualizar para guardar as alterações.
Agora você adicionou um feed do Instagram à sua barra lateral Divi. Veja como isso foi rápido e fácil porque você usou um plugin como o Instagram Feed Pro?
Basta verificar o seu sítio Web para ver o seu feed do Instagram incorporado na área da barra lateral.
Abaixo, pode ver o exemplo de feed divi do Instagram que criei para este tutorial.
Bónus: Como adicionar vídeos envolventes ao seu site Divi
Depois de ter o seu feed Divi Instagram configurado, existe uma excelente forma de levar o seu marketing nas redes sociais para o próximo passo - exibir vídeos TikTok no seu site Divi.
Com mais de mil milhões de utilizadores activos, o TikTok é a plataforma número 1 para vídeos curtos e um local fantástico para publicar os seus vídeos e chegar a novas pessoas.
E mesmo que não esteja a publicar ativamente no TikTok, a sua concorrência estará lá.
A boa notícia? Ao adicionar vídeos do TikTok ao seu site Divi, pode converter o tráfego do seu site em visualizações, gostos e seguidores do TikTok com facilidade.
Depois, pode fazer com que o seu público do TikTok o siga no Instagram e noutras plataformas de redes sociais.
Além disso, integrar o TikTok ao seu site é super fácil. Usando o TikTok Feed Pro, pode adicionar os seus vídeos TikTok ao Divi em apenas alguns minutos - sem necessidade de tocar numa única linha de código!
Dica de especialista: Para começar imediatamente, consulte o nosso guia sobre como adicionar um feed TikTok ao seu site Divi.
E é isso! Esperamos que este post tenha mostrado como incorporar um feed do Instagram no seu site Divi em minutos.
Com o plugin Instagram Feed Pro, é mais fácil do que nunca adicionar conteúdo do Instagram ao seu sítio Web, mesmo que seja novo no WordPress.
Pronto para obter mais seguidores e engajamento com feeds do Instagram? Comece a usar o Instagram Feed Pro agora para que você possa criar, personalizar e adicionar feeds do Instagram ao tema Divi para expandir seu site.
Quer incorporar outros feeds de redes sociais na Divi? Talvez queira consultar estas próximas publicações:
- Como exibir vídeos do YouTube em um site Divi WordPress
- Como incorporar o widget do Google Reviews no seu Divi
- Como adicionar o feed do Facebook aos sites Divi WordPress facilmente
Se este artigo foi útil para si, siga-nos no Twitter e no Facebook e fique atento a mais dicas e truques de marketing nas redes sociais.
