Como criar páginas de loja com o Widget Elementor e Happy Card

Publicados: 2019-11-11

Como proprietário de uma empresa on-line, você precisa decorar as páginas da sua loja com muita preocupação. Assim, ele irá ajudá-lo a aumentar mais vendas. Portanto, um construtor de páginas completo com recursos e widgets incríveis pode reduzir o custo e o tempo do proprietário.

Portanto, considerando todos os fatos importantes, mostramos uma maneira fácil de criar uma página de loja usando o Elementor WooCommerce Builder. Além disso, como você pode exibir seus produtos de forma inteligente usando 'Card Widget'. É um widget central do Happy Elementor Addon.

Criando belas páginas para sua loja de comércio eletrônico

WooCommerce Page Builder

Parece muito difícil projetar a página da loja de um site de comércio eletrônico manualmente ou usando códigos. Mas a boa notícia é que o construtor de páginas Elementor agora colaborou com o WooCommerce.

Portanto, você pode criar qualquer tipo de design impressionante com o construtor de páginas Elementor, especialmente para sua loja online.

Os designers podem concluir facilmente seus projetos de comércio eletrônico com mais rapidez e também entregá-los em um tempo rápido

O processo visual do WooCommerce Page Builder ajudará você a se livrar de todos os problemas de design que os proprietários de empresas costumavam enfrentar durante a construção de qualquer loja online no WordPress.

No entanto, você pode obter os seguintes benefícios usando o WooCommerce Page Builder para sua loja online:-

Modelo de produto único

Single Product Template
Modelo de Produto Único

Usando o WooCommerce Page Builder junto com o Elementor, você pode criar facilmente uma página de produto individual para sua loja online. E a parte mais incrível é que você pode fazer isso para o seu produto mais vendido.

Você pode mostrar o preço do seu produto, descrições, tamanho, cores e outras informações de forma muito detalhada.

Modelo de arquivo de produto

Product archive template
Página de arquivo do produto

Você pode exibir seu produto por lista usando o widget Product Archive do WooCommerce Page Builder. Por exemplo, para mostrar seus produtos mais vendidos em um grupo, você pode utilizar o modelo de arquivo de produtos do Elementor.

O modelo de arquivo de produtos ajudará você a alcançar uma ampla variedade de vitrines de produtos com o número de colunas, páginas de resultados de pesquisa e configurações de tipografia. Portanto, seus visitantes podem encontrar produtos específicos que estão procurando.

Portanto, você pode conferir o vídeo a seguir para ter uma ideia geral de como criar páginas de loja e personalizá-las com o WooCommerce Page Builder.

Na próxima parte, discutiremos como criar páginas de loja com facilidade usando o 'Card Widget' de Happy Addons.

Como personalizar suas páginas de loja com o widget de cartão Happy Addons

How to Build Shop Pages
Happy Elementor Addons

As páginas da loja são a parte mais visitada de um site de comércio eletrônico. As pessoas gostam de passar tempo nas páginas da loja para comprar produtos, obter informações ou qualquer tipo de engajamento social. O que mais?

Se você der tempo de qualidade para projetar suas páginas de loja, poderá atrair a atenção do cliente, aumentando suas vendas. Nesta parte, mostraremos como criar páginas de loja usando o Happy Elementor Addons.

Vamos começar:-

Primeiro Passo: Instalações Básicas

  1. Primeiro, instale os complementos do Happy Elementor. Processo de instalação completo
  2. Em seguida, adicione um cabeçalho. Veja as instruções completas sobre como adicionar um cabeçalho

Nota: Neste tutorial, mostraremos como criar páginas de loja usando o Card Widget do Happy Elementor Widget.

How to Build Shop Pages
Widget de cartão de complementos Happy Elementor

Card Widget é um widget gratuito do Happy Elementor Addon. Você pode criar demonstrações poderosas de seu produto com este widget. Portanto, é fácil mostrar seus produtos com textos, links, crachá e imagens incríveis.

Etapa dois: adicionar seções

Para categorizar os produtos selecione a seção marcada. É muito simples de adicionar. Basta colocar o widget de cabeçalho na seção.

Adding Sections
Selecionando seções

E então dê um título a esta seção. Confira a captura de tela a seguir. Finalmente, você dará facilmente um título a esta seção.

How to add section in Elementor
Adicionando título na seção

Aqui você pode escolher o layout. Depende totalmente da sua escolha. Então você só precisa clicar na seção selecionada e então ela aparecerá na tela.

Sectioning
Seccionando

Terceiro Passo: Adicionando Widget de Cartão

Adding Card widget

Pesquise 'Card Widget' na barra lateral esquerda. Em seguida, selecione 'Card Widget' no menu de widgets. Arraste-o para a área selecionada.

How to add preset
Adicionando widget de cartão

Aqui você pode facilmente fornecer Predefinições, Imagens e Emblema, Título e Descrição e Botão na barra lateral esquerda.

How to Build Shop Pages
Adicionando Predefinição

Em seguida, você só precisa inserir as imagens. Você também pode alinhar a imagem e também o texto do emblema se quiser mostrar seus produtos especiais, preços ou oferecer algum desconto. E aqui você pode fazer muitas coisas com outras opções de 'Card Widget'.

How to add shop page
Adicionando imagens

Seguindo o mesmo processo, você pode adicionar seus outros itens. Jeans, camiseta, etc.

Total Items 1
Vista completa

Etapa quatro: duplicando a seção inteira

Você pode duplicar toda a sua seção para minimizar o incômodo. Portanto, você só precisa adicionar a predefinição, título, imagens, emblema, descrição e texto do botão, etc.

Para fazer isso, siga a captura de tela abaixo: -

How to Build Shop Pages
Itens completos de moda masculina

Etapa final: criar outras seções

Você pode criar as outras seções apenas seguindo o mesmo processo. Você só precisa duplicar as seções. Como resultado, a parte duplicada aparecerá abaixo da seção principal.

Em seguida, arraste-o para a parte desejada. É isso.

How to Build Shop Pages
Página completa da loja

Para ter uma ideia completa, confira a documentação do 'Card Widget' do Happy Elementor Addons

Você também pode verificar o vídeo a seguir para obter uma visão clara: -

Vídeo do widget de cartão

Palavras finais

Uma página de loja ou página de produto otimizada é um exemplo de site de comércio eletrônico ideal. Hoje em dia, os clientes querem um serviço adequado, único e de qualidade. Então você como empresário, tem que prestar um serviço de qualidade tanto fisicamente quanto virtualmente também.

No entanto, o 'Card Widget' do Happy Elementor Addon é um widget incrível. Com este widget, você pode fazer designs lucrativos e outras coisas legais. Nós tentamos o nosso melhor para mostrar o caminho mais fácil para que você possa criar uma página de loja para sua loja online ou site.

Obtenha o Happy Elementor Addon agora!