Shortcodes para WordPress WooCommerce: Tudo o que você precisa saber e uma lista útil

Os shortcodes do WooCommerce são um dos recursos mais versáteis da plataforma. Eles nos permitem criar uma experiência mais dinâmica para os usuários finais. Eles podem ajudar você a adicionar atalhos à sua loja para que seus visitantes tenham a experiência mais fluida possível. E esse é sempre o objetivo final: facilitar as coisas para seus visitantes.

Um medo que todos os proprietários de sites têm é que sua oferta pareça obsoleta do ponto de vista do layout. Quando se administra uma loja online, a preocupação é ainda maior, pois pode levar diretamente a vendas piores. No entanto, além de um ótimo design, adicionar atalhos é outra maneira de apimentar uma loja WooCommerce.

O que são códigos de acesso do WooCommerce?

São pequenos trechos de código que você pode inserir em qualquer lugar de uma página, oferecendo atalhos visualmente atraentes. Eles podem ajudar seus usuários a obter acesso mais fácil a:

• Chamadas para ação
• Páginas dentro da loja (como o carrinho de compras ou a seção de rastreamento de pedidos)
• Produtos específicos que você deseja comercializar

Adicionando códigos de acesso do WooCommerce

Embora o termo pareça técnico, a melhor parte dos shortcodes do WooCommerce é que eles são fáceis de adicionar. Você nem precisa saber programar. Graças ao Gutenberg, o processo consiste apenas em inserir (ou seja, copiar e colar) o shortcode em um bloco de "Shortcode" ou construtor de páginas.

Você pode inserir diferentes códigos de acesso em uma única página e ter vários próximos uns dos outros.

Os plugins essenciais

Embora o WooCommerce venha com seu próprio conjunto, existem alguns plugins que ajudarão você a acessar ainda mais códigos de acesso. Acesse o painel de administração do WooCommerce e você encontrará Plugin > Adicionar Novo no lado direito. Você pode adicionar os plugins abaixo ali mesmo.

• Visão rápida do WooCommerce Pro. Instale isso no seu site WordPress e você terá automaticamente novos botões de visualização rápida no layout do seu front-end. Eles permitirão que os visitantes acessem detalhes como atributos e variações, além de adicionar produtos ao carrinho sem sair da página atual.
• Tabela de produtos WooCommerce Este plugin permite que você use o shortcode [product_table], que pode ajudar você a usar layouts além da grade padrão do WooCommerce. É uma ótima opção se você deseja exibir mais produtos por página.
• Códigos de acesso WooCommerce da WooThemes Após a instalação e ativação, este plugin adiciona um botão suspenso do TinyMCE ao seu editor de texto, com acesso fácil a todos os códigos de acesso integrados. Isso economiza bastante tempo, pois você não precisará copiar e colar códigos de acesso sempre que usá-los.

Abaixo, você encontrará alguns dos códigos de acesso mais úteis, divididos em três categorias principais: páginas, exibição de produtos e ações.

1. Códigos de acesso para páginas

Facilite a vida dos seus clientes dando a eles acesso a páginas essenciais sem que precisem sair daquela em que estão navegando.

• Minha conta . Adicione a Minha Conta do WooCommerce em qualquer lugar do site por meio do shortcode.
• Carrinho . Exiba o carrinho de compras personalizado do seu cliente em páginas, postagens, widgets e barras laterais do WordPress com o shortcode.
• Confira . Insira a página de checkout em qualquer lugar que desejar (como abaixo de uma tabela de produtos) usando o shortcode.
• Rastreamento de pedidos O recurso de rastreamento de pedidos não está incluído no WooCommerce, mas você pode adicioná-lo criando uma nova página e adicionando o atalho no editor de texto. Você também pode adicioná-lo em qualquer outro lugar.

Aqui estão os exemplos de códigos de acesso:

2. Exibição do produto

Exiba produtos por diferentes critérios com os seguintes códigos de acesso do WooCommerce:

Categorias . Liste as categorias de produtos (não os itens) em qualquer lugar do seu site

3. Ações

Facilite a participação dos clientes em ações sem sair de suas páginas atuais:

• Adicionar ao carrinho . Insira um botão para um item específico onde desejar. Lembre-se de adicionar o código correto para o produto, como
• Pesquisa de produtos . Adicione uma pesquisa ao vivo com recursos de filtragem ao vivo onde você quiser no seu site, sejam páginas ou postagens com o shortcode.

Solução de problemas

Às vezes, você perceberá que colou os shortcodes do WooCommerce corretamente no editor de texto, mas a aparência não fica boa no front-end. Quando isso acontecer, acesse o editor de texto HTML e certifique-se de não ter inserido acidentalmente com as tags <pre>.

Para concluir

Na Bright Vessel, somos especializados em design para WordPress, com foco em WooCommerce há quase 20 anos. Somos a melhor opção quando se trata de criar uma ótima solução de e-commerce para sua marca. Contate-nos para discutir como podemos ajudar você a criar a loja WooCommerce perfeita, adaptada às necessidades específicas do seu negócio.