Como configurar a lista de desejos no WooCommerce 2023

Atualizado em 9 de noviembre de 2023

Uma lista de desejos pode servir como um lembrete para possíveis compras futuras, pode ser compartilhada com amigos e familiares para ideias de presentes e pode ser um veículo promocional geral para seus produtos. Se pode Compartilhe nas redes sociais e outros canais, melhorando seu tráfego e divulgando sua marca. No geral, é um recurso que traz muitos benefícios e é muito simples de configurar.

 

Os plug-ins Lista de desejos do YITH WooCommerce Ele serve para salvar seus produtos favoritos, encontrá-los com facilidade e rapidez posteriormente e comprá-los. Você também pode compartilhar uma lista de desejos com familiares e amigos para o Natal, aniversários ou ocasiões semelhantes para que possam comprar um dos produtos da lista.

Configuração geral

Quando você clica, a seção Lista de desejos contém quatro guias, e examinaremos cada uma delas para mostrar as possibilidades. Usaremos nosso tema WordPress Aare – Loja de Móveis para mostrar uma prévia das opções disponíveis.

Lista de desejos com quatro guias

A primeira coisa na guia Configurações Gerais é a opção de ativar o carregamento AJAX .

Habilitar carregamento AJAX

Esta opção é boa para melhorar a velocidade do seu site. Se você ativá-lo, ele recuperará dados de servidor para elementos armazenáveis ​​em cache via AJAX sem recarregar a página inteira. Enquanto o visitante estiver na página específica, seu site carregará apenas o conteúdo visível. Certamente tornará o carregamento mais rápido. Para habilitá-lo, basta mudar o interruptor Habilitar carregamento AJAX para SIM .

Na mesma guia, YITH oferece a você que considerar Ative um controle deslizante em sua lista de desejos, que contém produtos vinculados.

Habilite o controle deslizante na lista de desejos

Para utilizá-lo, você deve instalar e ativar o plugin YITH WooCommerce Frequentemente comprados juntos. Esta opção, uma vez habilitada, irá na verdade sugerir ao seu cliente potencial itens que normalmente são comprados em conjunto, o que pode aumentar as vendas.

Adicionar à lista de desejos Opções

A segunda guia contém as opções disponíveis para adicionar à lista de desejos controlando a aparência da sua lista de desejos.

Configuração geral

A primeira coisa aqui é estabelecer o que você deseja exibir, ou mais precisamente, para onde deseja direcionar seu cliente, uma vez que um produto seja adicionado à lista de desejos. Você pode escolher entre Mostrar botão “Adicionar à lista de desejos”, Mostrar link “Ver lista de desejos” e Mostre o link “Remover da lista”.

Depois de adicionar o produto

Vamos configurar isso para mostre o link «Ver lista de desejos» : O cliente poderá consultar a lista de desejos e os produtos que ela contém.

Esta é a aparência do botão Adicione à lista de desejos antes de adicionar um produto:

Botão Adicionar à lista de desejos Produto exclusivo

Quando o cliente adicionar o produto à lista de desejos, ele mudará para isto:

Explorar lista de desejos

Claro, você pode escolher uma das outras opções disponíveis aqui, o que for melhor para você.

Configurações de loop

Você pode então definir se deseja a opção adicionar à a lista de desejos é mostrada no loop ou não. O que isso significa é que se seus produtos forem exibidos como um controle deslizante ou carrossel, você poderá manter esse recurso desativado enquanto o loop é executado.

Configurações de loop

Aqui está o exemplo do tema Aare com controle deslizante e não tem opção Adicionar a lista de desejos.

Loop deslizante do produto

Configurações da página do produto

Agora você pode decidir a posição do seu botão Adicionar a lista de desejos em sua loja individual. Há um par de opções: depois de “Adicionar ao carrinho”, depois das miniaturas, depois do resumo e usar código de acesso .

Configurações da página do produto

Nós optamos por Após o botão “Adicionar ao carrinho” . Como você pode ver em nosso único produto, sua posição está abaixo do botão Adicionar ao carrinho.

Adicionar à posição do botão da lista de desejos

Personalização de texto

Além disso, você pode personalizar o texto que aparece na página. É sempre importante manter qualquer tipo de texto informativo simples, por isso não experimente muito com esse texto. Você pode mantê-lo simples, pois é o padrão. Para o nosso tema Aare, mantivemos o texto sugerido pelo plugin YITH. Mas se por algum motivo você quiser alterá-lo, poderá fazê-lo facilmente inserindo o texto diferente nos respectivos campos.

Personalização de texto

O botão Adicionar à lista de desejos é mostrado inicialmente e, novamente, é assim que aparece no produto individual da Aare.

Botão Adicionar à lista de desejos Produto exclusivo

Assim que o cliente em potencial adicionar o produto à sua lista de desejos, “Produto adicionado!” a mensagem aparece.

Depois disso, o texto “Navegar na lista de desejos” é exibido e o visitante do seu site pode conferir a lista completa clicando nela.

Explorar lista de desejos

Sim, você pode personalizar a mensagem caso um usuário tente adicionar um produto que já esteja em sua lista de desejos. No nosso caso, graças às configurações do tema, o ícone do coração será exibido em cores na página do lista de produtos se o produto já tiver sido adicionado.

Produto adicionado à lista de desejos Mostrar

Por outro lado, na única página específica daquele determinado produto, o visitante saberá que o item já está na lista de desejos, pois haverá um botão “Navegar na lista de desejos”.

Explorar lista de desejos

Personalização de estilo e cor

As configurações finais nesta guia são para personalizar a aparência do botão da lista de desejos. A primeira opção é usar o texto vinculado (âncora) em vez do botão real.

Adicionar ao estilo do botão da lista de desejos

Esta é a configuração usada no tema Aare e fica assim:

Botão Adicionar à lista de desejos Produto exclusivo

Se você escolher a segunda opção, ela será exibida como um botão estilizado de acordo com as configurações do tema.

Adicionar ao estilo do botão da lista de desejos

Se você escolher esta opção, o botão será semelhante a qualquer outro botão padrão do seu site.

Visualização do estilo do botão Adicionar à lista de desejos

A opção final para “Adicionar à lista de desejos” é exibi-lo como um botão com um estilo personalizado . Se você escolher esta opção, ele será exibido como um botão que você poderá personalizar ao seu gosto, seguindo o estilo do seu site.

Adicionar ao estilo do botão da lista de desejos

Quando você seleciona esta opção, são exibidas configurações adicionais para o estilo de botão personalizado. Você pode definir a cor de fundo , texto e borda bem como a cor de foco para eles.

Adicionar à lista de desejos Estilo de botão personalizado

Além disso, se quiser que seu botão tenha bordas arredondadas, você pode determinar o raio das curvas. Você pode escolher de 0 a 100, onde zero significa nenhum arredondamento e valores mais altos significam ângulos mais arredondados.

Adicionar à lista de desejos Raio da borda do botão personalizado

Depois de definir a aparência do texto da lista de desejos, você pode alterar o ícone ao lado dele . o valor padrão é ícone de coração . Mas se você quiser alterá-lo, aqui estão algumas opções disponíveis para você escolher no menu suspenso.

Adicionar ao ícone da lista de desejos

Você também pode alterar o ícone preenchido que aparece quando um produto é adicionado à lista de desejos.

Ícone adicionado à lista de desejos

Além disso, se você conhece CSS, pode adicionar seu próprio código no campo correspondente. Esta opção dá-lhe a oportunidade de personalizar ainda mais o estilo da sua lista de desejos e criar o seu próprio design. Quando tudo estiver pronto, não se esqueça aperte o botão Guardar mudanças .

Adicionar CSS personalizado à lista de desejos

Opções de página de lista de desejos

Esta é a última aba da versão gratuita do plugin YITH Wishlist. Aqui você pode definir tudo relacionado à sua página de lista de desejos.

Página de lista de desejos

Como mencionamos acima, para ter uma lista de desejos em sua loja online, você deve primeiro ter uma página para ela. Você pode escolher uma página predefinida no menu suspenso ou adicionar a sua própria criando uma página em branco, nomeando-a e selecionando-a no menu suspenso.

Página de lista de desejos

Com o tema Aare, a página da lista de desejos predefinida fica assim:

Visualização da página de lista de desejos

Página de detalhes da lista de desejos

Além disso, você pode decidir quais informações deseja exibir na lista de desejos da sua loja: variações, preço, estoque, data em que o produto foi adicionado, “adicionar ao carrinho” para cada item, além de opções para remover o produto da lista de compras. desejos. .

Página de detalhes da lista de desejos

Depois que um usuário adiciona um produto de sua lista de desejos ao carrinho, você pode redirecioná-lo para a página do carrinho. Se desejar, basta alternar o botão para “Sim”.

Redirecionar para o carrinho

Também pode ser uma boa ideia definir a opção de remover um item da lista de desejos assim que ele for adicionado ao carrinho.

Excluir se adicionado ao carrinho

Outra opção aqui é ativar o compartilhamento da lista de desejos nas redes sociais. Esta é uma boa opção tanto para o tráfego e visibilidade do seu site, quanto para os clientes, caso queiram oferecer aos amigos a oportunidade de adquirir deles um produto desejado para uma ocasião especial, como casamentos, chás de bebê, etc. Para habilitá-lo, basta alternar o botão para “Sim”.

Compartilhe lista de desejos

Personalização de texto

Nesta configuração, você pode definir o nome da sua lista de desejos padrão. Se seus usuários não criarem um personalizado, aquele que você inserir aqui será exibido automaticamente.

Nome da lista de desejos padrão

Além disso, você pode adicionar um texto personalizado “Adicionar ao carrinho” para o botão na página da sua lista de desejos.

Adicionar ao carrinho Texto

Personalização de estilo e cor

Aqui você pode personalizar o estilo do botão “Adicionar ao carrinho” que aparece na página da lista de desejos. As opções são as mesmas do botão “Adicionar à lista de desejos” que discutimos anteriormente.

Personalização de estilo e cor

Novamente, procuramos o botão padrão do tema e é assim que ele aparece na página:

Lista de desejos Adicionar ao carrinho

Scroll al inicio