WooCommerce é uma das soluções mais populares para a construção de uma loja online. Ao contrário das soluções da loja online, como Shopify or BigCommerce, WooCommerce não vem com uma taxa recorrente ou custos adicionais, como as cobranças de transação cada vez que alguém compra de você.
Também, obtendo WooCommerce para funcionar é muito mais simples do que integrar um complexo software de carrinho de compras on-line ao seu site.
Na verdade, você pode adicionar e configurar WooCommerce em seu site sozinho - sem qualquer habilidade de codificação ou a necessidade de contratar um desenvolvedor. E é exatamente isso que vou mostrar a você neste WooCommerce para guia de iniciantes.
Neste curso WooCommerce tutorial, você aprenderá como:
- Instale e configure WooCommerce e abra sua loja online
- Escolha o gratuito/premium certo WordPress WooCommerce tema e extensões para levar sua loja para o próximo nível
Navegação
- Etapa # 1: coisas para ficar prontas antes de começar
- Passo #2: Instalar e configurar WooCommerce Configurações
- Passo #3: Como adicionar produtos ao WooCommerce?
- Etapa 4: Escolher um tema de comércio eletrônico
- Etapa # 5: WooCommerce extensões – gratuitas e premium
- Embrulhar
Lista de ferramentas
- Plataforma - WordPress.org
- Registrador de domínio - Name Cheap
- Host da web - Bluehost, Hostgator, InMotion
- WooCommerce tema (grátis) – Storefront, coração
- WooCommerce tema (pago) – Lojista, Aurum, Caminhante
- Ramal lidar com o abandono do carrinho - Carrinho Abandonado Lite, Recuperar carrinho abandonado
- Ramal adicionar filtragem de produto - WOOF, WooCommerce Filtro de produtos
- Ramal controle de remessa e descontos - Recursos de cupom estendido, Preços e descontos dinâmicos, remessa avançada
Divulgação FTC: WHSR recebe taxas de referência de ferramentas listadas neste site. Mas, as opiniões são baseadas em nossa experiência e não em quanto eles pagam. Nosso foco é ajudar pequenas empresas e indivíduos a construir sites como um negócio. Por favor, apoie nosso trabalho e saiba mais em nosso ganhando divulgação.
Etapa 1: antes de começar, compre um nome de domínio e hospedagem
Se você já escolheu um nome de domínio e hospedagem e instalou WordPress, vá para a etapa de escolha de um tema.
Caso contrário, compre um nome de domínio de Namecheap e vá para um barato WordPress hospedagem.
Nota:
Indo para um gerenciado WordPress hospedagem significa que o provedor de hospedagem cuidará da manutenção, atualizações e segurança do seu site. Ao escolher um host confiável como o Bluehost, você pode esquecer esses problemas.ssles e concentre-se exclusivamente no lado comercial de sua loja.
Bluehost vem com um WordPress+WooCommerce hospedagem também, mas eu não recomendaria ir agora, pois será um pouco caro para o seu bolso em $ 12.95 / mês, enquanto o hospedagem web simples custa apenas $ 3.49 / mês.
(Você pode verificar o meu completo Revisão Bluehost antes de se inscrever. Além disso, Hostgator e a InMotion são dois provedores de hospedagem gerenciada mais econômicos que você pode escolher com segurança.)
OK…
Assim, depois de escolher um nome de domínio e hospedagem, você precisa:
- Instale o WooCommerce plug-in e defina suas configurações
- Escolha um lindo tema para a loja online
- Adicione um monte de grátis ou premium WooCommerce addons
Passo #2: Instalando WooCommerce e definindo suas configurações
Para começar a construir sua loja online, primeiro faça o download WooCommerce e ative-o em seu WordPress site.
Assim que você ativar WooCommerce, você deve ver sua página de configurações.
Clique no Vamos! botão.
Se não quiser concluir essas configurações agora, você pode acessá-las novamente via WooCommerce > Configurações.
Então … WooCommerce a configuração começa com a adição das seguintes 4 páginas ao seu site (WooCommerce adiciona essas páginas por conta própria, você não precisa fazer nada):
- Loja
- Carrinho
- Finalizar compra
- Minha Conta
Clique em Continuar para prosseguir para o próximo passo.
Para o próximo passo, WooCommerce pede que você adicione as informações da sua loja como:
- ENDEREÇO
- Moeda
- Unidades de produto (como você medirá seu produto - kg, lbs, quantidade simples em dígitos, etc.)
- Unidades de dimensão do produto
Preencha todos esses detalhes e clique em Continuar:
WooCommerce solicitará que você insira suas preferências de frete e impostos. Marque se aplicável; clique Continuar.
Na etapa final de configuração, você precisa escolher as diferentes formas pelas quais permitirá que seus usuários paguem. WooCommerce suporta PayPal, Stripe, cheque, transferência bancária e métodos de pagamento contra entrega (COD).
Escolha as opções aplicáveis e clique em Continuar.
Com a configuração das opções de checkout, você concluiu a configuração WooCommerce.
Agora você precisa começar a adicionar produtos à sua loja.
Então, na próxima tela, clique no Crie seu primeiro produto! opção.
Passo #3: Adicionando produtos ao WooCommerce
WooCommerce oferece um editor muito semelhante ao seu editor de postagens para adicionar produtos. Adicione o título e a descrição do produto da mesma forma que adicionaria uma postagem e seu conteúdo real. Depois de adicionar o conteúdo do produto, você precisa definir as configurações restantes do produto.
Vejamos cada uma dessas configurações em detalhes:
1. Geral
Aqui, você tem o campo para listar o preço do produto. Você também tem um campo opcional para adicionar um preço de venda.
Outro recurso bacana é que você pode optar por mostrar o preço de venda entre datas específicas, o que significa que você pode automatizar o processo de lançamento e fechamento de uma oferta. Você também pode definir o preço de atacado em WooCommerce se você considerar a venda para clientes de varejo e atacado.
2. Inventário
A opção de inventário permite adicionar detalhes de inventário como SKU do produto, status do estoque e muito mais.
Se você está se perguntando o que SKU significa ... bem ... é uma fórmula exclusiva do vendedor para nomear um tipo de produto.
Shopify dá um definição fácil de entender de SKU. Diz:
Um SKU é um código exclusivo que consiste em letras e números que identificam as características de cada produto, como fabricante, marca, estilo, cor e tamanho.
Aqui está um exemplo Shopify partes:
Um SKU para um par de botas Ugg roxas no estilo Bailey Bow, tamanho 7 pode ser algo assim: UGG-BB-PUR-07.
Basicamente, você precisa criar um formato para nomear seu produto.
Se você estiver vendendo calças de ioga em 3 cores diferentes, seu SKU pode ser assim:
YO-PA-VERMELHO
YO-PA-VERDE
YO-PA-AMARELO
Você entendeu a ideia, certo?
Agora, tenho certeza de que seu produto não é tão fácil de nomear como o exemplo que peguei. Então, para ajudá-lo melhor, eu desenterrei este gerador SKU gratuito da TradeGecko (requer inscrição).
… De volta ao WooCommerce configurações do produto:
Após o campo SKU, a segunda opção no Estoque seção é escolher se WooCommerce deve gerenciar o estoque do produto.
Quando você ativa o Gerenciar estoque? provisão, 2 campos adicionais aparecem:
- Quantidade em estoque
- Permitir pedidos em atraso
Aqui, tudo o que você precisa fazer é especificar o número de unidades que você possui para um produto. Com esta informação, WooCommerce será capaz de entender quando você está fora de estoque.
Se você ficar sem estoque, você pode definir WooCommerce para:
Aceite um pedido em espera (um pedido em espera é um pedido de um produto fora de estoque).
Faça um pedido em espera e notifique o cliente sobre o status do estoque (diga ao cliente que você reservou o pedido, mas o produto está fora de estoque e que você enviará quando estiver disponível).
Pare de receber pedidos de produtos fora de estoque.
Em seguida é o Status de estoque campo. Use-o para definir a disponibilidade de um produto.
E a ultima preferência vendidos individualmente informa ao usuário que ele só pode comprar uma cópia do referido produto.
3. Remessa
O Envios seção é bastante simples. Aqui, você só precisa especificar o peso, as dimensões e a classe de um produto.
O valor no Classe de envio de um produto ajuda no cálculo das taxas de envio. Portanto, se você vende produtos que podem ser facilmente categorizados em classes como volumoso, moderado e leve, esses três se tornarão suas classes de remessa.
Depois de especificar uma classe de envio, você pode facilmentessoCite um método de envio para ele. Por exemplo, você pode escolher um método de frete de taxa fixa para itens na classe de frete leve. Muitos plug-ins de calculadora de taxa de remessa também usam o valor das classes de remessa para determinar as taxas de remessa, portanto, tente definir as classes de remessa adequadas.
Você pode ler mais sobre WooCommerce Remessa aqui e a aqui.
4. Produtos vinculados
O Produtos Associados As seções permitem que você faça up-sells, cross-sells e promova o produto groups em sua loja.
Up-sells: Fazer um up-sell significa recomendar um produto um pouco melhor do que o produto que o usuário está verificando no momento.
Por exemplo, se um usuário estiver olhando para um fone de ouvido de $ 45, em sua seção de upsell, você deve recomendar um fone de ouvido de $ 60.
Venda cruzada: Fazer uma venda cruzada significa sugerir um item relacionado ao item que o usuário está fazendo check-out.
Por exemplo, se alguém está olhando para um planejador mensal, em sua seção de venda cruzada, você deve recomendar planejadores diários e anuais. (Aqui está a diferença entre upselling e vendas cruzadas.)
Agrupamento: No agrupamento, você agrupa produtos relacionados e os oferece em um pacote. Portanto, se você vende equipamento fotográfico, agrupará itens como tripé, bolsa para câmera, cartões SD e muito mais e oferecerá esse grupo aos seus usuários.
5. Atributos
WooCommerce permite adicionar atributos de produto personalizados para descrever melhor seu produto.
Por exemplo, se você vende blocos de notas de escritório, convém adicionar o número de páginas como um atributo personalizado.
6. avançado
O Advanced seção permite que você adicione uma nota de compra personalizada para o comprador.
Agora que você entende o básico de como WooCommerce funciona, vamos ver como você pode escolher o tema certo para sua loja.
Passo #4: Escolhendo um WordPress tema de comércio eletrônico
Agora, uma grande quantidade de WordPress temas 'apoiar' WooCommerce.
Mas todos esses temas não necessariamente fazem bonito WordPress lojas.
Sim, eles trabalham com WooCommerce, então você poderá adicionar produtos e tudo, mas, na minha experiência, esses temas parecem bastante estranhos.
Para garantir que sua loja tenha uma ótima aparência, você precisa escolher um Comércio Eletrónico WordPress tema e não um apenas outro WordPress tema compatível com WooCommerce.
WordPress tema para ecommerce
Aqui estão 2 desses temas gratuitos:
# 1. Vitrine
Com mais de 80,000 instalações ativas, o Storefront é um dos aplicativos mais baixados WordPress temas de comércio eletrônico. Vem do mesmo time que está atrás WooCommerce, então você pode esperar WooCommerce e Storefront funcionem juntos como mágica.
A página inicial da vitrine exibe lindamente as categorias de produtos, os produtos em promoção e os mais bem avaliados e as listas de produtos em destaque.
Além de ser responsivo, o Storefront também suporta a linguagem de marcação de esquema conhecida por melhorar o SEO.
# 2. Coeur
Coeur é outra linda WordPress Tema de comércio eletrônico. Ele oferece uma grande área principal na página inicial que pode ser usada para apresentar um produto. Além disso, vem com 3 skins elegantes: Classic, Flat e Material.
Nas configurações de Coeur, se você definir a página inicial como a página da loja, suas listas de produtos serão exibidas de maneira bonita na página inicial da loja.
As páginas de produtos da Coeur são lindas e facilitam a compra:
Este tema suporta 3 widgets no rodapé (também possui uma barra lateral com widgets). Você pode usar qualquer um dos WordPress WooCommerce widgets para adicionar a estas áreas:
Esses são dois ótimos temas gratuitos. Mas porque eles são gratuitos, eles não têm os sinos e assobios de um premium WooCommerce tema.
Prêmio bonito WooCommerce temas
Vamos agora olhar para 4 lindos WooCommerce temas que você pode comprar:
# 1. Lojista
O Shopkeeper é um tema de comércio eletrônico bem pensado que inclui diversos recursos que podem cobrar centenas de dólares se você tiver que comprar plug-ins premium individuais para eles.
Características chave:
- Vender produtos externos / afiliados (se você não tem seus próprios produtos para vender, mas deseja endossar produtos de outros sites, pode usar este recurso).
- Sistema embutido de rastreamento de pedidos
- Calculadora de envio embutida
- Funcionalidade embutida de taxas / avaliações
- Filtros de produto avançados
- Lista de desejos
Além desses recursos, o Shopkeeper também tem modelos de páginas de produtos impressionantes para produtos que têm variações, podem ser baixados, afiliados, em falta ou à venda. O lojista tem até 9 layouts de página inicial.
Outro recurso adorável que este tema oferece são os modelos de banner. O lojista oferece um conjunto elegante de banners prontos para usar. Esses banners podem ser personalizados e adicionados em qualquer lugar de sua loja.
Este tema vendeu mais de 10,000 cópias e é um roubo absoluto de $ 59.
# 2: Aurum - Tema de compras minimalista
Aurum é um elegante WooCommerce tema de compras que vem com dois plug-ins premium (Visual Composer avaliado em $ 34 e Layer Slider avaliado em $ 18). O compositor visual ajuda a tornar o Aurum mais personalizável e, com o Layer Slider, você pode adicionar controles deslizantes em negrito em qualquer lugar da sua loja.
Aurum oferece 4 layouts de página inicial elegantes. Todos parecem ótimos, mas adorei a segunda opção (V2):
O design da página do produto também é bonito:
O recurso de carregamento lento de Aarum ajuda a acelerar o tempo de carregamento da sua loja. Com o carregamento lento, são carregadas apenas as imagens de um site que estão na área de visualização do visitante. As imagens abaixo desta área são carregadas apenas conforme o visitante rola.
Aurum vem com cerca de 50 códigos de acesso que você pode usar em combinação com o compositor visual e projetar sua loja como desejar.
Aurum custa $ 59
#3: Walker – Um Trendy WooCommerce Tema
Walker é refrescante WooCommerce que vem com 9 layouts de página inicial brilhantes (além do layout padrão). Eu particularmente amo o Casual, elegante, alvenaria e urbano versões.
Honestamente, quando vi a demonstração, foi difícil escolher um em vez do outro porque cada um é incrivelmente bonito.
As páginas Check-out, Carrinho, Lista de desejos e rastreamento de pedidos estão ótimas.
Quando você olha para os tipos de produtos suportados por este tema, você percebe quanto tempo os fabricantes de temas podem realmente ter dedicado ao planejamento deste tema. Você tem designs especiais para páginas de produtos que estão à venda ou fora de estoque. Da mesma forma para aqueles que vêm com opções.
Você também tem uma página especial para produtos que você endossa (e não vende diretamente).
Esta equipa consegue a pontuação máxima no que diz respeito à aparência e elegância. Basta combiná-lo com algumas extensões premium e você poderá oferecer aos seus visitantes uma experiência de compra de classe mundial.
Walter é uma boa pechincha por $ 59.
#4: WonderShop – WooCommerce tema focado em mobile UX
Mais da metade dos internautas já faz compras em dispositivos móveis e o número cresce a cada dia.
Eu tentei o tema WoonderShop no celular para ver se é realmente tão bom quanto o anunciado. ja vi muitos temas autores alegando compatibilidade com dispositivos móveis, mas muito poucos temas realmente oferecem uma experiência móvel adequada.
Eu brinquei tentando recriar um comportamento de compra típico e, acredite ou não, fiquei agradavelmente surpreso. WoonderShop oferece!
Quando você está no fundo da loja, há uma navegação pegajosa com o carrinho de compras, sempre disponível. Quando você deseja pesquisar um produto, existe uma pesquisa de sugestão automática que o ajuda a encontrar produtos mais rápido e melhor. Quando você adiciona um produto ao carrinho de compras, ele se abre e fornece um bom feedback de que sua ação foi bem-sucedida. Quando quiser filtrar os produtos, você encontrará filtros otimizados para celular, atualizando a lista de produtos em tempo real.
A navegação geral no WoonderShop é fácil e intuitiva. Os autores fizeram um ótimo trabalho ao implementar práticas de navegação UX estabelecidas nas maiores lojas online do mundo.
Além do UX móvel, o tema WoonderShop também é uma boa escolha para especialistas em comércio eletrônico para quem taxa de conversão otimização (CRO) significa algo.
Alguns hacks de conversão interessantes que encontrei são:
- Check-out sem distração (o que resulta em menor taxa de rejeição no check-out)
- Contagem regressiva de urgência (que "ajuda" os compradores a tomarem suas decisões mais rapidamente)
ProteusThemes, o autor de WoonderShop, é um player bem conhecido no WordPress ecossistema com mais de 33,000 clientes, então a reputação está do lado deles.
Não perca a grande quantidade de visitantes móveis com um tema parcialmente criado e, em vez disso, converta-os em compradores com o WoonderShop.
WoonderShop custa US $ 79, mas oferece um teste gratuito de 7 dias.
Etapa # 5: Gratuito e premium WooCommerce extensões
WooCommerce se destaca como um mecanismo de loja de compras. Mas ao começar a vender... você perceberá que precisa de mais funcionalidade em sua loja.
Por exemplo, você pode querer:
- Permita que os clientes calculem os custos de envio antes de fazer um pedido
- Ofereça preços e cupons dinâmicos
- Acompanhe os compradores que não concluíram a compra.
Etc.
Infelizmente, esses recursos não estão integrados WooCommerce. Para estes, você terá que usar grátis ou premium WooCommerce extensões. Abaixo, estou recomendando vários complementos para adicionar algumas das funções mais importantes que você precisará em sua loja.
WooCommerce extensões para lidar com abandono de carrinho
Uma instância de abandono de carrinho é aquela em que um cliente adiciona itens ao carrinho, mas não conclui a compra. De acordo com Instituto Baymard, 67.45% dos carrinhos de compras online são abandonados.
Para recuperar a possível perda de receita decorrente do abandono do carrinho, uma tática muito eficaz é entrar em contato com esses compradores e incentivá-los a retornar à loja e concluir a compra. WooCommerce não possui nenhuma funcionalidade integrada para lidar com instâncias de abandono de carrinho, mas aqui estão alguns ótimos plugins que podem ajudar:
#1: Carrinho abandonado Lite para WooCommerce
Este plug-in permite enviar lembretes por e-mail aos seus clientes ou usuários convidados que adicionaram produtos ao carrinho, mas não concluíram a compra.
Carrinho Abandonado Like for WooCommerce afirma que pode ajudá-lo a economizar até 30% de suas vendas perdidas. Ele vem com um modelo pronto para uso que você pode personalizar com valores como nome do cliente e informações do carrinho de produtos com um link para o carrinho abandonado.
Este plugin é versão PRO fornece 3 modelos e permite que você comece a enviar e-mails de lembrete dentro de minutos de uma instância de abandono do carrinho; na versão gratuita, você só pode enviar lembretes depois de uma hora.
Mas o recurso realmente legal é que ele permite que você dê cupons e descontos no e-mail de lembrete. Um lembrete por e-mail com um desconto é 100% mais poderoso do que um sem ele, porque uma oferta de desconto dá ao usuário um incentivo para agir rápido.
Preço: $ 119
# 2: WooCommerce Recuperar carrinho abandonado
WooCommerce O plug-in Recover Abandoned Cart faz todas as coisas que o plug-in acima faz e muito mais.
Além de enviar uma série de lembretes automáticos por e-mail (com descontos e cupons), WooCommerce O plug-in Recover Abandoned Cart também permite que você busque o número de telefone de um usuário para acompanhá-lo manualmente.
Você também pode monitorar o desempenho de seus e-mails de acompanhamento com o recurso de relatório deste plugin.
Preço: $ 49
WooCommerce extensões para adicionar filtragem avançada de produtos
A maioria dos nichos oferece aos clientes muitas opções. Por exemplo, se você administra uma loja de roupas, talvez queira permitir que seus clientes filtrem produtos usando valores como cores, tamanhos, materiais, marcas e muito mais. Por padrão, WooCommerce não suporta filtragem avançada. Aqui estão alguns plugins que podem adicionar esse recurso à sua loja:
# 1: WooCommerce Filtro de Produtos (WOOF)
WOOF é um ótimo plugin gratuito para adicionar filtros básicos à sua loja online.
A versão premium deste plugin desbloqueia mais filtros como cores, rótulos, listas suspensas, caixas de seleção e muito mais. Além disso, a versão premium inclui análises, para que você possa ver as especificações do produto que seus usuários estão procurando ativamente e solicitar mais desses produtos.
Confira a demonstração aqui. A versão premium custa $ 30
# 2. WooCommerce Filtro de produtos
Este plugin permite que você ofereça opções de filtragem personalizadas aos seus visitantes, permitindo que eles procurem produtos super-rápidos. Com este plugin, seus visitantes poderão filtrar seus produtos com base em seus atributos como cor, tamanho, disponibilidade, faixa de preço e muito mais.
Você pode exibir esses filtros usando vários layouts impressionantes. Gosto especialmente dos layouts de barra lateral, tela inteira e alvenaria do plugin.
WooCommerce O filtro de produtos também oferece suporte a dicas de ferramentas, para que você possa oferecer informações adicionais quando os usuários hover sobre qualquer opção/valor de filtragem. Mais, WooCommerce O Filtro de Produtos fornece uma análise aprofundada dos filtros que seus clientes usam rotineiramente. Essas informações podem fornecer mais informações sobre o que seus clientes desejam.
Preço: $ 35
WooCommerce extensões para controlar frete, preços e descontos
Como você viu na seção acima sobre WooCommerce configuração do produto, WooCommerce fornece apenas configurações limitadas para precificar e enviar produtos. Mas você pode adicionar preços avançados e regras de envio com os seguintes complementos:
# 1. WooCommerce Recursos de cupom estendido
WooCommerce cupom estendido é um plugin gratuito que permite definir as condições em que os cupons são adicionados automaticamente ao carrinho do comprador. Você pode usá-lo para definir regras como: Dê ao comprador 5% de desconto se o valor do carrinho for maior que $ 500 ou alguma coisa.
# 2: WooCommerce Preços e descontos dinâmicos
Este plug-in introduz um nível totalmente novo de controle para precificar seus produtos. Este plugin permite que você defina combinações ilimitadas de regras para um desconto usando valores como o subtotal do carrinho, número de itens no carrinho e muito mais.
Por exemplo, você pode definir uma regra como esta: “Compre entre 2 e 5 unidades ganhe 10% de desconto, compre pelo menos 6 e ganhe 20% de desconto”
Você também pode dar brindes. Por exemplo: “Moldura grátis com cada imagem comprada”
Para apressar os usuários a comprar, você pode até mostrar a validade da oferta promocional (as datas de início e término) para impulsionar as vendas.
WooCommerce Preços e descontos dinâmicos também podem ser usados para executar um programa de fidelidade do cliente, onde você pode oferecer descontos maiores e maiores para clientes fiéis.
Preço: $ 29
# 3: WooCommerce Envio Avançado
Quando se trata de configurações de envio, novamente, WooCommerce apenas oferece algumas opções muito básicas, como oferecer uma taxa fixa ou frete grátis.
Se você quiser mais controle sobre suas taxas de envio, você deve obter WooCommerceEnvio avançado de. Este plug-in permite adicionar vários métodos de cálculo de taxa de envio ao seu site.
Você pode usar propriedades como peso, volume, status de estoque, local de entrega e muito mais para criar taxas de envio personalizadas. Você também pode usá-lo para oferecer frete grátis quando o valor do carrinho exceder algum valor predefinido e quando o pedido for enviado para uma região específica, ou definir custos de frete com base em porcentagem.
saiba mais sobre o plugin. Preço: $ 17
Embrulhando-o…
WooCommerce é uma ótima solução para abrir uma loja online, mas você pode torná-la 100% mais poderosa combinando-a com um tema de fácil conversão e algumas extensões. Espero que este post dê toda a orientação que você precisa para começar.
Desejo a você muitas vendas em sua loja!
Se você está procurando alternativas para sua loja online, aqui estão os melhores construtores de lojas online você pode conferir.
