Como Ocultar Preços no WooCommerce (Mantenha os Preços dos Produtos Privados)

Por padrão, o WooCommerce exibe os preços dos seus produtos para todos que visitam sua loja. Embora isso funcione para a maioria dos varejistas online, algumas empresas precisam de mais controle sobre quem vê seus preços.

Ao ajudar proprietários de lojas online, encontramos alguns casos diferentes em que ocultar preços no WooCommerce é essencial.

Por exemplo, fornecedores atacadistas precisam mostrar preços especiais apenas para clientes empresariais verificados. Por outro lado, empresas B2B podem preferir discutir as necessidades do cliente antecipadamente para garantir que possam oferecer a solução certa pelo preço certo.

Após testar várias soluções, encontramos 3 métodos confiáveis para ocultar preços no WooCommerce. Esses métodos funcionarão para qualquer tipo de negócio, de fornecedores atacadistas a empresas de luxo.

Como Ocultar Preços no WooCommerce

O que considerar antes de ocultar preços de produtos

Vimos algumas situações diferentes em que vender no WooCommerce sem preços faz sentido.

Por exemplo, muitos fornecedores atacadistas ocultam preços para evitar que clientes de varejo vejam descontos por volume. Além disso, fabricantes de móveis personalizados geralmente removem os preços porque cada peça tem custos únicos com base em materiais e design.

Também sabemos que algumas marcas de luxo preferem criar experiências de compra exclusivas apenas para membros, mostrando preços apenas para compradores sérios.

Infelizmente, o WooCommerce não vem com uma opção integrada para ocultar preços. Mas, após testar várias soluções, encontramos 3 métodos confiáveis que funcionam bem.

Você pode usar os links rápidos abaixo para pular para o seu método preferido de ocultar preços no WooCommerce:

Pronto? Vamos lá!

Método 1: Ocultar Todos/Preços de Produtos Específicos e Botões de Carrinho com Código

Neste método, mostraremos como ocultar os preços dos produtos e os botões de carrinho para todos os produtos da sua loja ou apenas para itens específicos. Essa abordagem é útil se você deseja que os clientes entrem em contato diretamente para obter preços ou façam login em suas contas para ver esses preços.

Ao testar diferentes opções, descobrimos que muitos plugins para ocultar preços são caros ou muito complexos de usar. É por isso que criamos uma solução de código simples que realiza o trabalho rapidamente.

Este método é ideal se você se sente confortável com uma configuração simples e única e não precisa dos recursos de gerenciamento extensivos encontrados em plugins dedicados para atacado ou catálogo.

Sabemos que 'solução de código' pode parecer intimidante, mas não se preocupe. Esta é uma abordagem amigável para iniciantes.

Usaremos o WPCode, que é um plugin que torna a adição de código ao seu site tão fácil quanto copiar e colar. Usamos este plugin em muitos sites e o achamos seguro e confiável.

Plugin de snippets de código WordPress WPCode

A versão gratuita funciona perfeitamente para ocultar preços. No entanto, se você quiser recursos extras como o gerador de código de IA para criar soluções personalizadas, talvez queira dar uma olhada na versão Pro.

Testamos ambas as versões extensivamente em nossa análise do WPCode.

Primeiro, você precisará instalar e ativar o plugin gratuito WPCode. Se precisar de ajuda, confira nosso guia sobre como instalar um plugin do WordPress.

Em seguida, você pode seguir um dos tutoriais abaixo.

Opção 1: Ocultar Preço e Botões de Carrinho para Produtos Específicos (Usuários Desconectados)

A maneira mais fácil de ocultar preços é usando o snippet pronto do WPCode da biblioteca gratuita de snippets de código deles. Este código ocultará preços e botões de carrinho de produtos específicos quando os usuários não estiverem logados.

Se você já está familiarizado com o WPCode, pode simplesmente encontrá-lo na biblioteca de snippets do WPCode.

Caso contrário, se esta for sua primeira vez usando o plugin, basta clicar no link abaixo:

Ocultar Preço & Adicionar ao Carrinho para Usuários Não Logados em Produtos Específicos

Em seguida, clique no botão ‘Adicionar ao Site’ para começar.

Adicionando o snippet de código WPCode ao site

Neste ponto, você precisará criar uma conta gratuita no WPCode ou fazer login se já tiver uma.

Durante o registro, você será solicitado a conectar seu site WordPress à biblioteca WPCode.

Fazendo login para implantar um snippet de código WPCode

Após fazer login, você escolherá em qual site deseja adicionar o snippet.

Em seguida, clique em ‘Implantar’.

Selecionando um site para implantar o snippet de código WPCode

O sistema o levará de volta à sua área de administração do WordPress para finalizar a configuração.

Aqui, basta clicar em ‘Confirmar e Instalar Snippet’.

Confirmando a adição do snippet de código WPCode

Isso o levará ao editor de snippets de código, onde você fará duas alterações simples para personalizar o código para suas necessidades.

Primeiro, você precisará alterar os IDs dos produtos. Procure por esta linha de código:

$not_purchasable_products = array( 23, 22 );

Substitua esses números pelos seus próprios IDs de produto.

Se você não tem certeza de quais são, pode ler nosso artigo sobre como encontrar IDs de produto no WooCommerce.

Por exemplo, se você quiser ocultar os preços dos produtos 63, 64 e 65, você escreveria:

$not_purchasable_products = array( 63, 64, 65 );

Em seguida, você pode personalizar a mensagem exibida em vez do preço.

Aqui está o código que você precisa encontrar:

function wws_hide_price_not_logged_in( $price_html, $product ) {
    if ( is_non_purchasable_products_for_visitors( $product ) ) { 
        $price_html = '<div><a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( 'Login with wholesale account to see prices', 'wws' ) . '</a></div>';
    }
    return $price_html;

Você pode alterar este texto: ‘Login with wholesale account to see prices’ para o que desejar, como ‘Login para ver preços’ ou ‘Entre em contato para preços’.

Aqui está um exemplo:

function wws_hide_price_not_logged_in( $price_html, $product ) {
    if ( is_non_purchasable_products_for_visitors( $product ) ) { 
        $price_html = '<div><a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( 'Login to see prices', 'wws' ) . '</a></div>';
    }
    return $price_html;

Quando os usuários clicarem neste link, eles serão levados para a página de login do WooCommerce para fazer o login.

Finalmente, mude o seletor de ‘Inativo’ para ‘Ativo’. Em seguida, clique em ‘Atualizar’.

Adicionando snippet de código pré-fabricado para ocultar preços do WooCommerce com WPCode

Agora, basta visitar suas páginas de produto para ver as alterações.

Você notará que os preços e os botões de adicionar ao carrinho estão ocultos e substituídos por sua mensagem personalizada.

Pedindo aos usuários para fazer login para ver os preços do WooCommerce

Sua mensagem personalizada agora aparecerá nas páginas de produto selecionadas.

Opção 2: Ocultar Preço e Botões de Carrinho para Todos os Usuários

Se você deseja ocultar preços e botões de carrinho para todos que visitam sua loja WooCommerce, você precisará adicionar um trecho de código diferente. Este método funciona independentemente de os usuários estarem logados ou não.

Comece acessando Code Snippets » + Add Snippet no seu painel do WordPress. Clique em ‘Add Your Custom Code (New Snippet)’ e depois no botão ‘+ Add Custom Snippet’.

Botão Adicionar Snippet Personalizado no WPCode

Depois disso, você verá alguns tipos de código para escolher.

Aqui, basta escolher ‘PHP Snippet.’

Escolhendo snippet PHP no WPCode

Em seguida, você precisa dar um título ao seu trecho de código. Pode ser algo simples como ‘Ocultar Todos os Preços do WooCommerce.’

Em seguida, na seção ‘Code Preview’, copie o código abaixo e cole-o lá:

/**
 * Hide Price & Add to Cart for All Users for All Products
 */

/**
 * Function to check if products should be non-purchasable.
 * This will always return true to apply to all products.
 */
function is_non_purchasable_products( $product ) {
    // Always return true to make all products non-purchasable for all users
    return true;
}

/**
 * Set product as not purchasable
 */
function wws_set_not_purchasable( $is_purchasable, $product ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Set product as not purchasable
        $is_purchasable = false;
    }
    return $is_purchasable;
}

/**
 * Replace price with 'Contact us for pricing' message linking to the contact page
 */
function wws_hide_price( $price_html, $product ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Get the URL for the contact page by slug
        $contact_page = get_page_by_path( 'contact' );
        if ( $contact_page ) {
            $contact_url = get_permalink( $contact_page );
        } else {
            // Default to '/contact' if the page is not found
            $contact_url = site_url( '/contact' );
        }

        // Set the price HTML to the contact message
        $price_html = '<div><a href="' . esc_url( $contact_url ) . '">' . __( 'Contact us for pricing', 'wws' ) . '</a></div>';
    }
    return $price_html;
}

/**
 * Hide the 'Add to Cart' button
 */
function wws_hide_addcart( $add_to_cart, $product, $args ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Remove the 'Add to Cart' button
        $add_to_cart = '';
    }
    return $add_to_cart;
}

// Add filters to apply the above functions
add_filter( 'woocommerce_is_purchasable', 'wws_set_not_purchasable', 10, 2 );
add_filter( 'woocommerce_get_price_html', 'wws_hide_price', 10, 2 );
add_filter( 'woocommerce_loop_add_to_cart_link', 'wws_hide_addcart', 10, 3 );

Este código removerá todos os preços e botões de carrinho da sua loja e os substituirá por um link ‘Entre em contato para preços’ que levará os visitantes à sua página de contato.

Dica Rápida: Este trecho de código vincula automaticamente a uma página com o URL ‘/contact’. Para que o link funcione, você precisará garantir que tenha uma página publicada em seu site com esse slug de URL exato. Se sua página de contato tiver um URL diferente, você pode atualizá-lo no código.

Após colar o código, mude o alternador de ‘Inactive’ para ‘Active’ e clique em ‘Save Snippet.’

Criando um código personalizado para ocultar preços do WooCommerce para todos os usuários no WPCode

Com o trecho salvo e ativo, as alterações já estão no ar.

Agora você pode visitar sua loja para ver que todos os preços e botões de carrinho foram substituídos por um link para sua página de contato.

Pedindo aos usuários para entrar em contato com o proprietário da loja para ver os preços do WooCommerce

Para detalhes adicionais, consulte nosso guia para iniciantes sobre como adicionar facilmente código personalizado no WordPress.

Método 2: Ocultar preços de produtos de clientes não atacadistas

Este método é perfeito para empresas que desejam ocultar preços de visitantes regulares, enquanto exibem preços especiais de atacado para clientes aprovados.

Essa abordagem funciona especialmente bem para fabricantes, distribuidores e empresas B2B que desejam manter preços exclusivos para seus compradores atacadistas.

Também é ótimo se você não é fã da solução de código anterior, pois usaremos plugins do Wholesale Suite, fácil de usar.

Antes de começarmos, recomendamos a leitura de nossa análise detalhada do Wholesale Suite para entender todos os recursos que este pacote de plugins oferece.

Etapa 1: Instale os Plugins Necessários do Wholesale Suite

Para que este método funcione, você precisará do pacote premium Wholesale Suite.

Depois de comprar o pacote, você precisará instalar e ativar dois de seus plugins principais: 'WooCommerce Wholesale Prices Premium' e 'WooCommerce Wholesale Lead Capture'.

O plugin 'Wholesale Prices Premium' é o que permite ocultar preços de clientes regulares, enquanto os exibe para seus compradores atacadistas.

O plugin ‘Wholesale Lead Capture’ cria um sistema de registro profissional onde potenciais clientes atacadistas podem solicitar uma conta. Se preferir, você também pode usar o WPForms para criar seus formulários de registro.

Após instalar esses plugins do WordPress, vá para Atacado » Licença no seu painel.

Adicionando uma licença ao plugin Wholesale Suite

Aqui, insira as chaves de licença e o endereço de e-mail associado às suas compras de plugins premium. Você encontrará esses detalhes no e-mail de confirmação que recebeu ao comprar os plugins.

Se você comprou vários plugins do Wholesale Suite, poderá usar as abas no topo para acessar as configurações da chave de licença de cada um.

Assim que inserir as informações de licença para cada ferramenta, certifique-se de clicar em ‘Salvar Alterações’. Quando terminar, você pode continuar para a próxima etapa.

Salvando a chave de licença do Wholesale Suite
Etapa 2: Configurar uma Conta de Teste de Cliente Atacadista

O Wholesale Suite cria uma função de usuário especial de ‘Cliente Atacadista’ função de usuário que permite gerenciar preços para todos os seus clientes atacadistas em um só lugar. Quando esses clientes fizerem login, eles verão automaticamente seus preços especiais de atacado.

Para garantir que seu ocultamento de preços funcione corretamente, você precisará de uma conta de teste de Cliente Atacadista. Isso ajuda você a verificar como sua loja WooCommerce aparece tanto da perspectiva de um cliente atacadista quanto da de um visitante comum.

Criar uma conta de atacado é simples. Primeiro, basta ir para Usuários » Adicionar Novo no seu painel do WordPress. 

Adicionando um novo usuário no WordPress

Agora, preencha as informações básicas como endereço de e-mail e nome de usuário, em seguida, selecione ‘Cliente Atacadista’ no menu suspenso ‘Função’.

Finalmente, clique em ‘Adicionar Novo Usuário’ para criar a conta.

Alterando a função de usuário de atacado de um cliente

Você também pode querer impedir que clientes atacadistas façam compras com preços regulares quando não atendem às condições de atacado. Por padrão, o plugin exibe um aviso, mas os clientes ainda podem comprar com preços de varejo.

Para alterar isso, vá para Atacado » Funções e encontre a função ‘Cliente Atacadista’. Clique no botão ‘Editar’ abaixo da função para personalizá-la.

Editando a função de cliente de atacado

Em seguida, marque a caixa ‘Impedir compra se a condição de atacado não for atendida.’

Depois disso, basta clicar em ‘Editar Função de Atacado’ para salvar suas alterações.

Editando a função de usuário de atacado
Etapa 3: Ocultar Preços e Botões do Carrinho

Em seguida, você precisará ocultar os preços e os botões da página de carrinho dos visitantes regulares da loja online.

Para fazer isso, você pode ir em Atacado » Configurações. Certifique-se de que você está na seção ‘Preços de Atacado’ e navegue até a aba ‘Preço’.

As configurações de preço para o Wholesale Suite

Em seguida, role para baixo até a configuração ‘Ocultar Preço e botão Adicionar ao Carrinho’ e marque a caixa ao lado dela.

Abaixo disso, você pode adicionar um texto personalizado para substituir os botões de preço e carrinho. Se você deixar isso em branco, a mensagem padrão ‘Faça login para ver os preços’ aparecerá em vez disso.

Ocultando os botões de preço e carrinho no Wholesale Suite

Agora, role para baixo e certifique-se de que a configuração ‘Mostrar Preço de Atacado para usuários não atacadistas’ esteja desativada.

Finalmente, clique no botão ‘Salvar Alterações’.

Salvando alterações nas configurações de preço do Wholesale Suite
Etapa 4: Adicionar e Ocultar Preços de Atacado para Produtos WooCommerce

Agora você está pronto para começar a adicionar preços de atacado a produtos individuais. Você pode prosseguir e abrir um produto novo ou existente para edição.

Se esta for a sua primeira vez adicionando um produto, talvez você queira ler nosso guia simplificado do WooCommerce para mais informações.

Em algum momento, ao criar um novo produto ou editar um existente, você precisará ir para a seção ‘Dados do Produto’.

Aqui, defina seu ‘Preço Regular’. Este é o que os clientes regulares veem. Em seguida, encontre a seção ‘Preços de Atacado’ e escolha seu tipo de desconto no menu suspenso. Você pode oferecer um desconto percentual ou um preço fixo.

As configurações de preço do WooCommerce

Para descontos percentuais, basta selecionar o tipo de desconto ‘Porcentagem’ e inserir o valor do seu desconto.

O Wholesale Suite calculará automaticamente o preço final.

Definindo um desconto percentual de atacado

Se você escolher ‘Fixo’ para o tipo de desconto, poderá simplesmente inserir o preço exato de atacado que deseja cobrar.

Quer executar ofertas de atacado por tempo limitado? Isso é ótimo para promoções sazonais e para converter mais visitantes do WooCommerce em clientes.

Para fazer isso, você pode clicar no link ‘Agendar’.

Agendando um desconto de atacado no WooCommerce

Depois disso, você pode inserir a data de início e a data de término da sua promoção de preços de atacado.

Dessa forma, você não precisará habilitar e desabilitar o desconto manualmente. Basicamente, funciona de forma semelhante ao agendamento de códigos de cupom do WooCommerce.

Agendando um desconto de atacado no WooCommerce

Claro, esta configuração é opcional. Se você não estiver pronto para usá-la agora, pode ser bom tê-la em mente para o futuro.

Em seguida, defina seus requisitos mínimos de pedido na seção ‘Quantidade Mínima de Pedido no Atacado’.

Isso define quantos itens um cliente atacadista deve comprar para ter acesso a preços especiais.

Definindo um valor mínimo de pedido para pedidos de atacado

Em seguida, role para baixo até a seção ‘Etapa de Quantidade de Pedido no Atacado’.

Esta configuração controla os incrementos em que um cliente pode comprar produtos *após* atender à quantidade mínima. Por exemplo, se sua quantidade mínima de pedido for 10 e a etapa de quantidade for 5, os clientes poderão comprar 10, 15, 20 e assim por diante.

Se você definir a etapa como ‘1’, os clientes poderão comprar qualquer quantidade acima do mínimo, como 10, 11, 12, etc. Isso impede que os clientes usem indevidamente seus privilégios de atacado em compras menores e individuais.

Para este tutorial, insira ‘1’ no campo.

Como adicionar preços de atacado no WooCommerce

Isso fará com que a quantidade mínima de pedido que você definiu acima seja aplicada a cada item.

Dessa forma, as pessoas não poderão tentar usar indevidamente os privilégios de atacado. Para mais informações sobre esta configuração, consulte a documentação do Wholesale Suite sobre requisitos mínimos de pedido.

Por fim, você pode tornar seu produto visível apenas para clientes atacadistas usando a configuração 'Restringir a Funções de Atacado' no topo da página. Digite e selecione 'Cliente Atacadista' neste campo.

Nesta etapa, você pode continuar finalizando as configurações do seu produto. Por exemplo, você pode adicionar uma galeria de imagens do produto, incorporar um vídeo do produto, ou inserir tags de produto.

Quando estiver pronto, basta clicar em 'Atualizar' ou 'Publicar' para salvar suas alterações. Você pode então repetir os mesmos passos para todos os seus produtos de atacado.

Restringindo um produto apenas para clientes atacadistas com o Wholesale Suite
Etapa 5: Configure seus formulários de registro de atacado

A extensão Wholesale Suite cria automaticamente páginas de registro e login para seus clientes de atacado. Antes de começar a aceitar inscrições, vamos personalizar o formulário de registro para atender às suas necessidades.

Acesse Atacado » Configurações, clique na aba ‘Captura de Leads de Atacado’ e abra o menu ‘Formulário de Registro’. 

Configurando as definições do formulário de registro do Wholesale Suite

Aqui, você pode rolar para baixo para encontrar uma tabela mostrando todos os campos de formulário disponíveis.

Embora campos básicos como Nome, Sobrenome, E-mail e Nome de Usuário sejam incluídos por padrão, alguns podem precisar ser ativados. Para habilitar um campo, clique no ícone de lápis ‘Editar’ na coluna ‘Ação’. 

Configurando os campos do formulário de registro do Wholesale Suite

Tudo o que você precisa fazer agora é marcar a caixa ‘Habilitado’ para torná-lo visível e marcar o campo como ‘Obrigatório’ se desejar torná-lo obrigatório.

Lembre-se de clicar em ‘Salvar Campo Personalizado’ assim que terminar.

Salvando alterações nos campos de registro do Wholesale Suite

Agora, mude para a aba ‘Geral’ para encontrar suas novas páginas de Login e Registro de Atacado.

Vá em frente e clique em ‘Visualizar Página’ para visualizá-las.

Visualizando as páginas de Registro e Login de Atacado

Depois de abri-las, você pode adicionar os links para essas páginas ao seu menu de navegação. Dessa forma, os usuários poderão encontrá-las facilmente quando estiverem navegando em sua loja online.

Você pode aprender como fazer isso em nosso guia sobre como adicionar um menu de navegação no WordPress.

Um exemplo da página de registro do Wholesale Suite

Uma decisão importante é como você lidará com novas aplicações.

Em ‘Aprovar automaticamente novos leads’, escolha entre ‘Aprovação manual necessária’ ou ‘Aprovação automática’.

Recomendamos fortemente a aprovação manual para proteger seus preços de atacado e verificar negócios legítimos.

Escolhendo se deve aprovar manualmente ou automaticamente os cadastros de atacado com o Wholesale Suite

Assim que estiver satisfeito com as configurações do formulário de registro, você pode rolar para cima.

Finalmente, clique no botão ‘Salvar Alterações’.

Salvando alterações nas configurações do Formulário de Registro de Atacado

💡 Dica Profissional: Para ter mais controle sobre seu formulário de registro, recomendamos o uso do WPForms. Se você precisar de recursos avançados como lógica condicional, formulários de várias páginas ou quiser flexibilidade total de design com um construtor de arrastar e soltar, então o WPForms é a melhor solução.

Você pode ler nosso guia sobre como criar um formulário de registro personalizado para instruções passo a passo.

Etapa 6: Crie um Formulário de Pedido de Atacado

A etapa final é criar um formulário de pedido de atacado, que otimiza o processo de pedido para seus clientes de atacado. Este formulário permite que eles façam pedidos em massa facilmente sem navegar por várias páginas de produtos, economizando tempo para você e seus clientes.

Ao configurar formulários de pedido de atacado, descobrimos que as empresas obtêm os melhores resultados incluindo campos essenciais como SKUs de produtos e datas de entrega preferenciais.

Dessa forma, os clientes de atacado podem fazer pedidos em massa rapidamente, fornecendo todas as informações que você precisa para processar suas solicitações com eficiência.

Para instruções detalhadas sobre como criar um formulário de pedido de atacado otimizado, confira nosso guia completo sobre como criar um formulário de pedido de atacado no WordPress.

Pronto! Suas regras de preço de atacado agora estão ativas. Vamos ver como isso funciona na prática.

Um exemplo de preços ocultos com o plugin Wholesale Suite

Nós também tentamos fazer login como um cliente atacadista para ver se o preço estava visível desta vez.

Confira o resultado abaixo.

Um exemplo de preços visíveis quando um cliente atacadista visualiza as páginas de produto, habilitado com o Wholesale Suite

Você também pode ler nosso guia sobre como alternar entre contas de usuário no WordPress se precisar de ajuda para entrar e sair de suas contas.

Método 3: Crie um Catálogo Online Profissional Sem Preços

Este método transforma sua loja WooCommerce em um catálogo de produtos profissional. É perfeito para empresas que preferem discutir preços por e-mail, formulário de contato ou offline.

O plugin YITH WooCommerce Catalog Mode oferece uma maneira simples de criar um catálogo sem preços. Nós testamos e compartilhamos como usar este plugin anteriormente em nosso tutorial sobre como adicionar um catálogo de produtos no WooCommerce.

Diferente do método de atacado, essa abordagem permite remover completamente os preços, substituindo-os por botões de contato personalizados. Você pode ocultar os preços de toda a sua loja, de categorias de produtos específicas ou de itens individuais.

Essa flexibilidade o torna ideal para fabricantes personalizados, varejistas de luxo ou prestadores de serviços que precisam orçar preços com base nos requisitos do cliente.

Para este guia, focaremos nas configurações essenciais para ativar o modo catálogo e ocultar preços usando o plugin da YITH. Com base em nossos testes, descobrimos que esses recursos básicos são suficientes para a maioria das lojas começarem com preços ocultos.

Dito isso, lembre-se de que estamos apenas arranhando a superfície do que este plugin pode fazer. Exploramos muitos recursos mais avançados em nossa análise detalhada do YITH WooCommerce Catalog Mode.

Além disso, você precisará adquirir a versão premium do plugin. A versão gratuita funciona bem, mas o recurso de ocultar preços está disponível apenas na versão paga.

Passo 1: Instalar e Ativar o YITH WooCommerce Catalog Mode

Após adquirir o plugin, acesse o site da YITH e faça login na sua conta YITH. Em seguida, vá para a aba 'Licenças e Downloads'.

Baixando plugin premium YITH

Em seguida, clique no botão ‘Download Plugin’ para baixar o arquivo do plugin da sua conta YITH. Certifique-se de manter sua aba do navegador aberta, pois você precisará da chave de licença em breve.

Agora, basta instalar o plugin no seu site WordPress.

Quando o assistente de configuração aparecer, você precisará inserir seu endereço de e-mail YITH e a chave de licença.

Ativando a licença YITH

Após inserir seus dados, clique em ‘Ativar licença’ para concluir o processo de configuração.

Assim que isso for feito, clique em ‘Ir para o painel do plugin’ para começar a personalizar as configurações do seu modo de catálogo.

Indo para o painel do plugin YITH

Vamos agora continuar para a próxima etapa.

Etapa 2: Configurar Configurações Básicas do Modo de Catálogo

O modo de catálogo transforma sua loja de um site de compras em uma vitrine de produtos. Isso é perfeito para empresas que desejam exibir produtos sem opções de compra imediatas.

Para começar, vá para YITH » Catalog Mode e navegue até a aba ‘Settings’. É aqui que você configurará as opções para executar o WooCommerce sem preços.

Primeiro, você pode escolher se deseja habilitar o modo de catálogo para todos os usuários ou apenas para usuários convidados.

Habilitando o modo catálogo com o plugin YITH

Você também pode habilitar o modo de catálogo para usuários com a função de usuário Administrador para testar como o modo aparece.

Ao rolar para baixo, você pode ativar a função ‘Disable shop’ se desejar remover a página do carrinho, a página de checkout e todos os botões de adicionar ao carrinho da sua loja.

Desabilitando as funções de loja do WooCommerce com o plugin YITH

Se você desabilitar a função de loja, terá opções adicionais para definir intervalos de tempo ou dias específicos.

Isso é particularmente útil se você quiser ocultar preços apenas em dias ou épocas festivas em que sua loja online não aceita pedidos.

Desabilitando a função de loja para certas datas com o plugin YITH

Para um controle mais direcionado, você pode simplesmente pular o menu 'Desativar loja' e focar nas configurações da seção 'Configurações de "Adicionar ao carrinho" no Modo Catálogo'.

Aqui, você pode usar menus suspensos para escolher exatamente onde ocultar ou exibir botões de adicionar ao carrinho. Por exemplo, você pode ocultá-los ou exibi-los para itens em sua lista de exclusão, que é um recurso que permite agrupar produtos específicos, categorias ou tags juntos.

Isso facilita a ocultação de botões apenas para esses itens selecionados, em vez de para toda a sua loja. Pense nisso como uma lista VIP, onde você pode aplicar regras especiais apenas aos produtos dessa lista.

Falaremos mais sobre como criar listas de exclusão em uma seção posterior.

Desabilitando as funções de loja para produtos na lista de exclusão no plugin YITH

Descendo, você pode optar por ocultar o botão ‘Adicionar ao carrinho’ nas variações de produto. Isso mantém seu modo de catálogo consistente em todos os tipos de produto, incluindo aqueles com várias opções como tamanho ou cor.

Você também pode decidir o que aparece no lugar dos botões ‘Adicionar ao carrinho’ nas páginas do WooCommerce.

Recomendamos selecionar ‘Nada’ para essas opções para manter o espaço limpo. Adicionaremos botões personalizados em uma seção diferente mais tarde.

Ocultando os botões de carrinho nas páginas de produto com o plugin YITH

Mais abaixo, você encontrará ‘Configurações de preço no modo catálogo’.

Você pode escolher entre ocultar preços de todos os produtos ou apenas os da sua lista de exclusão.

Quando você oculta os preços, pode substituí-los por botões personalizados. O plugin inclui vários estilos de botão pré-projetados, como ‘Botão de Exemplo 1’, que personalizaremos na próxima etapa.

Lembre-se de clicar em ‘Salvar Opções’ quando terminar de fazer suas seleções.

Ocultando preços nas páginas de produto com o plugin YITH
Etapa 3: Crie um Novo Botão para Substituir o Botão do Carrinho

Agora, é hora de personalizar o botão que substituirá seus botões de carrinho e preços. Vá para a aba ‘Botões e Rótulos’ para começar.

Selecione um dos botões pré-projetados fornecidos pelo YITH e clique no ícone de lápis ‘Editar’ para personalizá-lo.

Editando um botão no YITH WooCommerce Catalog Mode

Primeiro, dê um nome direto ao seu botão para que você possa encontrá-lo facilmente mais tarde.

Na aba ‘Conteúdo’, você pode alterar o texto do botão para algo que se ajuste às suas necessidades. Opções populares incluem “Solicitar Orçamento,” “Entre em contato para preços” ou “Obter preço personalizado”.

Substituindo o texto do botão no YITH WooCommerce Catalog Mode

Adicionar um ícone pode tornar seu botão mais envolvente. Para fazer isso, você pode selecionar ‘Escolher entre ícones padrão’ na seção Ícone.

Você pode navegar pelas opções disponíveis para encontrar uma que corresponda à sua mensagem.

Escolhendo um ícone de botão no YITH WooCommerce Catalog Mode

Você também pode ajustar seu ícone ajustando seu tamanho, alinhamento e cores.

Basta observar suas alterações aparecerem na visualização ao vivo no lado direito da página.

Personalizando o ícone do botão no YITH WooCommerce Catalog Mode

Agora, mude para a aba ‘Estilo’ para personalizar a aparência do seu botão.

É aqui que você pode modificar as cores de fundo, largura, bordas, preenchimento e margens para combinar com o design do seu site.

Personalizando o estilo do botão no plugin YITH WooCommerce Catalog Mode

Finalmente, na aba ‘Opções’, configure o link para o seu botão. Recomendamos usar a opção ‘URL personalizada’ para direcionar os visitantes para sua página de contato ou login.

Você também pode adicionar uma animação de passagem de mouse para tornar seu botão mais interativo e atraente.

Quando terminar, basta clicar no botão ‘Atualizar’.

Adicionando um URL personalizado ao botão de call-to-action no YITH WooCommerce Catalog Mode

Com seu novo botão salvo, ele substituirá o botão padrão Adicionar ao Carrinho onde especificado.

Passo 4: Crie um Formulário de Consulta de Produto (Opcional)

Adicionar um formulário de consulta diretamente às suas páginas de produto pode facilitar para os clientes perguntarem sobre preços. Dessa forma, eles não precisarão sair da página do produto para entrar em contato com você.

Para configurar isso, navegue até a aba ‘Formulário de Consulta’. Selecione ‘Visível em todos os produtos’ em ‘Definir formulário de consulta como’. Isso garante que o formulário apareça em todas as páginas de produto.

Para a opção ‘Formulário a ser exibido’, você pode usar o formulário ‘Padrão’ que vem com o plugin.

Se você já usa o WPForms ou outro plugin de formulário, você pode selecionar seus formulários existentes em vez disso.

Tornando o formulário de consulta visível na página do produto no plugin YITH WooCommerce Catalog Mode

Ao usar o formulário ‘Padrão’, você pode personalizar quais campos aparecem.

Recomendamos manter a simplicidade com campos essenciais como nome, e-mail e mensagem. Pela nossa experiência, formulários mais curtos geralmente recebem mais envios.

Habilitando campos de formulário no plugin YITH WooCommerce Catalog Mode

Você tem duas opções de onde o formulário aparece: em uma aba do WooCommerce abaixo da imagem do produto ou na área de descrição curta.

Se você escolher a opção de aba, poderá personalizar o título da aba para algo como “Solicitar Preço” ou “Consulta de Produto”.

Escolhendo onde exibir o formulário de consulta no YITH WooCommerce Catalog Mode

Não se esqueça de ativar a configuração ‘Incluir Permalink do produto’.

Isso adiciona o URL do produto aos e-mails de consulta, tornando muito mais fácil rastrear quais produtos os clientes estão perguntando.

Precisa de ajuda para decidir entre uma aba do WooCommerce ou uma descrição curta do produto?

Veja como fica a primeira opção:

Exemplo de um formulário de consulta em uma aba do WooCommerce

Enquanto isso, se você escolher a opção de descrição do produto, o formulário de consulta aparecerá logo abaixo do botão que você acabou de criar.

Assim:

Um exemplo de formulário de consulta feito com YITH WooCommerce Catalog Mode
Bônus: Como Criar uma Lista de Exclusão (Ocultar Preços para Produtos Específicos do WooCommerce)

Agora, vamos ver como ocultar preços para produtos específicos em vez de toda a sua loja. Isso pressupõe que você já configurou seu modo de catálogo para funcionar com uma lista de exclusão na Passo 2.

Para começar, vá para a aba ‘Lista de Exclusão’ e clique em ‘+ Adicionar lista de exclusão’. Uma nova janela será aberta onde você poderá escolher para quais tipos de itens ocultar os preços.

Criando uma lista de exclusão no YITH WooCommerce Catalog Mode

O menu suspenso ‘Tipo de item’ oferece três opções: produtos individuais, categorias inteiras de produtos ou tags de produtos. Essa flexibilidade permite ocultar preços de maneiras que façam sentido para o seu pequeno negócio.

Em seguida, comece a digitar nomes de produtos, categorias ou tags no campo ‘Selecionar produtos’. O plugin sugerirá correspondências conforme você digita. Você também pode escolher se deseja exibir um formulário de consulta para esses itens específicos.

Adicionando itens à lista de exclusão do YITH WooCommerce Catalog Mode

Você notará as configurações para ‘Usar opções personalizadas para “Adicionar ao Carrinho”‘ e ‘Usar opções personalizadas para preço’. Recomendamos deixar essas desmarcadas se você quiser manter as configurações que criou no Passo 2.

Assim que terminar, basta clicar em ‘Adicionar lista de exclusão’ para salvar suas alterações. Sua nova regra de exclusão agora está ativa.

Aqui está um exemplo de como sua página de produto pode ficar quando você ativar o plugin:

O que o botão de contato personalizado feito com o plugin YITH WooCommerce Catalog Mode

Saiba Mais Dicas e Truques do WooCommerce

Agora que você aprendeu como vender produtos no WooCommerce sem preços, pode querer aprender mais maneiras de otimizar sua loja online. Confira estes guias para iniciantes para mais dicas e truques:

Esperamos que este artigo tenha ajudado você a aprender como ocultar preços no WooCommerce. Você também pode querer conferir nossa lista dos melhores temas WordPress para sites WooCommerce e nosso guia sobre como fazer upsell de produtos no WooCommerce.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

Comentários

  1. Parabéns, você tem a oportunidade de ser o primeiro a comentar neste artigo.
    Tem alguma pergunta ou sugestão? Por favor, deixe um comentário para iniciar a discussão.

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.