Explorando os Widgets do Azata

Explorando os Widgets do Azata: Como Usar e Personalizar

Os widgets são recursos fundamentais para personalizar e enriquecer a experiência do usuário em um site de e-commerce. No sistema Azata, voltado para lojas virtuais, há uma variedade de widgets que podem ser facilmente integrados para melhorar a navegação, funcionalidade e aparência do site. Mas, o que é um widget?

De acordo com a Wikipédia, "um widget, numa interface gráfica, é um elemento de interação — como janelas, botões, menus, ícones e barras de rolagem". Ele pode também se referir a pequenos aplicativos que flutuam na área de trabalho, oferecendo funcionalidades específicas ao usuário.

Agora que entendemos o conceito, vamos explorar os diferentes tipos de widgets disponíveis no Azata e ver como utilizá-los para otimizar o desempenho da sua loja.

Onde fica essa configuração dentro do Azata?

Para ter acesso aos widges, deve se ir no Azata admin, e lá procurar pela opção Layout/Página, e após isso acessar a tela de configuração de Layouts, nessa tela clique na opção Páginas e ali dentro da configuração da sua página é possivel ir adicionando os widgets.

Vale ressaltar que todos os widgets contam com as configurações Tamanho desktop e Tamanho mobile. Esses campos permitem definir o tamanho do widget quando visualizado em computadores ou dispositivos móveis, o que é essencial para garantir uma experiência adaptada a cada tela.

1. Botão (com link)

Esse widget permite adicionar um botão que, ao ser clicado, direciona o cliente para uma página específica. Você pode personalizar a cor do botão, o texto que aparecerá dentro dele, e o link de destino.

Uma vez configurado esse widget ele aparecerá no seu site, abaixo segue um exemplo:

2. Cadastro

Adicione um formulário na sua loja para que os clientes possam preencher com informações. É possível escolher os campos que irão aparecer no formulário, conforme suas necessidades. Nessa tela é possivel escolher o perfil de cliente, com isso o formulário pode ser útil para inclusão de clientes em um perfil diferente do padrão do seu site.

Ao fazer essa configuração poderá ter no seu site um formulário, segue um exemplo:

3. Categorias

Exibe as categorias de produtos criadas no sistema. Quando o cliente clica em uma categoria, ele é redirecionado para a página com todos os produtos dessa categoria.

Abaixo temos um exemplo dessa configuração no site de exemplo:

4. Coleções

Assim como as categorias, esse widget exibe coleções de produtos já criadas. Ele adiciona um link na tela que direciona para uma página com todos os itens dessa coleção.

5. CSS personalizado

Se você tem conhecimento em CSS, pode usar este widget para adicionar estilos personalizados à página, ajustando o design conforme suas preferências.

Com esse widget configurado é possivel adicionar um código css a seu site, no exemplo baixo incluimos um css para escrever a palavra teste.

6. Depoimentos

Exiba depoimentos de clientes que já compraram seus produtos. Esses depoimentos ajudam a criar confiança e aumentar as vendas.

Abaixo exemplos da exibição de depoimentos:

7. Dados da empresa

Esse widget permite adicionar as informações da sua empresa, como endereço e telefone, diretamente no corpo da página.

Ao incluir essa opção aparecerá os dados da sua empresa no site, conforme exemplo:

 

8. Logos da empresa

Adicione os logos da sua empresa na página. Eles devem ser previamente carregados no sistema.

Com essa opção configurada, poderá ser exibido a sua logo da empresa no seu site, normalmente a logo já aparece no site, mas essa seria uma opção para exibi-la em outro lugar do site.

Segue exemplo:

9. HTML personalizado

Este widget oferece um editor de texto completo, permitindo que você insira textos, imagens, links e até mesmo vídeos na sua página. As possibilidades de personalização são amplas.

Com essa opção é possivel inserir um texto html no seu site, conforme exemplo abaixo:

10. Ícones

Adicione ícones na sua página que podem servir como links para outras seções. Você pode também incluir uma descrição e configurar para que o sistema ajuste automaticamente a melhor posição para o ícone.

A aplicação dos ícones em um site é bem variável, abaixo temos um exemplo do uso de ícones com um link junto, ao clicar na imagem do ícone o usuário é direciondo para o link.

11. Imagem (com link)

Permite adicionar uma imagem com um link associado. É ideal para banners ou destaques visuais que direcionem o cliente para outra página.

Pode ser inserida qualquer imagem no seu site e nela associar um link, veja o exemplo abaixo:

12. Instagram

Exiba o feed do Instagram da sua marca diretamente na sua loja virtual. Basta fazer as configurações para sincronizar o feed com seu site.

Abaixo temos um exemplo dessa configuração aplicado no site

13. JavaScript personalizado

Com este widget, você pode adicionar códigos JavaScript personalizados para criar funcionalidades específicas na sua página.

Com essa opção ativa é possivel incluir um código java script no seu site, abaixo exemplo de um código de alerta colocado no site.

14. Marcas

Exibe as marcas cadastradas no sistema. Você pode mostrar apenas o nome das marcas ou optar por exibir suas imagens, e também configurar para que elas apareçam em um slide.

Segue abaixo essa configuração aplicado no nosso site como exemplo

15. Newsletter

Permite adicionar um campo para que os clientes se inscrevam na sua newsletter, ajudando a manter contato e criar campanhas de marketing direcionadas.

Essa opção pode ser usada para o cliente se cadastrar e receber noticias sobre seu site/empresa, após ele aceitar você receberá no Azata um aviso. Os emails sequentes a isso atualmente devem ser enviados manualmente para o cliente, mas a Azata já tem planejamento de otimizar essa função. Abaixo segue um exemplo de como utilizar essa opção no site.

 

16. Páginas

Mostra uma lista de todas as páginas ativas do seu site. Esse widget é comumente utilizado no rodapé para facilitar a navegação.

Ao incluir esse widget no seu site a lista de páginas que estão ativas, para a opção de páginas aparecer no fim do site, é importante atentar ao campo Ordem, abaixo segue exemplo de uma configuração de páginas.

 

17. Produtos por categoria

Exibe uma lista de produtos de uma categoria específica. É possível definir a quantidade máxima de produtos que devem aparecer na tela.

Com essa opção é possivel mostrar em qualquer parte de seu site uma lista de produtos de uma determinada categoria. Segue exemplo:

18. Produtos por coleção

Exibe os produtos de uma coleção específica, que podem ser definidos no painel do sistema. Basta escolher a coleção e quantos produtos devem aparecer.

Ao selecionar este widget serão exibidos produtos contidos em uma coleção. Essa opção é util para exibir produtos de coleções especificas. Segue exemplo abaixo:

 

19. Produtos mais vendidos

Exibe os produtos mais vendidos da sua loja. É uma ótima maneira de promover produtos populares e aumentar suas vendas.

Com esse widget é possivel mostrar os produtos mais vendidos do site, veja um exemplo abaixo.

20. Produtos por marca

Exibe todos os produtos de uma determinada marca. Você pode criar mais de um widget, se desejar exibir produtos de várias marcas.

Com essa configuração é possivel exibir vários produtos de uma única marca, segue exemplo abaixo.

21. Produtos novidades

Exibe os produtos recém-adicionados à sua loja, ajudando os clientes a descobrirem os itens mais novos.

Nesse caso é possivel mostrar no seu site os produtos novos cadastrados, segue exemplo abaixo de como fica no site.

22. Produtos com alterações recentes

Mostra os produtos que foram alterados recentemente, como ajustes de descrição ou preço, mas sem incluir alterações de estoque.

Ao exibir essa opção no seu site, os produtos que tem alteração como fotos ou valores são exibidos no site, conforme exemplo:

23. Produtos populares

Exibe os produtos mais acessados pelos clientes. Esse widget é útil para impulsionar a visibilidade de produtos que já despertam o interesse dos usuários.

Com essa opção é possivel mostrar os produtos que são populares no site, segue exemplo de como fica no site:

24. Produtos em promoção

Exibe os produtos que estão com desconto. Isso incentiva os clientes a aproveitar as ofertas, aumentando as chances de conversão.

Com esse widget é possivel dar estaque a produtos que estejam em promoções. Segue exemplo abaixo:

25. Vídeo

Permite adicionar vídeos no formato MP4 diretamente na sua página, ideal para demonstrar produtos ou criar conteúdos interativos.

Com essa opção é possivel inclui qualquer vídeo com extensão .mp4 no seu site, abaixo segue exemplo aplicado em um site:

26. Vídeos do YouTube

Incorpore vídeos do YouTube diretamente no seu site. Você pode criar tutoriais, reviews de produtos ou conteúdos promocionais e incluir o link do vídeo neste widget.

Com essa opção é possivel incluir vídeos do Youtube no seu site, bastanto incluir ali o link do Youtube, nesse caso, é importante incluir o link de compartilhamento do vídeo. Abaixo segue exemplo de como fica no site essa opção ativa.

 

Conclusão

Os widgets do Azata oferecem uma ampla gama de opções para personalizar seu site de e-commerce e oferecer uma experiência aprimorada aos seus clientes. Desde ferramentas simples como botões e ícones até funcionalidades mais complexas como integração com Instagram e vídeos, as possibilidades são praticamente ilimitadas. Explore cada um deles e otimize a performance do seu negócio online.