Ferramentas do usuário


Widgets

Um widget é um elemento de interface gráfica que exibe conteúdos visuais (formulários, botões, menus, ícones, textos, imagens, produtos, entre outros) em qualquer página de sua loja virtual. A plataforma Query Commerce, por padrão já possui alguns Widgets, além disso é possível criar novos e editar os widgets já existentes.

Para iniciar o processo de criação ou edição de um widget, acesse a administração da sua loja virtual Query Commerce e navegue até CMS → Widgets. Na página carregada serão listados todos os widgets já existentes e também será possível inserir novos widgets, clicando no botão Criar Widget, como mostra a ilustração a seguir:

Criando Widgets

Para iniciar a criação de um widget, primeiro selecione o botão Criar Widget. Após carregar a página de configurações, selecione o Tipo e o Pacote de Template, as ilustrações a seguir mostram as variedades existentes e logo abaixo explicaremos as finalidades e configurações:

Após preencher as configurações citadas anteriormente, selecione o botão Salvar para que sejam exibidas as configurações específicas do tipo selecionado. Mas para isso vamos conhecê-los:

Tipos

CMS Bloco Estático

Exibe um bloco de conteúdo em um local específico da página, como por exemplo, o carrinho de compras. Se a loja tiver um tema responsivo, o carrinho de compras também pode incluir informações adicionais, como uma imagem.

Na aba Propriedades de Frontend, no campo Título do Widget dê um o nome que seja fácil de identificá-lo na administração e no campo Ordem adicione a posição em que ele será exibido em relação aos outros widgets ativos em sua loja, quanto menor o número, maior a relevância.

Na aba Opções de Widget, no campo Bloco selecione o bloco estático que deseja colocar em sua página.

CMS Página Linkada

Exibe um link para uma página selecionada. Permite que você especifique textos e títulos personalizados.

Na aba Propriedades de Frontend, no campo Título do Widget deve ser inserido um nome que seja fácil identificação na administração e no campo Ordem você deve colocar a posição em que ele será exibido em relação aos outros widgets ativos em sua loja, o número menor será o de maior relevância.

Na aba Opções de Widget, no campo Texto Âncora Personalizado insira o texto que levará à página linkada, se deixar o campo vazio, o título da página será usado, no campo Título Âncora Personalizado insira o título desejado e no campo CMS Página selecione a página desejada.

Categoria em Destaque

Destaca uma categoria em bloco, exibindo os produtos associados à ela e os filtros permitindo a navegação entre eles.

Na aba Propriedades de Frontend, no campo Título do Widget deve ser inserido o nome da categoria que será selecionada e no campo Ordem você deve colocar a posição em que ele será exibido em relação aos outros widgets ativos em sua loja, o número menor será o de maior relevância.

Na aba Opções de Widget selecione a categoria desejada no campo Featured Category. Segue ilustração com as configurações citadas acima:

Produtos em Destaque

Exibe um bloco de produtos em determinado local de uma página da sua loja. Esses produtos devem ser escolhidos como destaques acessando o seu cadastro.

Na aba Propriedades de Frontend, no campo Título do Widget deve ser inserido um nome que seja fácil de identificá-lo na administração (recomendamos colocar o mesmo nome que aparecerá na vitrine de sua loja) e no campo Ordem você deve colocar a posição em que ele será exibido em relação aos outros widgets ativos em sua loja, o número menor será o de maior relevância.

Na aba Opções de Widget terá dois campos a serem preenchidos, no campo Título deve ser inserido o nome que ficará exposto acima do widget na sua loja, no nosso exemplo é Produtos Destaque e no campo Número de Linhas de Produtos, você deve colocar o número de linhas que deseja que o widget tenha, em cada linha será exibido 4 produtos. Segue ilustração com as configurações citadas acima:

Exibe um link em linha ou em bloco para uma categoria de catálogo selecionada.

Na aba Propriedades de Frontend, no campo Título do Widget deve ser inserido um nome que seja fácil de identificá-lo na administração e no campo Ordem você deve colocar a posição em que ele será exibido em relação aos outros widgets ativos em sua loja, o número menor será o de maior relevância.

Na aba Opções de Widget, no campo Texto Âncora Personalizado insira o texto que levará à categoria linkada, se deixar o campo vazio, o título da categoria será usado. No campo Título Âncora Personalizado insira o título desejado e no campo Categoria selecione a categoria desejada.

Exibe um link em linha ou em bloco para um produto de catálogo selecionado.

Na aba Propriedades de Frontend, no campo Título do Widget deve ser inserido um nome que seja fácil de identificá-lo na administração e no campo Ordem você deve colocar a posição em que ele será exibido em relação aos outros widgets ativos em sua loja, o número menor será o de maior relevância.

Na aba Opções de Widget, no campo Texto Âncora Personalizado insira o texto que levará ao catálogo linkado, se deixar o campo vazio, o título do catálogo será usado. No campo Título Âncora Personalizado insira o título desejado e no campo Produtos, selecione os produtos desejados.

Exibe um bloco de produtos que foram designados como novos, para isso é necessário selecionar esses produtos durante o período de tempo especificado no cadastro do produto.

Na aba Propriedades de Frontend, no campo Título do Widget deve ser inserido um nome que seja fácil de identificá-lo na administração e no campo Ordem você deve colocar a posição em que ele será exibido em relação aos outros widgets ativos em sua loja, o número menor será o de maior relevância.

Na aba Opções de Widget, no campo Tipo de Exibição selecione a opção que deseja entre as opções Todos os Produtos (produtos recentemente adicionados) e Novos Produtos (produtos marcados como novos), no campo Controle de Página de Exibição você seleciona Sim para… e Não se…. No campo Número de Produtos para Exibir, insira o numeral referente a quantidade de produtos que deseja exibir no widget e no campo Ciclo de vida do Cache (Segundos) insira o numeral referente ao tempo que o cache levará para ser limpado, serão inseridos 86400 segundos por padrão, se não for informado. Para atualizar imediatamente, Limpe os caches de saída para blocos HTML.

Pedidos e Devoluções

Dá aos clientes a capacidade de verificar o status de seus pedidos e enviar solicitações para devolver mercadorias.

Produtos Comparados Recentemente e Produtos Visualizados Recentemente

Produtos Comparados Recentemente: Exibe em um bloco os produtos recentemente comparados. Você pode especificar o número de produtos incluídos e formatá-los como uma lista ou grade de produtos.

Produtos Visualizados Recentemente: Exibe em um bloco interno os produtos vistos recentemente. Você pode especificar o número de produtos incluídos e formatá-los como uma lista ou grade de produto.

Esses dois tipos de widgets possuem as mesmas configurações, são elas:

Na aba Propriedades de Frontend, no campo Título do Widget deve ser inserido um nome que seja fácil de identificá-lo na administração e no campo Ordem você deve colocar a posição em que ele será exibido em relação aos outros widgets ativos em sua loja, o número menor será o de maior relevância.

Na aba Opções de Widget, no campo Número de Produtos apresentados insira a quantidade de produtos que serão apresentados no widget.

Importante: Salve suas configurações clicando sobre o botão Salvar, no canto superior direito da sua tela. Para que as alterações sejam aplicadas corretamente, pode ser necessária a limpeza dos caches da sua loja e do seu navegador, saiba mais sobre a limpeza de caches clicando aqui.

Configurações

Agora que seu Widget foi criado, é hora de adicioná-lo à vitrine da sua loja. Para isso, acesse a administração e navegue até Sistema → Configuração → Tema, feito isso, expanda a aba Página Principal. A ilustração a seguir mostra a interface citada acima:

Na aba Página Principal, você irá visualizar as “Áreas de Conteúdo” já existentes e poderá criar uma nova área que vai abarcar o widget que você criou anteriormente. Para isso, clique em Adicionar Conteúdo e será aberta uma área em branco. Em seguida clique em Clique aqui para configurar. A ilustração a seguir, mostra a interface das configurações citadas:

Após isso, será aberta a janela de edição da área de conteúdo. No campo Tipo, selecione Widget. Feito isso, abrirá um novo campo Widgets Disponíveis, as opções que aparecerão neste campo serão exatamente os widgets criados em CMS → Widgets, selecione o que você criou (no nosso exemplo, será Produtos Destaque) e clique em Confirmar. A ilustração a seguir, mostra a interface das configurações citadas:

Pronto, o widget já foi alocado à sua página principal. Na lateral esquerda você encontra Setas, com elas você consegue movimentar seu widget para cima ou para baixo, colocando-o onde quiser em relação às outras áreas de conteúdo. Na lateral direita temos o X, caso queira excluir a área. Após finalizada as configurações, salve o seu widget, selecionando o botão Salvar, no canto superior direito da sua tela. A ilustração a seguir, mostra a interface das configurações citadas:

Para que visualize as alterações aplicadas à loja, pode ser necessário limpar os caches da plataforma Query Commerce e do seu Navegador.

Retornar à página anterior


Ferramentas da página