WooCommerce é a solução de comércio eletrônico mais popular para WordPress por alguma margem. Ele possui mais de 4 milhões de instalações ativas, uma classificação de 4,6 usuários no WordPress.org, e um exército de proprietários de lojas digitais felizes e leais.
Além disso, em junho de 2019, o WooCommerce detinha cerca de 7% de todas as lojas online e 22% dos 1 milhão de sites de comércio eletrônico. As vendas de comércio eletrônico estão crescendo, então se você está olhando para abrir a loja em seu site WordPress-powered, indo com WooCommerce é uma das melhores decisões que você pode tomar.
A única pergunta que resta é: Como você pode colocar o WooCommerce em funcionamento no seu site? Para responder a essa pergunta, nós criamos um extenso tutorial do WordPress WooCommerce. Vamos a isso!
WooCommerce é gratuito para usar?
WooCommerce é um plugin de carrinho de compras de código aberto gratuito para download e uso em sites WordPress. Executar uma loja online, no entanto, não é gratuito, pois haverá custos associados com taxas de hospedagem e domínio, pelo menos, juntamente com personalizações, design, branding, marketing e custos de publicidade.
Como Instalar e Configurar o WooCommerce (em 7 passos)
Naturalmente, você precisará começar por instalar e ativar o plugin WooCommerce. Você pode fazer isso em um site WordPress novo ou existente. Nos passos seguintes, vamos orientá-lo através do processo de configuração do plugin e configuração de suas configurações.
Passo 1: Instale o Plugin
A primeira coisa que você precisa fazer é instalar o WooCommerce em seu site. Você pode baixá-lo gratuitamente do repositório do WordPress e, em seguida, enviá-lo para o seu site. Ainda mais fácil, você pode instalá-lo através do seu painel do WordPress.
Para fazer isso, acesse seu site do WordPress e navegue até Plugins > Adicionar novo. Use a barra de pesquisa para localizar “woocommerce” e clique em Instalar agora quando encontrar o plugin certo. O autor do plugin deve ser listado como Automático:
Dê ao plugin um momento para instalar. Em seguida, clique no botão Ativar:
Neste ponto, o plugin estará funcionando no seu site!
Passo 2: Acesse o Assistente de Configuração
Depois de instalar o WooCommerce, você será solicitado a percorrer um assistente de configuração. Ele é opcional, mas recomendamos que você passe por ele para configurar algumas configurações de teclas.
A primeira página do assistente de configuração do WooCommerce deve ficar assim:
Aqui, o WooCommerce irá pedir para introduzir algumas informações básicas sobre a sua loja. Isso inclui seu endereço, que moeda você gostaria de usar, e se você planeja vender produtos digitais ou físicos (ou ambos).
Tenha em mente que qualquer coisa que você definir aqui (ou ao longo do resto do assistente de configuração) pode ser alterado mais tarde em suas configurações do WooCommerce, se necessário. Por enquanto, o próximo passo em nosso tutorial do WooCommerce 2019 é selecionar Let’s Go.
Passo 3: Escolha os Seus Processadores de Pagamento
Na página seguinte, pode decidir quais os pagamentos que irá activar para a sua loja online. Por padrão, você pode usar o Stripe e/ou o PayPal, juntamente com pagamentos offline, como cheques e dinheiro:
Basta selecionar as opções que você gostaria de usar, e o WooCommerce irá configurá-las. Você também pode usar extensões para adicionar mais processadores de pagamento à sua loja, sobre os quais falaremos mais tarde. Na Kinsta, somos grandes fãs do Stripe.
Leitura recomendada: Como prevenir e reduzir a fraude com cartão de crédito em 98% usando o Stripe Radar
Usando o Square? Confira nosso post no blog de comparação em profundidade: Stripe vs Square.
Passo 4: Configure suas Opções de Envio
A seguir, encontrará o ecrã de Envio:
Aqui, você pode decidir quanto os clientes serão cobrados pelo envio. Você pode definir uma tarifa para sua zona preferida, e outra para clientes que estão em outros locais. Se preferir, você também pode oferecer frete gratuito para um ou ambos os grupos.
Passo 5: Revisão dos Add-Ons Opcionais
Neste ponto, você já configurou todos os conceitos básicos para a sua loja online WooCommerce. A próxima página do assistente de configuração apresenta alguns add-ons opcionais:
Todas essas ferramentas podem ser úteis, embora nenhuma delas seja necessária para executar sua loja online. Sugerimos pelo menos verificar a Storefront. Este é um tema WordPress projetado especificamente para WooCommerce e pode fazer a criação de sua loja mais rápida e fácil.
Passo 6: Instale o Plugin do Jetpack (Opcional)
A tela a seguir também oferece um add-on opcional:
Jetpack é um plugin WordPress útil que oferece uma ampla gama de recursos. Isso inclui funcionalidade de segurança, várias análises e muito mais. Ele pode ser uma adição útil à sua loja WooCommerce, mas não é necessário – então cabe a você se você gostaria de instalá-lo ou não.
Passo 7: Concluir o Processo de Configuração
A sua loja WooCommerce está agora pronta para o rock and roll:
Você encontrará uma série de links úteis aqui. Você pode importar produtos para sua loja, retornar ao painel do WordPress ou editar as configurações que acabou de configurar.
No entanto, provavelmente, o que você vai querer fazer agora é começar a adicionar produtos. Para continuar seguindo nosso tutorial do WordPress WooCommerce, vá em frente e selecione Criar um produto agora.
Adicionar e Gerenciar Novos Produtos no WooCommerce
Depois de instalar o WooCommerce, você encontrará duas novas abas no menu lateral do seu painel de controle. Estes são chamados de WooCommerce (sua área de configurações gerais) e Produtos (sua área de configurações de produtos).
Para começar a configurar sua loja online, você pode seguir o link no final do assistente de configuração ou ir para Produtos > Adicionar novo. De qualquer forma, isso permitirá que você adicione seu primeiro produto, usando o editor WordPress familiar:
A primeira coisa que você vai querer fazer é criar um título e uma breve descrição do produto. Aqui está como apenas um título e uma descrição se parecem em uma visualização ao vivo:
Com isso feito, você também vai querer adicionar informações sobre seu novo produto ao WordPress. Nas próximas seções, veremos como fazer isso.
Adicionando Detalhes Chave ao Seu Produto
Se você rolar para baixo abaixo do editor de posts, você verá dois novos widgets não encontrados em posts ou páginas regulares. O primeiro é a seção de dados do Produto:
Aqui, você pode adicionar todos os tipos de detalhes sobre o seu produto. No topo, você pode selecionar se o produto é virtual ou não (o que remove a aba de envio) e se ele pode ser baixado. Então, na aba Geral, você pode entrar nos preços regulares e de venda (as vendas podem ser sensíveis ao tempo).
Se você está vendendo produtos digitais, você também terá que carregar o arquivo a ser comprado, personalizar o limite de download (deixá-lo em branco para marcá-lo como ilimitado), e definir a validade do download (deixá-lo em branco para mantê-lo disponível permanentemente):
Em seguida, na ficha Estoque, é possível administrar o estoque entrando a quantidade do produto, o status do estoque (entrada/saída de estoque) e se desejar permitir pedidos em atraso:
Além disso, você pode marcar o produto como vendido individualmente, o que significa que apenas um pode ser comprado em uma única ordem. Aqui também é onde você pode inserir o SKU (número de identificação) do produto, se você tiver um.
Há uma série de outros separadores úteis aqui também. A seção Envio permitirá que você insira o peso do item, as dimensões e a classe de envio. Na aba Produtos linkados, você pode adicionar upsells e cross-sells, enquanto Atributos permite que você descreva as características do produto.
Finalmente, na guia Avançado, você pode inserir notas de compra personalizadas, dar ao produto uma posição definida em seu menu e ativar ou desativar revisões. Se quiser, você também pode ver as extensões recomendadas na tela Obter mais opções.
Criação de Atributos e Produtos Variáveis
Como você pode ver, há uma abundância de opções para adicionar detalhes aos seus produtos WooCommerce e personalizá-los totalmente. Vamos dar uma olhada em duas das opções mais úteis na seção de dados do produto – atributos e produtos variáveis.
Os atributos são descritores chave para o seu produto e fornecem aos potenciais clientes informações importantes sobre o mesmo. Isso pode incluir a cor do item, o material de que é feito, seu tamanho ou tipo e muito mais. Se você adicionar esses detalhes ao seu produto na guia Atributos, eles aparecerão na página do produto:
Independentemente do tipo de produtos que está a vender, os atributos são úteis para comunicar características vitais de uma forma concisa. No entanto, se você também vender itens que vêm em várias opções? Para isso, você pode selecionar a opção Produto variável:
Isso lhe dará acesso a uma nova guia Variações, onde você pode criar várias versões do seu produto usando os atributos que você já atribuiu. Então, por exemplo, digamos que você ofereça uma camisa em vermelho, verde e roxo. Você pode adicionar uma variação para cada cor, depois dar a cada uma uma uma descrição, preço e assim por diante.
Os seus clientes poderão ver todas as variações disponíveis na página do produto:
Isso torna mais fácil para os visitantes ver tudo o que você tem para oferecer em um relance. Além disso, isso significa que você não precisa criar páginas de produtos separadas para variações ligeiras no mesmo item.
Personalização da descrição Breve do Produto
Abaixo do widget de dados do Produto, você também encontrará uma seção intitulada Descrição breve do Produto:
Aqui, você pode criar um slogan compacto que aparecerá abaixo do título do produto. Você pode usar essa descrição para destacar os principais benefícios do item e incorporar uma ou mais palavras-chave para ajudar os clientes a localizá-lo nas pesquisas.
Depois de personalizar os dados e a descrição do seu produto, não se esqueça de verificar também as outras opções na página do produto. Você pode adicionar tags ao seu produto, colocá-lo em uma categoria e incluir uma imagem em destaque ou até mesmo uma galeria de imagens inteira.
Aqui está o que o seu produto final pode parecer no front end:
Assim que o seu produto estiver pronto, clique em Publicar para torná-lo ao vivo no seu site. Então, você pode repetir este processo para criar produtos adicionais conforme necessário.
Gerenciando Seus Produtos WooCommerce
Você provavelmente vai incluir uma série de itens em sua loja WooCommerce, o que significa que você vai precisar de uma maneira fácil de gerenciá-los. Felizmente, você pode fazer isso através da guia Produtos em seu painel.
Por exemplo, você pode selecionar Todos os produtos para ver todos os itens atualmente listados em sua loja. Você pode adicionar, editar e excluir produtos aqui conforme necessário:
Nas outras páginas da seção Produtos, você pode visualizar as categorias de produtos, tags e atributos. Cada uma dessas páginas se parece com a página padrão de Posts do WordPress > Categorias e pode ajudá-lo a manter todo o seu inventário organizado.
Como Personalizar Sua Loja WooCommerce
No início do nosso tutorial do WooCommerce, você configurou algumas configurações básicas para a sua loja online. Há muito mais opções para jogar, no entanto, que você pode encontrar na nova guia WooCommerce.
É aqui que você pode ver ordens, cupons e relatórios, bem como personalizar as configurações e adicionar novas extensões. Vamos caminhar através de cada tela um por um.
Pedidos
Primeiro, a página de Pedidos exibe uma lista de compras recentes na sua loja:
Se você vende produtos digitais, não há muito o que fazer aqui além de ver o que foi comprado ultimamente. No entanto, se você vender produtos físicos, é aqui que você pode descobrir quais produtos você precisa para enviar e o status de seus pedidos.
Cupom
WooCommerce tem várias opções úteis para adicionar novos cupons para sua loja de comércio eletrônico. Na guia Cupom, você pode selecionar Criar seu primeiro cupom para acessar a tela de edição:
Você pode adicionar um código de cupom e descrição aqui. Em seguida, a ficha Geral permite que você edite suas informações básicas: o tipo de cupom (desconto percentual, desconto de carrinho fixo ou desconto de produto fixo), seu valor, opções de frete gratuito e sua data de vencimento:
Em Restrições de uso, você pode definir um mínimo de despesas que o cliente deve realizar para validar o cupom. Você também pode marcar a caixa para uso Individual somente se você não quiser que os clientes usem o cupom em conjunto com outras ofertas.
Você pode definir se o cupom deve se aplicar apenas a itens não-venda aqui, e também selecionar os produtos e categorias de produtos aos quais o cupom é aplicável. Finalmente, você pode até mesmo banir certos endereços de e-mail do uso do cupom.
O separador final, Limites de utilização, permite-lhe determinar quantas vezes o cupão pode ser utilizado, tanto global como por cliente. Em seguida, basta publicar seu cupom para torná-lo ativo, e deixar seus clientes saber sobre o código que eles vão precisar.
Relatórios
O WooCommerce também oferece uma poderosa funcionalidade de rastreamento integrada. Na aba Relatórios, você pode visualizar tabelas e gráficos de suas vendas, pedidos e custos de envio ao longo de diferentes períodos de tempo:
Cada gráfico pode ser limitado às vendas de um determinado produto, categoria ou cupom. Na subficha Clientes, também é possível visualizar a aquisição de clientes durante os mesmos períodos de tempo.
Por último, mas não menos importante, você será capaz de revisar seu baixo estoque, fora de estoque e a maioria dos produtos estocados na subficha Estoque. Todos estes dados podem ser exportados como uma folha CSV, se necessário.
Ajustes
É aqui que o WooCommerce fica realmente impressionante. Na tela Configurações, você pode personalizar praticamente todos os aspectos de sua loja de comércio eletrônico. Elementos como a colocação de seu separador de ‘milhares’, todo o processo de checkout, opções de e-mail, e muito mais pode ser adaptado para atender às suas necessidades.
Dentro desta seção, a guia Geral cobre as informações básicas da sua loja, incluindo sua moeda, locais de venda e opções de exibição:
Outra opção notável aqui é habilitar taxas de imposto e cálculos. Se você marcar esta caixa, você terá acesso a uma ficha de Imposto anteriormente oculta:
Aqui, você pode informar a plataforma se os preços que você inserir para seus produtos incluirão impostos ou não. No último caso, você pode ter WooCommerce calcular as taxas de imposto para você, com base no endereço de sua loja, o endereço de entrega do cliente, ou o endereço de faturamento do cliente.
Você também será capaz de configurar como os impostos serão aplicados aos custos de envio, e até mesmo determinar se eles serão arredondados. Em seguida, você pode personalizar a forma como os preços e impostos são exibidos no front end e durante o processo de checkout.
Os dados do seu produto, incluindo medidas, revisões, detalhes de estoque, métodos de download e até mesmo botões add-to-cart podem ser personalizados na guia Produtos:
O envio é onde você pode configurar suas zonas de envio e preços:
Você também pode personalizar como o frete é calculado e escolher qual será o destino padrão do frete. Também é possível restringir a disponibilidade da sua loja apenas a países específicos.
A guia Pagamentos mostra quais processadores de pagamento estão disponíveis e ativos em sua loja:
Aqui você pode habilitar e desabilitar qualquer opção de pagamento que desejar. Além disso, você encontrará links úteis para personalizar as configurações de processadores específicos.
Em seguida, Contas e Privacidade controla vários aspectos da experiência dos seus clientes:
Você pode configurar uma política de privacidade e checkout, configurar como os dados do cliente serão armazenados e retidos e muito mais.
Além disso, você tem várias opções sobre como os checkouts de clientes serão tratados. Nas seções Checkout do visitante e Criação de conta, você pode determinar se os visitantes poderão fazer pedidos como convidados (ou seja, sem entrar em uma conta).
Então, você pode decidir se eles terão a opção de fazer login e/ou criar uma nova conta durante o processo de checkout. Você pode até mesmo fornecer nomes de usuário e senhas gerados automaticamente, a fim de acelerar o processo de registro.
Na guia E-mails, você pode personalizar tudo o que for suporte ao cliente:
Na parte superior desta tela, você encontrará uma lista de notificações por e-mail que são enviadas pelo WooCommerce em resposta a disparos específicos (como um pedido sendo colocado ou cancelado). Você pode clicar em qualquer um desses e-mails para ativá-los/desativar, bem como para personalizar seu conteúdo:
Aqui você encontrará até mesmo instruções para editar os modelos de e-mail, se você se sentir confortável usando HTML. Você pode copiar o arquivo do e-mail para sua pasta temática e fazer as alterações que quiser. Em alternativa, pode criar os seus próprios modelos de e-mail personalizados.
Abaixo disso, você pode configurar algumas configurações globais para todos os e-mails enviados de sua loja WooCommerce. Isso inclui o nome e o endereço ‘de’, o texto do rodapé e até mesmo cores e fundos.
Finalmente, na guia Avançado, você pode habilitar a API REST, configurar chaves, aplicativos e ganchos web e executar outras tarefas de nível inferior:
Todas essas configurações podem ser personalizadas e alteradas sempre que você quiser, e sua loja será atualizada automaticamente.
Status
Em seguida, vamos verificar brevemente a aba Status:
Todas as suas informações de back-end podem ser encontradas aqui, como sua versão do WooCommerce/PHP/MySQL/etc., limites de tamanho, log, e muito mais.
Na subguia Ferramentas na mesma página, você pode limpar os caches do seu site para várias variáveis, limpar dados antigos e até mesmo reverter as configurações da sua loja para seus padrões
Extensões
Um dos atributos que fazem do WordPress o sistema de gerenciamento de conteúdo (CMS) mais popular do planeta é a comunidade por trás dele. Existem milhares de temas e dezenas de milhares de plugins que você pode usar para personalizar o seu site. Além disso, quase 100% deles são contribuídos pelo usuário.
Isto também se aplica ao WooCommerce, embora em menor escala. Você pode encontrar muitas ferramentas para expandir sua loja, adicionar novas opções e recursos e personalizar sua aparência na guia Extensões e em outros lugares:
Por exemplo, enquanto você pode usar WooCommerce com qualquer tema, ele pode ajudar a escolher um que é projetado para o plugin. Storefront é um ótimo lugar para começar, mas há uma abundância de outras opções em diretórios como ThemeForest:
Você também pode verificar a loja de extensão do WooCommerce, que inclui opções criadas por desenvolvedores e de terceiros:
Existem extensões para adicionar novas opções de envio à sua loja, permitindo assinaturas, personalizando o processo de checkout, integrando e-mail e marketing de mídia social e muito mais. Você também pode encontrar extensões gratuitas e pagas que permitem oferecer processadores de pagamento adicionais aos seus clientes, como Square e Amazon Pay.
Finalmente, você também vai encontrar uma abundância de plugins projetados para estender Woocommerce em uma variedade de maneiras. Só para dar um exemplo, o Braintree For WooCommerce plugin permite que você aceite todos os tipos de pagamentos em sua loja:
Em outras palavras, se você quiser ajustar algo sobre a forma como sua loja WooCommerce funciona, as chances são que você pode fazê-lo simplesmente encontrando a ferramenta certa.
Editando Modelos do WooCommerce
Entre as configurações internas do WooCommerce e as muitas extensões e plugins disponíveis para ele, você tem muita flexibilidade sobre como sua loja funciona. No entanto, se você é um usuário mais avançado e quer realizar suas próprias personalizações, um bom lugar para começar é a edição de arquivos de modelo do WooCommerce.
Isso permitirá que você ajuste a forma como os principais recursos funcionam, como os carrinhos de clientes e o processo de checkout. Por favor, note que este é um processo arriscado, especialmente se você é novo em trabalhar com temas e arquivos plugin diretamente. Antes de começar, você vai querer fazer backup do seu site apenas no caso de quaisquer alterações acidentais. Aqui está como excluir um tema com segurança.
Então, você precisará acessar seu site usando um cliente Secure File Transfer Protocol (SFTP) como o FileZilla. Localize a pasta raiz do seu site (frequentemente chamada de public_html ou com o nome do seu domínio), e navegue até wp_content/plugins/woocommerce:
Neste diretório, você encontrará uma pasta chamada templates. Abra-a, e você verá uma lista de todos os modelos que estão atualmente ativos para sua loja:
Neste ponto, você pode abrir qualquer modelo que desejar começar a fazer alterações. Por exemplo, se você quiser fazer alterações na página ‘Obrigado’ que aparece após um cliente ter feito um pedido, você pode abrir a pasta de checkout e localizar o arquivo thankkyou.php. Então você pode baixá-lo, editar ou adicionar elementos como quiser, e recarregá-lo no seu servidor.
Hospedagem WooCommerce
Quando você tem uma loja online tempo é literalmente dinheiro, e é por isso que é importante ter também um host rápido e confiável do WordPress para garantir um tempo de atividade melhor, taxas de conversão, e ROI.
WooCommerce é por vezes conhecido por desacelerar um site WordPress, especialmente em grandes instalações. Mas esse não é o caso da Kinsta. Fornecemos serviços de hospedagem gerenciada e altamente otimizada WooCommerce projetado especificamente com o desempenho em mente.
Graças à nossa infraestrutura escalável no Google Cloud Platform e a mais recente tecnologia, como o PHP 7, NGINX, MariaDB; podemos garantir que uma mudança para o Kinsta ajude a aumentar suas vendas!
“O COO entrou em contato comigo com uma solução real, em vez de um “confie em nós” que eu estava recebendo em outro lugar. Ele foi honesto e direto que foi muito animador. Após a migração, o suporte foi tratado pelo CEO, que fez algumas excelentes sugestões e ajustes que melhoraram drasticamente o desempenho. ”
– Caleb Worm, Swagway.com
Resumo
O WooCommerce é, sem sombra de dúvida, a melhor solução de e-commerce grátis para o WordPress. Do lado de fora, o plugin tem estatísticas fenomenais, mas é só quando você se aprofunda nas opções do WooCommerce e no back-end que a pura grandiosidade é realmente revelada. Alguma coisa importante que perdemos em nosso tutorial WooCommerce? Se sim, compartilhe com nós abaixo!
Também temos algo incrível para você! Passamos meses colocando juntos este guia de otimização do WooCommerce de 18 capítulos. Com uma tonelada de lições e ferramentas gratuitas sobre como você pode otimizar e crescer sua empresa de milhões de dólares!
Há alguma coisa importante que tenhamos perdido no nosso tutorial do WooCommerce? Se sim, avise-nos na seção de comentários abaixo!
Brian Jackson
Brian tem uma enorme paixão pelo WordPress, e tem utilizado há mais de uma década e até desenvolve alguns plugins premium. Brian gosta de blogs, filmes e caminhadas. Conecte-se com Brian no Twitter.
Muito bom! Adorei essas dicas. Parabéns pelo post.