Como criar sua própria página de loja Elementor WooCommerce 2023

Atualizado em 12 de noviembre de 2023

No mundo online, você pode se tornar dono de uma loja rapidamente. Tudo que você precisa para começar é uma conexão com a Internet, um laptop e uma ideia de negócio lucrativa. Você nem precisa ter um produto tangível – você pode vender ideias! Brincadeiras à parte: Você pode configurar uma loja virtual incrível com bastante facilidade, mesmo se não tiver nenhum conhecimento técnico . Você pode começar escolhendo um tema WooCommerce de qualidade, já que temas específicos de nicho geralmente incluem muitos recursos práticos e úteis que sua loja precisará, e então prossiga para a elaboração de um plano de negócios!

Existem muitos elementos excelentes que você pode usar para tornar sua loja na web mais bem-sucedida, e ter uma página de loja Elementor WooCommerce personalizada é essencial.

Neste artigo, mostraremos como criar sua própria página de loja Elementor WooCommerce sem esforço. Fique ligado para ler mais sobre:

  • Páginas da loja WooCommerce
  • Usando widgets de complementos Qi para sua página da loja WooCommerce

Sabemos muito bem que criação de uma loja virtual inclui elementos específicos que são necessários para que o usuário tenha todas as informações relevantes sobre o produto . Cada loja terá páginas que apresentam um produto ou grupo de produtos de uma determinada maneira, e essas páginas bem projetadas o levarão um passo mais perto de uma loja virtual de sucesso. Outras páginas que são Importantes para a loja são aqueles com informações sobre entrega, pagamento, empresa, páginas do carrinho e similar.

Aqui vamos lidar com páginas que Eles mostram listas de produtos disponíveis na loja e nós ajudaremos você a criá-los como um profissional .

A página da loja Elementor WooCommerce é uma página de arquivo onde todos os produtos de uma loja são exibidos. Você pode criar esta página facilmente com o plugin WooCommerce. Depois de adicionar produtos ao seu site, você precisa abrir a página sem nenhum conteúdo e, nas configurações do WooCommerce, indicar que a página é a sua página da Loja.

Página da loja WooCommerce

O que temos dessa maneira? Informamos ao WooCommerce que dedicamos esta página à página de arquivo de todos os produtos e o WooCommerce os exibirá de acordo. Quanto ao estilo do produto nessa página, depende muito do tema que você escolher. Se o tema for adequado para lojas, você pode esperar que fique bem imediatamente e talvez tenha alguns filtros . Mas, caso contrário, existem maneiras de editar a página da loja WooCommerce com Elementor gratuito.

Mas e se nem tudo estiver perfeito e algo precisar ser consertado? Isso cria um problema para quem não sabe editar o código em si . Claro, temos uma solução. Se por algum motivo você achar que a página padrão parece inadequada, mostraremos como personalizá-la.

Usando widgets de complementos Qi para sua página da loja WooCommerce

Os widgets Qi Shop como parte dos complementos Qi para Elementor são widgets elegantes que combinam perfeitamente com o estilo do seu site, como que se ajustam ao tema que você usa por padrão . Mas eles também oferecem muitas opções de personalização para que você possa projetá-los mais de acordo com seus desejos .

Para criar a página da loja desejada, você precisa de:

  • Para inserir os produtos desejados (é claro suas categorias e tags, se necessário)
  • Para ter o construtor de páginas Elementor gratuito instalado
  • Tenha Qi Addons para Elementor instalados (mostraremos o que você pode fazer de graça e o que você pode obter com widgets premium).

Agora, vamos explicar isso. Claro, você não pode criar uma página de loja sem um produto, então esse é o primeiro passo. Quanto aos complementos Qi, nós os escolhemos por vários motivos. A primeira é que tem um widget para criar listas de produtos e a segunda é que também oferece muitos outros widgets úteis que você pode usar em seu site .

Criaremos uma nova página primeiro. O meu será chamado de um página da loja personalizada apenas por exemplo, mas você pode simplesmente chamá-lo Loja .

É adicionado como qualquer outro. Eu digito o nome da página, salvo e vou para Editar com Elementor . Claro, dependendo do tema, antes de mudar para Elementor a partir do editor de blocos, você pode realizar configurações básicas para a própria página . No exemplo, eu uso o Tema Qi , que geralmente é minha escolha porque contém muitas configurações para diversas partes do site, o que significa muito para mim porque não preciso alterar o código e tenho muitas opções. para projetar várias partes do site.

Adicionar nova página da loja

Ao entrar no Elementor, a primeira coisa que você precisa fazer é encontrar widgets de produtos digitando ‘pesquisar’ no campo de pesquisa. Você reconhecerá o Widgets Qi para seus ícones vermelhos inerentes .

Talvez o mais importante para nós seja o Lista de produtos isso nos permite exibir uma lista de produtos, todos ou produtos selecionados de acordo com determinados critérios . Este é um widget gratuito.

E não esqueçamos os outros. Lista de categorias de produtos É utilizado para mostrar as categorias da nossa loja e é gratuito. O widget Controle deslizante de produto oferece uma maneira interessante de exibir produtos usando controles deslizantes, também é gratuito. Comparação de Produto nos ajuda a exibir produtos selecionados e comparar seus recursos – Este é um widget premium. Caso você use o tema Qi, você também terá Fundamentos da lista de produtos que oferece uma maneira de exibir listas de produtos de demonstrações de determinados temas, por isso não vamos nos concentrar nisso.

Widgets de produtos

Como disse, a lista de produtos É o widget mais importante para mim e estou adicionando-o à página.

Widget de lista de produtos

Como você já sabe, ao adicionar widgets na página, você encontrará suas configurações à esquerda e à direita poderá ver ao vivo como o widget ficará em sua página .

As pestanas Em geral e Estilo Eles estão vinculados ao próprio widget, enquanto a guia Avançado está nas configurações da guia Elementor e já parecerá familiar se você já adicionou um widget a uma página. Em qualquer caso, Elementor é tão fácil de usar que você não precisará de nenhuma explicação especial, principalmente para este widget onde tudo é intuitivo e fácil de navegar.

Por que gostamos do widget Qi Addons? Porque nós podemos determinar por nós mesmos quantas colunas queremos que a lista tenha pode gerenciar nós mesmos o espaço entre os elementos . Pode determinar o tamanho das imagens pode escolha quantos produtos haverá em nossa página Sim usaremos paginação e de que tipo, se tivermos mais de uma página de produto. Qi entra em detalhes mesmo com opções de fonte e configurações de rolagem . Existem vários layouts para listas. Também podemos mostrar apenas produtos de uma determinada categoria, tag, autor e diferentes critérios de exibição disponíveis.. Com o Qi, adicionar widgets muitas vezes se torna um processo criativo e divertido e temos certeza de que você ficará curioso para explorar por conta própria a abundância de opções que ele oferece.

À primeira vista na guia Estilo, você ficará surpreso com o quão detalhadas são as configurações. Você verá que o A estilização é dividida em categorias, facilitando a navegação .

Outros widgets são usados ​​da mesma maneira. Sinta-se à vontade para jogar e experimentar, pois todas as alterações feitas ficarão visíveis em tempo real e você poderá desfazer facilmente qualquer movimento. .

Você sempre pode consultar a página inicial do widget com o autor em busca de inspiração se estiver se perguntando como criar sua lista, mas, novamente, brinque.

Exemplos de produtos

Um ótimo complemento para a página da sua loja também pode ser o Widget deslizante . Pode fazer o a página parece mais dinâmica e interativa um elemento que está em movimento sempre atrai a atenção do usuário, principalmente quando o usuário pode interagir com ele.

Produtos deslizantes

A combinação do widget de lista de produtos e do widget de controle deslizante de produtos pode ser muito interessante .

Além disso, outro widget que gosto de usar na página da loja e em outros é o Lista de categorias de produtos . Serve para exibir determinadas categorias de maneira interessante e ajudar os usuários a alcançar um grupo de produtos de seu interesse .

Lista de categorias

O widget de comparação de produtos Também é muito interessante e útil, especialmente porque os compradores de hoje gostam de tomar decisões de compra informadas e adoram comparar produtos para ter certeza de que estão tomando a melhor decisão. Adicionar comparação de produtos WooCommerce Também é muito fácil e pode ser feito sem nenhum conhecimento técnico ou de codificação especial.

Comparação

Em conclusão

Como você pode ver, criar uma página de loja Elementor WooCommerce não é ciência de foguetes e você pode fazer tudo sozinho. Você também pode aprender facilmente como editar a página da loja WooCommerce e ajustá-la para atender perfeitamente às suas necessidades. Se você tiver alguma dúvida relacionada ao tema deste artigo, não hesite em nos contatar na seção de comentários.

Scroll al inicio