WooCommerce Customizer faz parte do WordPress > Personalizar e possibilita selecionar opções que se aplicam a todo o site para Aviso de Loja, Catálogo de Produtos e Imagens de Produtos sem tocar em nenhum código.

Onde encontrar o WooCommerce Customizer Voltar ao topo

Do painel de controle do WordPress, vá para: Appearance > Personalizar.

No menu Customize, selecione WooCommerce:

>

>

Onde WooCommerce são cinco opções:

• Notificação da loja
• Catálogo de produtos
• Página de produtos

>

• Fotos de produtos

>

• Checkout

Cada é abordado em detalhe abaixo.

Notificação da loja Voltar ao início

Notificação da loja permite que você insira uma mensagem em todo o site mostrada a todos que visitam sua loja. A mensagem pode ser:

• Informativa – Uma nota que informa os clientes sobre atrasos de envio devido a condições meteorológicas. Um aviso ‘fora’ se estiver de férias.
• Promocional – Uma nota publicitando um evento, um especial de férias, um pacote, uma venda em todos/alguns itens ou envio gratuito.

Exibir um Aviso de Loja Voltar ao início

Mostrar aos clientes um Aviso de Loja em todo o site:

1/Vá para: Aparência > Personalizar > WooCommerce > Aviso da Loja:

2/Entrar uma mensagem na área de texto.

3/ Marque a caixa de Habilitar Aviso de Loja.

4/ Preveja o aspecto do Aviso de Loja no seu site/loja.

5/ Publique quando estiver satisfeito e pronto para que o Aviso da Loja entre em funcionamento.

Que Visitantes Ver Voltar ao início

É assim que o Aviso da Loja aparece na parte da frente da sua loja/local. Os visitantes podem optar por Despedir o aviso após vê-lo uma vez.

*Localização e aparência do Aviso da Loja irá variar, dependendo do tema que você está usando. A captura de tela acima é com o nosso tema gratuito Storefront.

Editar ou Remover um Aviso da Loja Voltar ao topo

Para alterar ou parar de exibir um Aviso da Loja em todo o site:

1/Vá para: Aparência > Personalizar > WooCommerce > Aviso da Loja:

2/ Para alterar o Aviso da Loja:

• Editar a mensagem na área de texto para alterá-la.

• Desmarque a caixa de Aviso de Habilitação da Loja para parar de exibir aos visitantes.

3/Publicar para salvar as alterações.

Aprogramar um Aviso de Loja Voltar ao início

Usar a opção Programar para Aviso de Loja pode ser útil ao executar uma promoção por um tempo limitado ou ao terminar uma venda/desconto à meia-noite em uma data específica.

Neste exemplo, queremos descontinuar a oferta de Envio Gratuito quando ela expirar no final do dia de 28 de fevereiro.

1/ Ir para Aparência > Personalizar > WooCommerce > Store Notice to view and access the current/published promotion.

2/ Untick box for Enable Store Notice.

3/ Selecionar a roda dentada. Um painel abre.

4/ Selecione Schedule no menu à direita, depois digite a Data e Hora que você deseja que a alteração tenha efeito.

5/ Selecione Schedule para fazer as alterações que você digitou na Data e Hora futuras indicadas.

>

* Você precisa desativar descontos de venda, códigos de cupom ou ofertas de tempo limitado. A remoção do aviso não impede automaticamente a promoção de correr.

Catálogo de Produtos Voltar ao início

Todas as opções do Catálogo de Produtos podem ser encontradas em: Aparência > Personalizar > WooCommerce > Catálogo de Produtos.

Catálogo de Produtos permite-lhe escolher:

• O que mostrar na página da Loja
• O que mostrar nas páginas da Categoria
• Como ordenar os produtos numa Categoria
• Quantos produtos mostrar numa linha única
• Quantas linhas de produtos a exibir numa página

Página de Loja Voltar ao início

Página de Loja pode exibir Produtos, Categorias, ou ambas. Recomendamos selecionar uma para um visual limpo.

1/ Selecione Produtos ou Categorias no menu suspenso.

2/ Pré-visualize sua seleção ao vivo. Você deve estar visualizando a página Loja.

>

3/Publicar para salvar e ir ao vivo.

>

Páginas de Categorias Voltar ao início

>

As suas Páginas de Categorias podem exibir Produtos ou Subcategorias dentro de uma Categoria, ou ambas. A seleção de uma é recomendada.

Se você tem apenas alguns produtos, ou não tem subcategorias, pode não haver diferença na aparência.

1/ Selecione Produtos ou Subcategorias no menu suspenso.

2/ Pré-visualize sua seleção ao vivo. Você deve estar visualizando uma página de Categoria.

>

3/Publicar para salvar e ir ao vivo.

>

Seleção de produtos padrão Voltar ao topo

>

Seleção de produtos padrão permite controlar a ordem em que os produtos são exibidos, o que influencia a forma como os produtos são vistos por padrão nas páginas de Loja e Categoria. Os visitantes ainda têm a opção de ordenar os produtos de uma forma diferente, se desejado.

Seleção padrão (encomenda personalizada + nome) – exibir os produtos em ordem alfabética por nome. Quando a ordem de classificação do produto foi personalizada, essa ordem personalizada é considerada primeiro, e alfabeticamente por nome segundo (se os produtos compartilham as mesmas posições de ordem). Em sua loja, o cliente verá isso como Ordenação por Padrão.

Ordenar por Popularidade (vendas) – exibir os produtos de acordo com as quantidades vendidas, da maior para a menor. Os clientes vêem Classificar por Popularidade.

Selecionar por Média – exibir produtos de acordo com as médias de avaliação, da mais alta para a mais baixa.

Popular por mais recente – exibir produtos na ordem em que foram adicionados à loja, do mais novo ao mais antigo. Cliente ver Ordenar por Último.

Ordenar por preço (asc / desc) – ordenar produto por preço, do mais baixo para o mais alto (asc) ou do mais alto para o mais baixo (desc). O cliente pode ver Ordenar por preço: baixo para alto, ou Ordenar por preço: alto para baixo.

Neste exemplo, escolhemos Ordenar por preço (asc) (Ordenar por preço: baixo para alto, mostrado com um ✔), e o cliente está prestes a escolher Ordenar por novidade.

> Para escolher uma ordem de classificação por defeito:

1/ Seleccione uma opção a partir do menu suspenso:

2/ Pré-visualize a sua selecção ao vivo. Você pode ver a página Loja ou uma página de Categoria.

>

3/Publicar para salvar e ir ao vivo.

>

Produtos por linha Voltar ao topo

>

Produtos por linha permite que você escolha o número de itens que aparecem em uma única linha nas páginas Loja e Categoria.

Seja sensível a:

• Tamanho da imagem de um produto
• Espaço num computador/laptop, tablet ou dispositivo móvel
• A experiência ideal para um cliente ver e comprar os seus produtos

1/ Use setas para aumentar/diminuir o número de produtos.

2/ Pré-visualize a sua selecção ao vivo. Você pode ver a página Loja ou uma página de Categoria.

3/ Teste em diferentes dispositivos. Abaixo está um exemplo de diferentes vistas, usando as mesmas configurações.

>

• Num computador/laptop screen

>
• Num tablet

>

>

>
• Num dispositivo móvel

>

>

>

*O tamanho e a aparência da imagem variará, dependendo do tema que estás a usar. As imagens acima estão com o nosso tema gratuito Storefront.

4/Publicar para salvar e ir ao vivo.

Linhas por Página Voltar ao início

Linhas por Página permite que você escolha o número de linhas que aparecem nas páginas de Loja e Categoria.

Seja sensível a:

• Tamanho das imagens dos produtos
• Número de produtos que vende
• Espaço num computador/laptop, tablet ou dispositivo móvel
• A experiência ideal para um cliente ver e comprar os seus produtos

1/ Use setas para aumentar/diminuir o número de linhas.

2/ Pré-visualize a sua selecção ao vivo. Você pode ver a página Loja ou uma página de Categoria.

3/ Teste em diferentes dispositivos. Abaixo está um exemplo de diferentes vistas, usando as mesmas configurações.

>

• Num computador/laptop screen

>
• Num tablet

>

>
• Num dispositivo móvel

>

*Escalonamento do tamanho e aparência da imagem irá variar, dependendo do tema que estás a usar. As imagens acima estão com o nosso tema gratuito Storefront.

4/Publicar para guardar e entrar em directo.

Página de Produto Voltar ao início

Página de Produto tem duas opções que se aplicam a páginas de produtos individuais:

• Sticky Add-to-Cart – É uma pequena barra de conteúdo na parte superior da janela do browser que inclui informação relevante do produto e um botão add-to-cart. Ela desliza para a visualização assim que o botão padrão do add-to-cart tiver sido rolado para fora da visualização.

• Paginação de Produtos – Mostra os links próximos e anteriores nas páginas de produtos. Uma miniatura do produto é mostrada com o título revelado em pausa.

Imagens do produto Voltar ao início

Imagens do produto tem duas características:

>

• Permite-lhe seleccionar como as imagens de Catálogo e Miniaturas são dimensionadas e cortadas
• Redimensiona automaticamente as imagens de Catálogo e Miniaturas em todo o site da sua loja quando é feita uma alteração publicada*

Permite-lhe poupar tempo e energia no corte e redimensionamento manual de cada uma.

Tipos de imagens Voltar ao início

• Imagens de Catálogo são imagens de tamanho médio que aparecem na página Loja, nas páginas da Categoria, e para produtos relacionados, Up-sells e Cross-sells.
• Imagens em miniatura são as menores imagens usadas no Carrinho, Widgets e (opcional) imagens da Galeria por baixo da Imagem de Produto Único nas páginas de detalhes de produtos individuais.
• Imagem de Produto Único é a imagem maior e refere-se à imagem principal/de característica. As configurações das Imagens do Produto no WooCommerce Customizer não se aplicam a estas. Para adicionar, editar ou excluir a Imagem do Produto Único ou a Galeria de Imagens do Produto, veja: Adicionando Imagens de Produtos e Galerias.

* Anteriormente, as miniaturas precisavam ser regeneradas usando um plugin de terceiros. O WooCommerce 3.3x agora trata disso para você. A regeneração não será acionada para alterações feitas apenas no modo de visualização prévia.

Redimensionar e cortar imagens em miniatura Voltar ao topo

1/ Ir para: Aparência > Personalizar > WooCommerce > Imagens do produto.

2/ Selecionar uma:

• 1:1 – Imagem quadrada

• Personalizar – Você seleciona a proporção em que as imagens são cortadas. Neste exemplo, 1:2 é inserido; e uma imagem não pode ser ampliada para satisfazer este requisito.

• Não-cortada – As imagens aparecem como estão, o que pode resultar em todas serem diferentes, a menos que você tenha usado fotos que são uniformes em tamanho e resolução. A captura de tela abaixo é um exemplo disso: Uma é perfeitamente quadrada, a próxima é um quadrado menor, e a última é um retângulo.

3/ Teste em diferentes dispositivos. Abaixo está um exemplo de diferentes vistas, usando as mesmas configurações.

>

• Em um computador/laptop screen.

>

>

>
• Em um tablet.

>

>

>
• Em um dispositivo móvel.

4/Publicar para salvar e ir ao vivo.

Checkout Voltar ao topo

Todas as opções para Checkout podem ser encontradas em: Aparência > Personalizar > WooCommerce > Checkout.

Pode agora definir se certos campos são obrigatórios ou opcionais, dependendo dos dados que pretende recolher. Você também pode optar por destacar os campos obrigatórios com um asterisco, que é o padrão.

Recomenda-se criar páginas de Política de Privacidade e Termos e Condições, e então você pode defini-las aqui. As páginas definidas são vinculadas juntamente com o texto que você digitar e aparecem na página de Checkout assim:

O link “política de privacidade” abre a página em uma nova janela, enquanto o link “termos e condições” abre uma caixa na página mostrando o conteúdo da página de termos e condições. Uma encomenda não pode ser colocada sem verificar a caixa de termos e condições.

FAQs Voltar ao início

Não consigo encontrar o WooCommerce Customizer. Voltar ao topo

Lojas usando o WooCommerce 3.3x+ têm esta opção disponível em: Appearance > Personalizar > WooCommerce. Lojas que usam uma versão do WooCommerce anterior à 3.3.0 verão o Store Notice e as Imagens do Produto em: WooCommerce > Configurações > Produtos > Seção Exibir; Catálogo de Produtos é novo.

Recomendamos atualizar para a última versão do WooCommerce para aproveitar as novas e melhores características e funcionalidades. Obrigado!

Posso ainda usar o plugin Regenerate Thumbnails? Voltar ao topo

Sim, você pode. Mas é desnecessário se usar o WooCommerce 3.3.0 ou superior porque uma mudança para um novo ou diferente, ou qualquer mudança ao vivo no Catálogo de Produtos ou Imagens de Produtos, dispara o WooCommerce para o tamanho automático e a atualização automática de miniaturas e imagens de catálogo de produtos para você.

Você também pode usar a opção Regenerar Miniaturas de Loja em: WooCommerce > Status > Ferramentas.