O que é?
Nesse artigo iremos apresentar a maneira de instalar o feed do Instagram utilizando widget da Elfsight.
OBS: Na versão gratuita (Lite) da Elfsight é apenas permitido a apresentação do widget até 200 visitas.
Caso deseje instalar um widget sem limitação de visitas no plano gratuito você pode instalar o widget da SnapWidget
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 Elfsight?
Os widgets da Elfsight ajudam mais de 1,000,000 proprietários de sites para aumentar as vendas, interagir com os visitantes, oportunidades de venda e mais. Poupe o seu tempo e dinheiro com soluções prontas a usar.
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
Como configurar:
Obtendo Widget:
Vamos acessar o site da Elsight: https://elfsight.com/
Necessario registrar-se, clicando em Sign Up Free, conforme imagem 7:
Imagem 7.
Criamos uma conta informando E-mail e Senha, conforme imagem 8:
Imagem 8.
No dashboard principal de Applications, devemos escolher a opção Instagram Feed, conforme imagem 9:
Imagem 9.
Redes Sociais:
Defina um nome para o Feed, escolha um layout e continue para o próximo passo, como no exemplo abaixo da imagem 10
1- Nome do feed: Feed Rodapé
2- Escolha o Layout: Small Widget
3- Continue with this template
Imagem 10
Remova a conta da elfsight. e adicione a sua conta e salve, conforme imagem 11:
Imagem 11
Selecione o plano de sua preferência, conforme imagem 12
Imagem 12
OBS: Lembrando que na versão gratuita (Lite) é apenas permitido a apresentação do widget até 200 visitas, conforme apresentado na imagem 8.
Copie o código que será gerado clicando sobre o mesmo, conforme sinalizado na imagem 13.
Imagem 13
Adicionando o Código na Loja:
Para isso acesse Aplicativos > Marketing > Redes Sociais, conforme imagem 14:
Imagem 14
Edite a opção do Instagram para inclusão do código, conforme imagem 15:
Imagem 15
Adicione o código copiado na etapa acima no Script HTML, conforme imagem 16:
Imagem 16
Dessa forma o Feed irá ser apresentado no rodapé da página:
DESKTOP - REDES SOCIAIS - DEPOIS
MOBILE - REDES SOCIAIS - DEPOIS
Banner Inferior
Caso necessite olhe novamente o passo de Obtenção do Widget:
Obtendo Widget:
Defina um nome para o Feed, escolha um layout e continue para o próximo passo, como no exemplo abaixo da imagem 17
1- Nome do feed: Feed Bônus
2- Escolha o Layout: Hashtag Showcase
3- Continue with this template
Imagem 17.
Remova a conta da elfsight. e adicione a sua conta e salve, conforme imagem 18:
Imagem 18.
Copie o código que será gerado clicando sobre o mesmo, conforme sinalizado na imagem 19.
Imagem 19.
Adicionando o Código na Loja:
Para isso acesse Aplicativos > Aparência > Banners, conforme imagem 20:
Imagem 20
.Adicione um novo banner, conforme imagem 21:
Imagem 21.
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 22:
Imagem 22.
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