5 maneiras fáceis de exibir produtos em uma loja online wordpress

Exibir produtos em uma loja online WordPress pode ser realmente um pesadelo para um novato em comércio eletrônico. Quando comecei a construir minha loja online, pensei que seria óbvio colocar meus itens na página inicial do meu site. Mas toda a tarefa foi uma luta difícil!

De acordo com minha própria experiência, fazer com que os produtos apareçam em seu site pode consumir muito do seu tempo, especialmente se você for novo no comércio eletrônico. Aprendi que é uma tarefa que requer um bom conhecimento de WordPress.

Produtos exibidos em uma loja online

De Jan Santos (Trabalho do próprio): CC-BY-2.0

Se você está criando uma loja online WordPress pela primeira vez, definitivamente precisa aprender a configurar um site geral com este sistema de gerenciamento de conteúdo. Você também precisa se familiarizar com coisas como plug-ins de comércio eletrônico, widgets e códigos de acesso. Além disso, se estiver usando o WooCommerce, você precisa saber sobre as opções de exibição do produto disponíveis e entender as configurações gerais do plug-in. Este guia simples sobre como criar uma loja online e expor itens (por Riccardo Andronaco) explica tudo isso e eu achei muito útil.

Neste artigo, irei discutir cinco maneiras de exibir e organizar produtos em um site de comércio eletrônico WordPress. Continue lendo para saber como fazer com que os itens apareçam nas páginas do seu site e como organizá-los de acordo.

Cinco maneiras de exibir e organizar itens em uma loja online WordPress

1. O método automático
2. Widgets
3. Plugins
4. Shortcodes
5. Sliders

1. Usando o método automático

Como o nome sugere, você não precisa fazer nada para que os produtos apareçam na página da loja. Os itens são exibidos conforme você os adiciona no painel. Eles são organizados automaticamente em ordem alfabética ou aleatoriamente com ou sem categorias, dependendo das configurações de exibição do WooCommerce.

A página inicial só pode acomodar um determinado número de produtos, o que significa que se você tiver um grande número de produtos, alguns deles serão colocados nas páginas 2, 3, 4 e assim por diante.

Este método torna difícil para seus clientes saberem todos os tipos de produtos em sua loja, pois não inclui categorias e alguns itens estão ocultos em outras páginas.

Talvez seja necessário evitar esse método se você puder usar alguns métodos melhores (descritos abaixo) para exibir itens. Mas se você tiver vários itens que cabem em uma página, ou seja, a página inicial, poderá adotar esse método.

Produtos exibidos aleatoriamente

De Jan Santos (Trabalho do próprio): CC-BY-2.0

2. Usando Widgets

Como você deve saber, um widget no WordPress é um pequeno bloco de conteúdo que pode ser colocado nas seções da barra lateral e do rodapé. Ele fornece uma maneira simples e fácil de personalizar um site. Alguns widgets comuns incluem: postagens recentes, caixa de pesquisa, categorias e menu de rodapé.

Em um site de comércio eletrônico, os widgets podem ser usados ​​para exibir categorias de produtos na barra lateral ou rodapé. Eles podem, portanto, ser uma ótima maneira de impulsionar o método automático (discutido acima), que não apresenta categorias de produtos.

Alguns ótimos widgets que vêm com os temas do eCommerce WordPress incluem produtos populares, produtos recentes, produtos mais vendidos, produtos com melhor classificação e produtos em destaque. Esses widgets são personalizáveis, o que significa que você pode renomeá-los com as categorias reais de seus itens. Você também pode arrastar e soltar para obter um arranjo que se adapte ao seu estilo.

Como os widgets só podem exibir produtos nas barras laterais e nos rodapés, a maioria dos proprietários de lojas online os considera indesejáveis. O melhor lugar para exibir itens é na barra principal de uma página, algo que não pode ser alcançado com widgets.

Produtos exibidos em uma barra lateral com a ajuda de um plug-in

De Jan Santos (Trabalho do próprio): CC-BY-2.0

3. Usando Plugins

No WordPress, um plugin é um conjunto de programas que contém um grupo de funções, recursos ou serviços. Neste sistema de gerenciamento de conteúdo, existem dezenas de milhares de plug-ins (gratuitos e premium) adequados para uma ampla gama de necessidades. Existem plug-ins para todos os tipos de sites, por exemplo, há plug-ins para eCommerce (como WooCommerce), diretórios, blogs, revenda e plataformas de reserva.

Quando se trata de exibir e organizar itens em uma loja online, há uma infinidade de plug-ins que você pode usar para realizar essa tarefa. Mas a maioria dos plug-ins não é muito eficaz, então você precisa escolher aqueles que comprovadamente funcionam.

Os plug-ins mais recomendados para exibir itens em uma loja online WordPress são Ultimate Product Catalog e WooCommerce Product Sort and Display.

O plug-in classificar e exibir funciona melhor com outro plug-in chamado Endless Scroll, que permite exibir um grande número de itens na página da sua loja. Depois de instalar e ativar os dois plug-ins, você precisa ir para as categorias de produtos e arrastar e soltar as categorias para obter a exibição correta. Você pode então definir o número de produtos a serem exibidos por categoria com links para visualizar todos.

Quanto à classificação, o plugin vem com classificação padrão e classificação por popularidade, novidade, preço (baixo para alto e vice-versa), em promoção e em destaque. Alguns desses recursos vêm com a versão premium do plug-in, portanto, é recomendável usar esta versão.

O outro plugin, Ultimate Product Catalog, é um pouco complexo. Depois de instalar e ativar o plug-in, você precisa adicionar todos os seus produtos e categorias a ele para obter IDs que podem ser usados ​​em códigos de acesso para exibir seus itens. Você também precisa criar alguns pequenos catálogos para seus itens.

Por exemplo, o código de acesso a seguir mostrará produtos no catálogo com ID "x".

ou

O plugin é embalado com recursos como layouts de catálogo personalizáveis, preços de venda, importação de produto, símbolo de moeda, breadcrumbs, compartilhamento de mídia social, análise e classificações de produto, integração de SEO por Yoast e um grande número de opções de configuração.

Os estilos de catálogo de produtos incluídos no plug-in incluem: layout minimalista, em bloco, em foco e com guias. Alguns desses estilos e também alguns dos recursos descritos acima estão disponíveis com a versão premium do plugin.

Produtos exibidos em um estilo de bloco com a ajuda de um plug-in

De Jan Santos (Trabalho do próprio): CC-BY-2.0

4. Usando códigos de acesso

Se estiver usando o WooCommerce para sua loja online, você pode descobrir que os códigos de acesso são a maneira mais simples de exibir produtos na página da sua loja. Os códigos de acesso funcionam com IDs de produto e categoria e SKUs e podem ser simplesmente copiados e colados na página da loja para exibir os itens. Veja os códigos de acesso abaixo.

- mostra a lista de categorias.

- mostra um número específico de categorias e funciona bem com os seguintes argumentos. Nota: Esses argumentos também podem funcionar com este shortcode.

• number = "null" - para mostrar o número de categorias.
• orderby = "name" - para mostrar categorias quando ordenadas por nome. Nota: O valor "nome" pode ser substituído por data, rand (aleatório), modificado e nenhum.
• order = "asc" - para mostrar as categorias quando ordenadas em ordem crescente. Nota: O valor "asc" pode ser substituído por "desc" em ordem decrescente.
• colunas = "x" - para mostrar colunas "x" de uma categoria.
• hide_empty = "1" - para ocultar categorias.
• hide_empty = "0" - para mostrar as categorias.
• parent = "0" - para exibir as categorias de nível superior.
• ids = "x" - para mostrar a categoria com id "x".
• categoria = "x" - para mostrar a categoria "x".

• categorias_limit - para mostrar um número limitado de categorias.
• archive_template - para mostrar um modelo de arquivo específico para uma lista particular.
• design_scheme - para mostrar uma cor ou tamanho específico.
• sort = "0" - para desativar o seletor de classificação de produto.
• sort = "1" - para habilitar o seletor de classificação de produto.
• = "1" - para habilitar o shortcode.
• post_type - para mostrar entradas de um tipo de postagem diferente.
• per_row - para mostrar produtos por linha.
• vazio - para mostrar um determinado texto quando não houver produtos a serem exibidos.

• - exibe itens "y" da categoria "x" exibidos em colunas "z" e organizados em ordem decrescente, dependendo da data em que foram postados.
• - mostra a lista de produtos.
• - mostra o nome do produto. Nota: O valor "nome" pode ser substituído por outros valores para formar mais códigos de acesso. Alguns desses valores incluem: preço, descrição, breve descrição, tabela de atributos, SKU, frete, galeria e categorias relacionadas.
• - mostra categorias para a página de lista de produtos atual.
• - mostra produtos para a página de lista de produtos atual.
• - mostra migalhas de pão.
• - mostra um número limitado de produtos.
• - mostra um URL de volta aos produtos que aponta para a página principal da lista de produtos.
• - mostra os produtos atualmente à venda.
• - mostra o produto com id "x".
• - mostra produtos com ids "x", "y" e "z".
• - mostra o produto com SKU "xyz"
• - mostra o produto com SKU "abc", "def" e "ghi".
• - mostra o preço e o botão Adicionar ao carrinho para um produto com id "x".
• - mostra o preço e o botão Adicionar ao carrinho para um produto com SKU "x".
• - exibe no máximo "x" itens.
• - exibe produtos com um determinado atributo, ou seja, o atributo "cor" e a cor sendo "preto".

• - exibe "x" produtos recentes exibidos em colunas "y" e organizados em ordem decrescente, dependendo da data em que foram postados.
• - exibe os produtos em destaque "x" exibidos em colunas "y" e organizados em ordem decrescente, dependendo da data em que foram postados.
• - exibe "x" produtos populares exibidos em colunas "y" e organizados em ordem decrescente, dependendo da data em que foram postados.
• - exibe os produtos com melhor classificação "x" exibidos nas colunas "y" e organizados em ordem decrescente, dependendo da data em que foram postados.
• - exibe os produtos mais vendidos "x" exibidos nas colunas "y" e organizados em ordem decrescente, dependendo da data em que foram postados.
• - exibe produtos relacionados com "x" exibidos em colunas "y" e organizados em ordem decrescente, dependendo da data em que foram postados.
• - mostra a lista de produtos com o modelo de lista clássico. Nota: Outros modelos como 'grade' e 'padrão' podem ser usados ​​no lugar de 'lista'.
• - mostra produtos da categoria com id "x" e com modelo de lista clássico.

Observação: se você for bom em codificação, poderá ajustar esses códigos de acesso para obter melhor exibição e organização do produto.

Um shortcode colado em uma página

De Jan Santos (Trabalho do próprio): CC-BY-2.0

5. Usando controles deslizantes

Caso você não saiba, um controle deslizante é um elemento da página da web que é usado para destacar um grupo de postagens selecionadas. É como uma apresentação de slides, o que significa que exibe uma postagem por vez, passando de uma para a próxima automaticamente ou por meio de um clique.

Para exibir produtos com controles deslizantes, você precisa substituir as postagens por seus produtos. Quando se trata de criar um controle deslizante de produto, você precisa de um plug-in de controle deslizante responsivo como o Soliloguy. Depois de instalar e ativar o plugin, você precisa adicionar um novo controle deslizante, e você pode fazer isso usando fotos, links e outros detalhes necessários de seus itens. A próxima etapa é salvar ou publicar seu controle deslizante para obter um shortcode e uma tag de modelo.

Finalmente, você precisa copiar e colar o shortcode em sua página inicial ou qualquer outra página para exibir os produtos. A tag de modelo pode exibir itens na seção de cabeçalho do seu tema. Você só precisa copiar a tag, abrir seu header.php e colá-lo na página codificada.

WooCommerce tem um plugin chamado Products Slider que é feito sob medida para eCommerce. Ele funciona como um plug-in de controle deslizante típico, mas apresenta mais algumas configurações e opções. Eu o encorajo a ver se isso pode ajudá-lo com a exibição e disposição dos itens.

Produtos exibidos em um controle deslizante

De Jan Santos (Trabalho do próprio): CC-BY-2.0

Conclusão

Exibir e organizar itens em seu site de comércio eletrônico WordPress é bastante simples e fácil com esses cinco métodos. Se você tem dificuldade para exibir e organizar os produtos em sua loja online, comece agora a executar essas duas tarefas com muita facilidade. Basta escolher um método que você acha que pode funcionar para você e colocar esses produtos em sua página inicial de uma forma mais inteligente.

Referências

1. Mening. R. Como construir uma loja online com WordPress e WooCommerce. websitesetup.org . Configuração do site. (2017).
2. Andronaco R. Como criar uma loja online usando WooCommerce e Wordpress: guia simples para a configuração perfeita de um site de comércio eletrônico. (2017).
3. Rastaurius E., Etoile Web Design. Catálogo de produtos de comércio eletrônico para WordPress. wordpress.org. implecode. (2017).
4. WooCommerce. Códigos curtos incluídos no WooCommerce. docs.woocommerce.com . WooCommerce. (2016).
5. Truman S., Tuan N., Ar3rev Software. Plug-in de exibição e classificação de produtos WooCommerce. wordpress.org. Software Ar3rev. (2013).
6. YiThemes. Plugin Yith Infinite Scrolling. wordpress.org. YITHEMES. (2017).
7. Razzak S. Um guia exclusivo para o plugin de controle deslizante de produtos WooCommerce. cloudways.com. Cloudways Ltd. (2016).
8. Balkhi S. Como criar facilmente um controle deslizante WordPress responsivo com Soliloquy. wpbeginner.com . WPBeginner. (2014).

© 2017 Januaris Saint Fores