Apps Wix: adicionar e configurar o app Feed do Instagram

7 min de leitura
O app Feed do Instagram por Wix permite que você mostre seus posts mais recentes do Instagram em um feed visualmente atraente e personalizável, ajudando você a aumentar o engajamento e manter seu site atualizado com conteúdo dinâmico. 
Esteja você mostrando sua marca, promovendo produtos ou compartilhando suas últimas atualizações, o app Feed do Instagram ajuda a conectar sua presença nas redes sociais ao seu site, criando uma experiência mais interativa e conectada para os visitantes.
Observação:
Em agosto de 2024, o Wix lançou uma versão atualizada do app Feed do Instagram. Se você estiver usando a versão antiga e deseja explorar os novos recursos, você pode facilmente mudar para o novo app Feed do Instagram.  
Uma captura de tela mostrando a interface do usuário do app Feed do Instagram.

Etapa 1 | Adicione e conecte o app Feed do Instagram

Comece adicionando o app ao seu site. Você pode fazer isso diretamente no Wix App Market. 
Editor Wix
Editor do Wix Studio
  1. Clique em Wix App Market   no lado esquerdo do editor.
  2. Procure pelo app Feed do Instagram na barra de busca.
  3. Clique em Adicionar ao site.
  4. Selecione o app na página.
  5. Clique em Configurações.
  6. Clique em Conectar.
  7. Clique em Permitir no pop-up. 
Uma captura de tela mostrando a opção de adicionar o no novo app do Instagram ao seu site.
Observação:
Se o pop-up de login do Instagram não abrir, tente desativar o bloqueador de pop-up ou atualizar a versão do navegador. 

Etapa 2 | Personalize os elementos exibidos

Você pode personalizar o app ao mostrar ou ocultar elementos específicos com base nas suas preferências. Por exemplo, você pode exibir todo o conteúdo disponível ou ocultar determinados detalhes, como seu nome de usuário, simplesmente marcando ou desmarcando as caixas correspondentes nas configurações.
Editor Wix
Editor do Wix Studio
  1. Clique no app Feed do Instagram no seu editor. 
  2. Clique no ícone Elementos
  3. Marque ou desmarque as caixas de seleção relevantes.
Observação:
Marcar a caixa de seleção "Todo o conteúdo" exibe todo o conteúdo disponível, incluindo Título, Nome de usuário, Hashtag e Posts, mesmo que eles não estejam selecionados. 

Etapa 3 | Personalize o layout

Existem 2 itens para personalizar nesta seção. O layout do texto e o layout do feed. 

No layout do texto, você pode optar por ter uma única linha de texto ou várias linhas de texto. Você também pode alterar o alinhamento do texto e defini-lo à esquerda, ao centro ou à direita. O layout do feed permite ajustar o nível de preenchimento ao redor do feed. 
Editor Wix
Editor do Wix Studio
  1. Clique no app Feed do Instagram no seu editor. 
  2. Clique no ícone Layout   .
  3. Escolha um layout: Linha única ou Várias linhas
  4. Defina o alinhamento Esquerda, Centro ou Direita
  5. Arraste o slider Preenchimento superior e inferior para alterar a quantidade de preenchimento entre seu texto. 
  6. Arraste o slider Preenchimento lateral para alterar o tamanho do preenchimento ao lado do seu texto. 
  7. Abaixo de Feed: arraste o slider Preenchimento lateral para alterar o tamanho do preenchimento em cada lado do seu feed. 
  8. Ative ou desative a alavanca Definir imagens para mostrar para mostrar ou ocultar imagens no seu feed. 

Etapa 4 | Personalize o design

As opções de design predefinidas disponíveis neste painel foram escolhidas especialmente para você, pois combinam com o design do seu site. Navegue pelos designs e veja como eles ficam no seu site. Depois de encontrar sua predefinição preferida, clique em Personalizar design para personalizar ainda mais a predefinição.

Para personalizar o design:

  1. Clique no app Feed do Instagram no seu editor. 
  2. Clique no ícone Design .
  3. Selecione uma predefinição entre as opções disponíveis. 
  4. Clique em Personalizar design
  5. Escolha o que você deseja personalizar:
    • Background do widget:
      • Cor e opacidade: defina a cor e a opacidade para o background do app. Escolha se deseja adicionar um efeito de vidro ao background do seu app. 
      • Borda: altere a cor, a largura e o espaçamento da borda da moldura para destacar sua imagem.
      • Cantos: arredonde os cantos para deixar a moldura da imagem mais circular.
      • Sombra: adicione uma sombra à sua imagem para dar um efeito 3D. Você pode personalizar diferentes aspectos da sombra para torná-la mais ou menos dramática.
    • Contêiner do texto: 
      • Cor e opacidade: defina a cor e a opacidade para o background do app. 
      • Borda: altere a cor, a largura e o espaçamento da borda da moldura para destacar sua imagem.
      • Cantos: arredonde os cantos para deixar a moldura da imagem mais circular.
      • Sombra: adicione uma sombra à sua imagem para dar um efeito 3D. Você pode personalizar diferentes aspectos da sombra para torná-la mais ou menos dramática.

Perguntas frequentes

Clique nas perguntas abaixo para saber mais. 

Esse artigo foi útil?

|