O que é?
Nesse artigo iremos apresentar a maneira de instalar o feed do Instagram utilizando widget da SnapWidget.
OBS: Na versão gratuita da SnapWidget não há limite de visitas, entretanto o redirecionamento será para a publicação na SnapWidget.
Caso deseje instalar um widget com limitação de visitas, porém redirecionando para sua loja você pode instalar o widget da Elfsight
O que é um widget?
Em uma interface gráfica, é um elemento de interação - tal como janelas, botões, menus, ícones, barras de rolagem etc.
O termo pode também se referir aos pequenos aplicativos que flutuam pela área de trabalho e fornecem funcionalidades específicas ao utilizado
Como funciona o widget da SnapWidget?
Quando você publica fotos e vídeos no Instagram, Twitter, Facebook ou YouTube, o widget em seu site, blog ou loja é atualizado automaticamente com novos conteúdos.
O que é Feed?
O feed é um fluxo de conteúdo que permite rolagem. O conteúdo é exibido em blocos de aparência semelhante que se repetem um após o outro. Por exemplo, um feed pode ter conteúdo editorial (como uma lista de artigos ou notícias) ou fichas (uma lista de produtos ou serviços, entre outros).
Instalação na Loja?
Há diversas formas de apresentar o Feed na loja, neste artigo iremos apresentar 2 formas de utilizar.
- Redes Sociais
- Banner Inferior
Sumário:
Imagens do ajuste:
Desktop:
-
ANTES
Imagem 1.
-
REDES SOCIAIS - DEPOIS
Imagem 2
-
BANNER INFERIOR - DEPOIS
.Imagem 3.
Mobile:
-
ANTES
Imagem 4.
-
REDES SOCIAIS - DEPOIS
Imagem 5.
-
BANNER INFERIOR - DEPOIS
Imagem 6
Caso o Feed não apareça visualmente da forma correta, você pode abrir um chamado através do formulário solicitando a análise e ajuste.
Como configurar:
Obtendo Widget:
Vamos acessar o site da SnapWidget: https://snapwidget.com/
Necessario registrar-se, clicando em Sign Up, conforme imagem 7:
Imagem 7.
Criamos uma conta informando Nome, E-mail e Senha, conforme imagem 8:
Imagem 8.
Clicamos em Choose a Service, selecionamos Instagram, conforme imagem 9:
Imagem 9.
Redes Sociais:
Selecionamos a opção Board, continue para o próximo passo, clicando em Configure Widget conforme imagem 10
Imagem 10
Selecione o plano de sua preferência, caso deseje continuar no plano gratuito, clique em Continue, conforme imagem 11:
Imagem 11
Faça Login na sua conta e autorize o Aplicativo, conforme imagem 12
Imagem 12
Personalize o Feed da forma que deseja, conforme sinalizado na imagem 13.
Imagem 13
Copie o código que será gerado, conforme sinalizado na imagem 14.
Imagem 14
Adicionando o Código na Loja:
Para isso acesse Aplicativos > Marketing > Redes Sociais, conforme imagem 15:
Imagem 15
Edite a opção do Instagram para inclusão do código, conforme imagem 16:
Imagem 16
Adicione o código copiado na etapa acima no Script HTML, conforme imagem 17:
Imagem 17
Dessa forma o Feed irá ser apresentado no rodapé da página:
DESKTOP - REDES SOCIAIS - DEPOIS
MOBILE - REDES SOCIAIS - DEPOIS
Banner Inferior
Para adicionar um novo Feed acesse sua conta e clique em Create a New Widget, conforme imagem 18
Imagem 18.
Selecione o layout Instagram Scrolling, conforme imagem 19:
Imagem 19.
Faça Login na sua conta e autorize o Aplicativo, conforme imagem 20.
Imagem 20
Personalize o Feed da forma que deseja, conforme sinalizado na imagem 21.
Imagem 21.
Copie o código que será gerado, conforme sinalizado na imagem 22.
Imagem 22.
Adicionando o Código na Loja:
Para isso acesse Aplicativos > Aparência > Banners, conforme imagem 23:
Imagem 23
.Adicione um novo banner, conforme imagem 24:
Imagem 24.
Defina a Posição Inferior, preencha os campos obrigatórios e em Opções Avançadas, selecione o código fonte e cole o código copiado anteriormente, conforme imagem 24:
Imagem 24.
Dessa forma o banner será apresentado com as publicações do Instagram.
DESKTOP - BANNER INFERIOR - DEPOIS
MOBILE - BANNER INFERIOR - DEPOIS
Caso fique com alguma dúvida, entre em contato com o suporte através deste formulário