Como criar um slider de produto WooCommerce – um guia completo [2020]

Você precisa criar um slider de produto WooCommerce em seu site para aumentar as vendas, mas não sabe como criá-lo. Como resultado, você está em tensão e está procurando um guia para criar um Slider de Produto WooCommerce completo passo a passo.

Se você está pensando assim, não se preocupe, este tutorial pode satisfazer suas necessidades. Eu expliquei as diretrizes completas passo a passo neste artigo, para que qualquer pessoa possa criar facilmente um Slider de produto sem ter nenhum conhecimento de codificação.

No entanto, este procedimento ajudará você a criar um controle deslizante de produto incrível da maneira mais fácil. Então, vamos começar agora para um controle deslizante de produto melhor.

Resumo do artigo

Eu dividi todo o artigo em várias seções. Você pode obter uma visão geral da seguinte lista-

• Etapas preliminares
• Escolhendo o melhor plug-in
• Instalação e ativação do plug-in WooCommerce Product Slider
• Crie seu primeiro controle deslizante de produto
• Personalização do controle deslizante do produto
• Publicando o controle deslizante do produto
• Como obter opções de personalização ilimitadas

Etapas preliminares

Como estamos discutindo o controle deslizante do produto WooCommerce, antes de avançar em detalhes, basta verificar uma coisa é que o plug-in WooCommerce está instalado e ativado no seu tema WordPress.

É uma precaução simples para ir em frente. Espero que o plugin WooCommerce esteja instalado e ativado no seu tema WordPress.

Escolhendo o melhor plug-in

Espero que você sempre goste e tente descobrir a maneira mais fácil de criar um controle deslizante de produto WooCommerce em seu site. Portanto, a melhor e mais fácil maneira é descobrir um plug-in melhor que permita criar um incrível controle deslizante de produto.

Existem vários plugins disponíveis, mas nem todos são bem codificados e atualizados. Portanto, é difícil descobrir o melhor para você. Mas, não se preocupe, eu fiz esta parte e encontrei um dos melhores plugins WooCommerce Product Slider. É super-rápido, legal e prático.

O Product Slider for WooCommerce é o plug-in mais selecionado como código aberto que permite criar um slider de produto impressionante e atraente para o seu site de comércio eletrônico.

Instalação e ativação do controle deslizante do produto WooCommerce

Como encontramos nosso esperado e melhor plugin, agora temos que instalá-lo e ativá-lo.

Quer saber mais sobre o processo de instalação? Você pode conferir esta documentação sobre como instalar o Product Slider for WooCommerce no WordPress .

Por fim, espero que você tenha instalado e ativado com sucesso o WooCommerce Product Slider em seu painel do WordPress.

Crie seu primeiro controle deslizante de produto WooCommerce

Finalmente, você está completamente pronto para criar seu primeiro slider de produto WooCommerce. É super fácil e rápido. Isso pode ser feito em poucos minutos. Vou explicar todos os passos um por um. Então, você só precisa seguir minhas instruções. Vamos fazer isso agora.

Etapa 1: gerar o código de acesso do controle deslizante do produto

Primeiro, você precisa criar um novo controle deslizante de produto. Assim que você criar um novo controle deslizante de produto, um código de acesso será gerado automaticamente. Portanto, siga as etapas a seguir para criar um novo controle deslizante de produto.

1. Clique no menu Todos os controles deslizantes .
2. Clique no botão Adicionar novo controle deslizante .

Etapa 2: configurações do controle deslizante do produto

Depois de clicar no botão Adicionar novo controle deslizante , você verá todas as opções de configuração para um único controle deslizante de produto. Portanto, é hora de personalizar seu controle deslizante de produto de acordo com suas necessidades. Agora, basta seguir minhas instruções, uma por uma.

1. Digite um título de código de acesso usado como título de seção para o controle deslizante ou grade do produto (opcional).
2. Personalize quaisquer campos de configuração de acordo com suas necessidades.
3. Por fim, clique no botão Publicar no lado direito.

Quando você publicar seu controle deslizante de produto, verá que há um código de acesso na área superior. Agora, você só precisa seguir o último passo para exibir o controle deslizante do produto.

Etapa 3: exibir o controle deslizante do produto

Finalmente, você está completamente pronto para exibir seu controle deslizante de produto. Basta copiar o código de acesso e colá-lo na posição desejada, como postagem, página ou em qualquer lugar que desejar.

Obtenha opções de personalização ilimitadas

Espero que você já tenha descoberto que o plugin WooCommerce Product Slider tem algumas limitações no caso de personalização. Muitos recursos não estão disponíveis nesta versão freemium deste plugin.

Você pode sentir a necessidade de mais recursos e opções de personalização ilimitadas para o controle deslizante do seu produto. Não se preocupe, o plugin WooCommerce Product Slider também oferece uma versão premium que pode eliminar essas limitações e você terá opções ilimitadas de personalização.

Sua versão Premium inclui os seguintes recursos interessantes e impressionantes-

Layout do controle deslizante e da grade: Você pode exibir seus produtos em 2 layouts exclusivos diferentes, como Slider e Grid.

Mais de 30 temas pré-projetados: mais de 30 temas pré-projetados profissionalmente estão incluídos para oferecer mais flexibilidade.

Tipografia avançada: mais de 840 fontes do Google com diferentes opções estão incluídas.

Filtrando produtos no controle deslizante e na grade: você pode filtrar a lista de produtos com base em qualquer recurso, como em destaque, categorias, tags, produtos específicos, à venda!, mais recente ou recente, mais vendido ou popular, upsells, cross-sells, produtos relacionados , Mais votados, Mais vistos, Visualizados recentemente, Produtos gratuitos, Por ID do produto ou SKU, Produtos do atributo, Excluir categorias e tags etc.

Filtragem de Produtos por Tipos: Você também pode filtrar os produtos por diferentes tipos de produtos, como Produto Simples, Produto Agrupado, Produto Externo/Afiliado, Produto Variável.

Controle deslizante de categoria e subcategoria: você pode exibir facilmente o controle deslizante ou grade de categoria e subcategoria em qualquer lugar que desejar.

Opções Exclusivas de Ocultar e Mostrar: Simplesmente mostre produtos ocultos facilmente. Além disso, você pode ocultar produtos sem estoque e gratuitos.

Controle deslizante de produto duplicado: esse recurso reduzirá seu tempo e energia. Agora você pode facilmente duplicar ou clonar qualquer controle deslizante de produto.

WPML Ready: Vários idiomas são suportados. Você pode facilmente suportar qualquer idioma.

Limitação de palavras do nome do produto: as opções de limitação de palavras ajudam você a limitar as palavras para o nome ou título do produto

Controle deslizante de produtos de várias linhas: com o layout do controle deslizante, você pode exibir o controle deslizante de produtos de várias linhas.

Multisite suportado: O recurso multisite também é suportado.

Paginação Ajax para Product Grid: Diferentes tipos de paginação Ajax estão incluídos. Estes são – paginação de número Ajax, botão Carregar mais (ajax), Carregar mais ou infinito na rolagem (ajax), Sem ajax (paginação normal).

Opções de controle deslizante: Diferentes opções de controle deslizante, como AutoPlay ativado/desativado, controle de velocidade do slide, margem personalizada para cada produto, parar ao passar o mouse e muitas outras opções estão incluídas.

Inversão da imagem do produto e caixa de luz: A opção Inversão da imagem do produto também está incluída. Como resultado, você pode definir o comportamento de inversão para imagens de produtos.

Inúmeras opções de cores e estilo: cores e estilos ilimitados estão disponíveis nesta versão pro. Você pode fazer o que imaginar.

Capacidade de resposta: fornece controles deslizantes de produtos totalmente responsivos que são compatíveis com qualquer dispositivo moderno.

Super rápido e amigável para SEO: É super rápido, leve, amigável para SEO e otimizado para melhorar a classificação do site.

Suporte e atualização gratuitos vitalícios: suporte dedicado rápido e amigável para qualquer consulta. Além disso, documentos e tutoriais on-line extensivos também estão disponíveis.

Por fim, só quero dizer que listei alguns recursos importantes, mas, na verdade, a versão pro contém um grande número de recursos. Você pode chamá-lo de um plugin mestre completo para criar o WooCommerce Product Slider.

Então, quebre as limitações e obtenha todos os recursos do WooCommerce Product Slider, apenas verificando o WooCommerce Product Slider Pro .

Obtenha agora Demonstração ao vivo