Guia de códigos curtos do WooCommerce: O que são e como podes usá-los

Principais conclusões

• Os códigos de acesso do WooCommerce são uma forma simples de adicionar conteúdos dinâmicos e funcionalidades à tua loja online sem teres de programar.
• Permitem-te apresentar facilmente produtos, categorias, detalhes do carrinho, formulários de checkout e outros elementos da loja em qualquer página ou publicação.
• A utilização do shortcode correto e dos seus parâmetros permite personalizar a forma como estes elementos aparecem e funcionam no teu site.

Os códigos de acesso do WooCommerce são uma forma prática de adicionar conteúdo dinâmico e funcionalidades à tua loja online sem ter de lidar com código complicado. Eles facilitam a exibição de produtos, categorias, carrinhos e formulários de checkout em qualquer lugar do seu site.

Queres mostrar produtos numa página? Ou personalizar o layout do checkout?

Os códigos curtos dão-te a flexibilidade de conceber a tua loja exatamente da forma que pretendes – sem depender de plugins extra ou de codificação complexa.

Muitos proprietários de lojas WooCommerce usam códigos de acesso para redesenhar páginas, testar layouts, migrar conteúdo ou criar backups de forma rápida e eficiente.

Embora o editor Gutenberg ofereça uma forma visual de conceber páginas, muitos proprietários de lojas WooCommerce continuam a preferir os códigos curtos pela sua facilidade de utilização, opções de personalização e capacidade de simplificar os processos de migração ou cópia de segurança.

Neste guia, vamos explicar o que são os códigos de acesso do WooCommerce, como funcionam e como utilizá-los para melhorar a funcionalidade da tua loja.

O que são os códigos curtos do WooCommerce?

Já quiseste adicionar coisas como uma lista de produtos, um carrinho de compras ou até mesmo um localizador de encomendas à tua loja WooCommerce, mas não querias mexer no código? Os códigos curtos estão aqui para ajudar.

Trata-se de pequenos fragmentos de código entre parênteses rectos (como [shortcode]) que podes inserir nas tuas páginas ou publicações do WordPress.

Depois de os adicionares, eles apresentam automaticamente qualquer conteúdo ou funcionalidade que pretendas – não são necessárias competências de programação.

Porque é que os códigos curtos do WooCommerce são tão úteis?

Os proprietários de lojas WooCommerce confiam nos códigos de acesso porque simplificam a adição de funcionalidades dinâmicas sem codificação.

Queres mostrar os produtos mais vendidos, permitir que os clientes acompanhem as encomendas ou exibir uma página de checkout? Os códigos curtos tornam isso possível sem teres de contratar um programador.

São perfeitos para criar grelhas de produtos, contas de clientes ou layouts especializados com o mínimo de esforço.

A melhor parte? Podes personalizar os códigos de acesso para satisfazer as tuas necessidades exactas – mostrar produtos de uma categoria específica, limitar o número de itens apresentados ou destacar produtos em destaque.

Os códigos curtos também facilitam tarefas como a migração e a cópia de segurança, ajudando os proprietários de lojas a manter a flexibilidade e o controlo sobre os seus conteúdos.

Experiência de compra rápida = Clientes satisfeitos e melhores lucros!

A Cloudways oferece uma pilha otimizada com NGINX, Apache, MySQL/MariaDB, PHP-FPM, SSL gratuito, firewalls dedicados, etc., para uma experiência de hospedagem sem preocupações.

Experimenta 3 dias grátis!

Como funcionam os códigos curtos do WooCommerce?

Os códigos de acesso do WooCommerce são fragmentos de código pré-criados que te permitem adicionar funcionalidades e conteúdos dinâmicos às tuas páginas e publicações sem escrever código personalizado. Estes códigos de acesso estão integrados no WooCommerce, pelo que não precisas de um plug-in separado para os utilizar.

Um shortcode do WooCommerce é normalmente composto por um corpo principal e parâmetros opcionais para personalização. Por exemplo:

• [woocommerce_cart] – mostra o código curto do carrinho de compras do WooCommerce
• [woocommerce_checkout] – mostra o código curto de checkout do WooCommerce
• [products] – apresenta o código curto do produto WooCommerce

Os parâmetros opcionais permitem-te personalizar o comportamento do shortcode. Por exemplo, com o shortcode [products], podes usar:

produtos limit="8" colunas="4"

Aqui, limit=”8″ define o número de produtos apresentados e columns=”4″ controla a disposição. Esta flexibilidade permite-te ajustar as secções do carrinho e do checkout da tua loja, as grelhas de produtos ou os itens em destaque sem esforço.

Os códigos de acesso do WooCommerce são alimentados pela API de códigos de acesso do WooCommerce, o que garante uma funcionalidade e compatibilidade consistentes em toda a tua loja.

Atributos do código curto do WooCommerce

Muitos códigos curtos suportam atributos (ou argumentos) para controlar a sua apresentação.

Por exemplo, o [add_to_cart] normalmente cria um botão, mas podes selecionar um produto específico por ID:

[add_to_cart id="25"]

Mostra um botão “Adicionar ao carrinho” para o produto com o ID 25. Diferentes códigos de acesso suportam diferentes atributos, permitindo-te ajustar as categorias de produtos, os limites de visualização, os layouts e muito mais.

Para uma maior funcionalidade, os plug-ins de terceiros podem ampliar os códigos de acesso incorporados ou fornecer novos códigos para satisfazer as necessidades da tua loja.

Como utilizar os códigos de acesso no WooCommerce?

Utilizar os códigos de acesso no WooCommerce é muito fácil. Basta seguires estes passos:

Com o Editor Clássico

• Vai à página do produto ou ao post onde queres adicionar o shortcode.
• No editor de posts, coloca o cursor onde queres que o shortcode apareça.
• Escreve o código curto entre parênteses rectos. Por exemplo, [shortcode].
• Se o shortcode exigir quaisquer parâmetros ou atributos, podes adicioná-los dentro dos parênteses. Por exemplo, [shortcode attribute=”value”].
• Vou usar o simples
  [woocommerce_cart]
  simples.

• Publica ou actualiza a página ou publicação. Vou adicionar o shortcode à minha página “Política de reembolso e devoluções”.
• A página terá agora o seguinte aspeto:

Com o Editor de Blocos Gutenberg

Se estiveres a usar o editor Gutenberg, clica no ícone (+) para adicionares um novo bloco. Depois, procura o bloco de shortcode na barra de pesquisa.

Quando aparecer, seleciona-o e cola o teu shortcode no campo. Bem, usa o botão [woocommerce_cart] para exibir a página do carrinho.

Se eu visualizar a página, deverei ver o meu shortcode. No entanto, como não adicionei nenhum produto ao meu carrinho, vejo a mensagem “O teu carrinho está vazio”.

Não te esqueças de que, se não utilizares plug-ins de terceiros que estendam ou adicionem códigos de acesso adicionais, só terás acesso aos códigos de acesso predefinidos fornecidos pelo WooCommerce, que cobrem muitas funções essenciais de imediato.

Dito isto, vou listar todos os códigos de acesso predefinidos incluídos no WooCommerce, para que possas decidir se precisas de instalar plug-ins de terceiros para adicionar códigos de acesso mais avançados.

Que códigos curtos estão incluídos no Woocommerce?

Aqui tens uma tabela com os códigos de acesso disponíveis por defeito no WooCommerce, juntamente com as suas descrições e as alternativas de blocos correspondentes, uma vez que o WooCommerce também suporta a edição de lojas com base em blocos.

Código curto	Descrição	Alternativa de bloco
[woocommerce_cart]	Apresenta a página do carrinho de compras.	Bloco do carrinho
[woocommerce_checkout]	Mostra a página de checkout.	Bloco de checkout
[woocommerce_my_account]	Apresenta a página da conta do utilizador.	De momento, não há bloqueios disponíveis
[woocommerce_order_tracking]	Permite que os clientes acompanhem as suas encomendas através de um formulário (com atributos).	Não disponível em bloco
[product_page]	Mostra uma página detalhada para um único produto, utilizando o seu ID ou SKU.	Personaliza modelos de páginas de produtos através do editor da loja
[produtos] Mostra os produtos com base em parâmetros específicos (suporta vários atributos).	Apresenta os produtos com base em parâmetros específicos (suporta vários atributos).	Bloco de coleção de produtos (e outros blocos relacionados)
[product_category]	Mostra produtos de uma categoria selecionada (com várias opções personalizáveis).	Bloco de recolha de produtos
[product_categories]	Lista todas as categorias de produtos (com definições personalizáveis).	Nenhum bloco disponível atualmente
[add_to_cart]	Mostra um botão de adicionar ao carrinho para um produto específico (com atributos).	Disponível em modelos de página de produto único
[add_to_cart_url]	Gera o URL para adicionar um produto ao carrinho (suporta atributos).	Não disponível em bloco
[shop_messages]	Apresenta mensagens relacionadas com a loja em páginas fora do conteúdo do WooCommerce.	Bloco de avisos da loja

Quais são os melhores códigos de acesso do WooCommerce para exibição de produtos?

Quando se trata de apresentar produtos na tua loja WooCommerce, alguns códigos de acesso destacam-se pela sua flexibilidade e facilidade de utilização.

O shortcode [products] é a opção mais versátil, permitindo-te exibir vários produtos, filtrar por categorias, tags ou IDs de produtos e controlar o layout com parâmetros como limite e colunas. Isto torna-o perfeito para criar grelhas dinâmicas de produtos em qualquer parte do teu site.

Para apresentar um único produto em pormenor, a função [product_page] é ideal. Destaca um produto em qualquer página ou publicação, apresentando todos os detalhes do produto, imagens e o botão “Adicionar ao carrinho” num layout limpo e focado.

Em conjunto, estes dois códigos de acesso cobrem a maioria das necessidades de apresentação de produtos, o que os torna as opções preferidas dos proprietários de lojas WooCommerce.

Pesquisa de produtos e códigos curtos de filtro do WooCommerce (opção paga)

O WooCommerce também fornece códigos de acesso adicionais aos produtos WooCommerce para pesquisa e filtragem de produtos em tempo real como parte das suas funcionalidades premium, disponíveis a 4,92 dólares por mês e facturadas anualmente a 59 dólares.

Estes atalhos permitem que os proprietários de lojas melhorem a sua loja online, fornecendo opções de pesquisa e filtragem de produtos dinâmicas e em tempo real. Os proprietários de lojas podem permitir que os clientes pesquisem facilmente produtos à medida que escrevem, filtrem por categorias, atributos, gama de preços e muito mais, e vejam os resultados instantaneamente, melhorando a experiência geral de compra.

Alguns dos códigos de acesso disponíveis incluem:

• Campo de pesquisa de produtos em direto:
  [woocommerce_product_search]
  Permite que os clientes pesquisem produtos à medida que escrevem, mostrando títulos de produtos, descrições, preços e um botão “Adicionar ao carrinho”.
• Filtros de produtos em tempo real: Shortcodes como
  [woocommerce_product_filter]
  ,
  [woocommerce_product_filter_category]
  , e [woocommerce_product_filter_price] fornecem opções de filtragem em tempo real com base em vários atributos do produto.
• Páginas de loja dinâmicas: O shortcode
  [woocommerce_product_filter_products]
  apresenta produtos que se actualizam dinamicamente à medida que os clientes aplicam filtros.

Códigos curtos adicionais do WooCommerce oferecidos por plug-ins

Se quiseres utilizar mais shortcodes para funcionalidades avançadas, como add-ons de produtos, subscrições ou opções de reserva, terás de instalar plug-ins específicos que ofereçam essas funcionalidades. Abaixo, listarei alguns plug-ins populares e os códigos de acesso que eles fornecem na tabela.

Nome do plugin	Código curto	Descrição
Complementos do produto WooCommerce	[product_addons]	Mostra as opções de complementos do produto para um produto específico.
Subscrições do WooCommerce	[woocommerce_subscription]	Apresenta planos de subscrição ou detalhes relacionados com uma subscrição.
Membros do WooCommerce	[woocommerce_memberships]	Permite que os membros vejam conteúdos exclusivos com base na sua filiação.
Reservas do WooCommerce	[woocommerce_bookings]	Apresenta as opções de reserva para um produto.
Personalizador do WooCommerce	[woo_customizer]	Personaliza as páginas de produtos, categorias, etc., com base nas definições.
Opções extra de produtos do WooCommerce	[product_options]	Adiciona campos personalizados ou opções extra aos produtos.
Preços dinâmicos do WooCommerce	[dynamic_pricing]	Mostra os produtos com preços dinâmicos com base nas condições do utilizador ou do carrinho.
Fornecedores de produtos do WooCommerce	[product_vendors]	Apresenta produtos e informações relacionados com o fornecedor.
Conversor de moeda do WooCommerce	[currency_converter]	Permite que os clientes convertam os preços com base em diferentes moedas.
Lista de desejos do WooCommerce	[woocommerce_wishlist]	Permite aos utilizadores visualizar e gerir a sua lista de desejos.
Cartões de oferta do WooCommerce	[woo_gift_cards]	Apresenta a opção de compra de cartões de oferta.
Facturas em PDF e guias de remessa do WooCommerce	[pdf_invoice]	Apresenta a fatura em PDF de uma determinada encomenda.

29 códigos de acesso ao WooCommerce para gerir a tua loja online

Dividimos os códigos de acesso do WooCommerce em quatro categorias:

1. Códigos curtos de página
2. Códigos curtos de apresentação de produtos
3. Adicionar ao carrinho e exibir códigos curtos do carrinho
4. Funcionalidade Shortcodes

Códigos curtos de página

1. Código curto da página do carrinho

Este shortcode é usado para exibir e mostrar o conteúdo do carrinho de compras do cliente num site com WooCommerce.

[woocommerce_cart]

2. Mensagens da loja

Para exibir mensagens do WooCommerce (por exemplo, “Produto adicionado ao carrinho”) em páginas que não sejam do WooCommerce, utiliza o seguinte shortcode:

[shop_messages]

Este shortcode é útil para mostrar notificações como actualizações de carrinhos ou confirmações de encomendas em páginas ou publicações normais do WordPress.

3. Código curto da página de checkout

O shortcode mostra um formulário de checkout com todos os campos necessários para os clientes finalizarem as suas compras. Podes personalizá-lo utilizando parâmetros como order_review, terms, privacy_policy e login_form.

[woocommerce_checkout]

4. Página da conta de utilizador Shortcode

Este shortcode mostra simplesmente a página A minha conta, proporcionando aos clientes uma forma fácil de atualizar os seus dados pessoais.

[woocommerce_my_account]

5. Código curto de acompanhamento de encomendas

Este shortcode incorpora a funcionalidade de seguimento de encomendas, permitindo aos clientes seguir e monitorizar o estado das suas encomendas de forma conveniente.

[woocommerce_order_tracking]

Nota: Também podes combinar códigos de acesso numa única página para melhorar a funcionalidade. Por exemplo, podes criar uma página com os detalhes da conta (o shortcode que vimos anteriormente) e os formulários de acompanhamento de encomendas utilizando:

[woocommerce_my_account]

e

[woocommerce_order_tracking]

Códigos curtos de apresentação de produtos

6. Produtos

Para apresentar produtos com parâmetros personalizáveis, como limite, colunas, categoria e muito mais, utiliza o seguinte shortcode:

[produtos].

A captura de ecrã acima mostra os produtos, uma vez que não utilizámos quaisquer atributos.

Se eu quiser apresentar 2 produtos em 2 colunas da categoria “hoodies”, adiciono:

[products limit="2" columns="2" category="hoodies"]

7. Categorias de produtos

Para apresentar categorias de produtos com parâmetros personalizáveis, como IDs, colunas, limite e muito mais, utiliza o seguinte shortcode:

[product_categories ids="1,2" columns="6" limit="6"]

Vou atualizar o código de acesso ao meu site desta forma:

[product_categories ids="27"]

Fiz isto porque queria mostrar apenas a categoria de casacos com capuz para homem no meu site, e o ID para a mesma é ID=27.

Este shortcode é ideal para mostrar categorias de produtos num layout de grelha. Oferece opções para ocultar categorias vazias ou exibir apenas categorias de nível superior.

8. Produtos por SKU

Para apresentar produtos por SKUs específicos, utiliza o seguinte shortcode:

[produtos skus]

Este shortcode é útil para mostrar produtos específicos com base nos seus SKUs.

Se eu quiser mostrar produtos com SKUs “123” e “456”, adiciono:

[products skus="123,456"]

Mostra os produtos com os SKUs especificados.

9. Etiquetas de produtos

Para apresentar produtos com uma etiqueta específica, utiliza o seguinte shortcode:

[products tag="your-tag-here"]

Este shortcode permite-te apresentar etiquetas de produtos, o que pode ajudar os clientes a filtrar produtos por etiquetas específicas como “verão”, “inverno”, etc.

Se eu quiser mostrar produtos que pertencem à etiqueta “verão”, utilizo este shortcode:

[products tag="summer"]

Vê como vai aparecer na minha loja:

ou para várias etiquetas:

[products tag="summer, winter"]

10. Categoria do produto

Este shortcode apresenta uma grelha de produtos de uma categoria especificada e podes personalizar o seu aspeto com parâmetros como limite, colunas, ordenar por e ordem – semelhante ao shortcode [products].

Isto permite-te destacar categorias de produtos específicas num ciclo no teu site.

[product_category]

Para efeitos da secção de categorias, aqui estão mais sete atributos que podes aplicar a este shortcode:

• ‘number’ => ‘null ‘, – Este shortcode representa o número de categorias.
• ‘orderby’ => ‘name’, – Este shortcode representa a ordem, “name” e “date” são opções válidas.
• ‘order’ => ‘ASC ‘, – Este shortcode representa a forma como as categorias de produtos são ordenadas, “ASC” ou “DESC”.
• ‘columns’ => ‘4′, – Este código curto define o número de colunas em que as categorias são organizadas.
• ‘hide_empty’ => ‘1’, – Este shortcode representa Define como 1 para ocultar categorias sem produtos ou 0 para as mostrar.
• ‘parent’ => “, – Este shortcode representa Define para 0 apenas as categorias de exibição de nível superior.
• ‘ids’ => ” – Este shortcode representa que os IDs podem ser definidos para produzir apenas os resultados especificados.

Exemplo de como utilizar este shortcode: [product_category category=”clothing”] <!– Substitui “vestuário” pelo slug ou nome da tua categoria.

Substitui a roupa por sacos.

Este shortcode apresenta uma grelha de produtos da categoria especificada na tua página.

11. Categoria de produtos por lesma

Este shortcode organiza os produtos dentro de uma categoria específica e permite a personalização com parâmetros como per_page, colunas, orderby e order.

Aqui tens o código curto:

[product_category category="bags" per_page="3" columns="3" orderby="date" order="DESC"]

“DESC” no shortcode garante que os produtos são mostrados por ordem descendente (do mais recente para o mais antigo).

12. Preço do produto/Botão do carrinho de compras Shortcode

Este shortcode permite-te apresentar o preço e um botão Adicionar ao carrinho para um produto específico em qualquer página ou publicação.

Para o utilizares por ID do produto:

[add_to_cart id="product-id"]

No meu caso, acrescento “2746” como ID do produto.

Mostra o preço e o botão do produto com o ID que introduzi.

Para o utilizares por SKU de produto:

[add_to_cart sku="your-sku"]

Substitui “your-sku” pelo SKU real do teu produto.

[add_to_cart sku="24-WB03"]

Basta inserires este shortcode no editor do WordPress e o botão será apresentado automaticamente.

13. Adiciona vários códigos curtos de produtos do WooCommerce

O shortcode permite-te incluir vários produtos para apresentar.

[products ids="1, 2, 3"]

Vou modificar isto com IDs de produtos reais da minha loja, da seguinte forma:

[products ids="2746,2743,2745"]

Vê aqui como seria o resultado:

Também podes personalizar a apresentação, ajustando opções como ordenar por, colunas e ordem.

Por exemplo, [products ids=”2746,2743,2745″ orderby=”date” columns=”3″ order=”DESC”] apresenta seis produtos em 3 colunas, ordenados por data e por ordem descendente.

Também podes utilizar “ASC” para ordem ascendente e “title” para uma disposição alternativa.

14. ID do produto

Este shortcode mostra um produto específico identificado pelo seu ID único.

[product id="123"]

Adiciona parâmetros como o ID e o SKU para personalização. Por exemplo, o exemplo [product id=”2746″] apresentará o produto com o ID 2746.

15. Produtos recentes

O shortcode Produtos recentes apresenta os artigos que adicionaste recentemente à tua loja. Para ver os resultados, basta adicionar este atalho à tua página, publicação ou qualquer outro local que prefiras.

Aqui tens o código curto:

[recent_products per_page=””6″” columns=””4″” orderby=””date”” order=””ASC””]

16. Produto de venda

Os produtos em promoção permitem-te adicionar artigos atualmente em promoção.

Aqui tens o código curto:

[sale_products per_page="”12″" columns="”4″" orderby="”date”" order="”ASC”"]

Depois de teres adicionado o shortcode, podes ver os resultados como demonstrado abaixo:

17. Produtos em destaque

Os produtos com caraterísticas permitem-te adicionar os teus produtos favoritos à tua página web. Basta ires ao painel de controlo do teu site de administração, Produtos > Produtos, e verás um ícone como este:

Se quiseres adicionar produtos em destaque, basta clicares no ícone. Vê a captura de ecrã abaixo:

Aqui tens o código curto:

[featured_products per_page="”6″" columns="”4″" orderby="”date”" order="”ASC”"]

Vê como vai ficar agora:

18. Categorias específicas

Se quiseres mostrar produtos de categorias específicas, utiliza o seguinte shortcode:

[products limit="2" columns="4" category="hoodies-sweatshirts, jackets" cat_operator="AND"]

Isto irá mostrar-te até dois produtos que pertencem às categorias “sweatshirts com capuz” e “casacos”. Esquece a imagem acima. Isto é apenas para te mostrar que o shortcode vai puxar os produtos que correspondem aos critérios da categoria.

Para apresentar produtos de qualquer uma destas categorias, utiliza o operador “OR”:

[products limit="2" columns="4" category="hoodies-sweatshirts, jackets" cat_operator="OR"]

Para excluir produtos destas categorias, utiliza o operador “NOT IN”:

[products limit="2" columns="4" category="hoodies-sweatshirts, jackets" cat_operator="NOT IN"]

Nota: O número de produtos apresentados depende do número de produtos que correspondem aos critérios.

O alojamento mais rápido para WordPress para lidar com códigos curtos por apenas $11/mês*

Garante um desempenho perfeito do shortcode, carregamentos de página extremamente rápidos e funcionalidade otimizada com a pilha híbrida LAMP + NGINX da Cloudways.*

Experimenta grátis

19. Visualização de atributos

Para apresentar produtos com base em qualquer atributo, utiliza um shortcode como:

[products columns="3" attribute="your_attribute" terms="your_term" orderby="date"]

Para uma apresentação exclusiva, podes utilizar o operador “NOT IN”, tal como utilizámos anteriormente:

[products columns="3" attribute="your_attribute" terms="your_term" terms_operator="NOT IN"]

Por exemplo, para apresentar produtos com o atributo “cor”, podes utilizar o shortcode abaixo:

[products columns="3" attribute="color" terms="blue" orderby="date"]

Este shortcode mostraria produtos com o atributo “cor” definido como “azul”. Ajusta “color” e “blue” de acordo com os teus valores reais de atributos e termos.

20. Produtos mais vendidos

Para mostrar o teu produto mais vendido, utiliza o seguinte shortcode:

[best_selling_products per_page="12" columns="4" orderby="date" order="ASC"]

Este shortcode mostrará os produtos mais vendidos, permitindo-te apresentá-los na tua página com opções de personalização como o número de produtos por página e a ordem de disposição.

21. Produtos com melhor classificação

Utiliza o seguinte shortcode para apresentares os teus melhores produtos com base em críticas e classificações no WooCommerce:

[top_rated_products per_page="12" columns="4" orderby="date" order="ASC"]

Este shortcode permite-te apresentar os produtos com melhor classificação, proporcionando uma forma fácil de destacar os produtos com avaliações e classificações elevadas.

22. Produtos relacionados

Para apresentar uma lista de produtos semelhantes como itens relacionados, utiliza o seguinte shortcode:

[related_products per_page="12"]

Este shortcode foi concebido para mostrar produtos relacionados, permitindo aos clientes explorar itens semelhantes.

Adicionar ao carrinho e exibir códigos curtos do carrinho

23. Adicionar ao carrinho URL

Este shortcode permite-te adicionar o botão de adicionar ao carrinho de um único produto por ID. Vê o shortcode abaixo.

matriz(

'id' => '99',

'sku' => 'FOO'

)

[add_to_cart_url sku="24-WB04"]

24. Código curto do carrinho total

Usa este shortcode para mostrar o custo total dos artigos no teu carrinho de compras. Personaliza o seu aspeto, adicionando uma classe e um texto antes do total. Por exemplo:

[woocommerce_cart_total class="my-cart-total" before="Total:  "]

Este exemplo de shortcode apresentará o custo total com um estilo distinto e incluirá o texto “Total: ” antes do montante. Ajusta a classe e o texto conforme necessário para obteres o aspeto pretendido.

25. Código curto do cupão do carrinho

Para incluir uma caixa de código de cupão na página do teu carrinho de compras, utiliza o seguinte shortcode. Personaliza o seu aspeto adicionando uma classe e definindo um texto de espaço reservado. Por exemplo:

[woocommerce_cart_coupon class="my-cart-coupon" placeholder="Introduzir o código do cupão"]

Este shortcode irá renderizar a caixa do cupão com um aspeto específico e apresentar o texto do espaço reservado “Introduzir código do cupão”.

26. Código curto da quantidade de itens do carrinho

[woocommerce_cart_contents_count]

O shortcode acima é usado para exibir o número total de itens atualmente no carrinho de compras. Quando colocas este shortcode numa página, ele mostrará dinamicamente a quantidade de produtos distintos no carrinho.

Por exemplo:

O número de itens no teu carrinho: [woocommerce_cart_contents_count]

Quando este shortcode é renderizado numa página, pode mostrar algo como:

“O número de itens no teu carrinho: 3”

Funcionalidade Shortcodes

27. Código curto do campo de pesquisa de produtos

Este shortcode permite a inserção de funcionalidades de pesquisa e filtragem em tempo real em páginas e publicações. Quando adicionado a uma página ou publicação, este shortcode integra uma barra de pesquisa que permite aos utilizadores efetuar pesquisas em tempo real e aplicar filtros em tempo real para encontrar produtos de forma mais eficiente.

[woocommerce_product_search]

28. Código curto do filtro de produtos ao vivo

Também podes personalizar a filtragem utilizando os seguintes códigos de acesso do WooCommerce.

• [woocommerce_product_filter] – Isto permite-te mostrar um filtro de pesquisa de produtos em tempo real.
• [woocommerce_product_filter_attribute] – Isto permite-te mostrar um Filtro de Atributos de Produto ao vivo.
• [woocommerce_product_filter_category] – Isto permite-te mostrar um filtro de categoria de produto em tempo real.
• [woocommerce_product_filter_price] – Isto permite-te mostrar um filtro de preço do produto em tempo real.
• [woocommerce_product_filter_tag] – Isto permite-te mostrar um filtro de etiqueta de produto em tempo real.

29. Código curto de stock de produtos

Para informar os clientes sobre a disponibilidade do produto, basta utilizar o shortcode Product Stock. Este shortcode comunica sucintamente se o produto está “Em stock” ou “Fora de stock”, ajudando os clientes nas suas decisões de compra.

Aqui tens o código curto:

[woocommerce_product_stock]

Como solucionar problemas de códigos curtos do WooCommerce

Se estiveres a ter problemas com os códigos de acesso do WooCommerce, podes tentar alguns passos simples de resolução de problemas abaixo para descobrires o que está a causar o problema:

1. Problemas com o suporte:

Verifica se o teu shortcode está entre [parênteses rectos]. Por exemplo, utiliza [products limit=”4″ columns=”4″ orderby=”popularity”] em vez de <entre parênteses rectos>, (parênteses) ou {entre parênteses rectos} para evitar erros de shortcode.

2. Formato do valor do atributo:

Certifica-te de que todos os valores de atributos estão entre “aspas”. Por exemplo, utiliza [products limit=”6″ columns=”3″ orderby=”popularity”] para evitar problemas causados por aspas ou formatação incorrectas.

3. <pre> Interferência de etiquetas:

Verifica se

à volta do teu shortcode, pois podem perturbar a sua funcionalidade. Remove qualquer

tags. Por exemplo, evita incorporar códigos de acesso dentro de

  tags.

4. Compatibilidade de versões do WooCommerce e do PHP:

Actualiza a versão mais recente do WooCommerce e a versão do PHP para resolver problemas de compatibilidade. Por exemplo, certifica-te de que tens a versão mais recente do WooCommerce para suportar eficazmente os teus códigos de acesso.

Se você é um cliente da Cloudways, confira este guia sobre como atualizar sua versão do PHP sem problemas.

5. Impacto das CSS personalizadas:

Analisa os ficheiros CSS personalizados para encontrar regras .woocommerce ul.products { display: none; } que possam ocultar conteúdo. Ajusta ou remove regras conflituosas. Por exemplo, considera a possibilidade de modificar o CSS que afecta a forma como os códigos de acesso são apresentados.

6. Conflito de temas:

Muda para um tema padrão do WordPress para identificar se o problema está relacionado com o tema. Se o problema persistir, contacta o programador do tema para obter assistência. Por exemplo, muda para um tema como Twenty Twenty para ver se o shortcode funciona sem conflitos de tema.

7. Resolução de conflitos de plugins:

Desactiva todos os plug-ins, exceto o WooCommerce, para identificar potenciais conflitos. Ativa cada plug-in, um a um, para encontrares o que está em conflito. Procura alternativas ou contacta os programadores de plugins para obter apoio. Por exemplo, desactiva os plug-ins e testa os teus códigos de acesso individualmente para identificar os que estão em conflito.

Podes aprender a resolver problemas de plug-ins no nosso guia sobre erros comuns do WordPress.

Resumo

O shortcode do WooCommerce é uma ferramenta poderosa que te permite adicionar e apresentar facilmente conteúdos e funcionalidades específicos nas tuas páginas e publicações.

Quer pretenda apresentar produtos, categorias, carrinhos, páginas de finalização de compra ou outros tipos de conteúdo, os códigos de acesso simplificam as coisas, especialmente quando gere uma loja online com alojamento WooCommerce gerido para um desempenho ótimo.

Os códigos curtos não requerem codificação ou conhecimentos técnicos e podem ser facilmente adicionados a qualquer página ou publicação, bastando escrevê-los entre parênteses rectos.

Se tiveres alguma dúvida sobre os atalhos do WooCommerce, escreve-a nos comentários. Além disso, lê o nosso blogue sobre códigos de acesso do WordPress para saberes mais.

Lança a tua loja WooCommerce na Cloudways!

Gaste seu precioso tempo construindo e comercializando sua marca, deixando a Cloudways lidar com todos os seus aspectos técnicos de hospedagem. Aumenta os resultados de desempenho e melhora a classificação.

Experimenta 3 dias grátis!