Tutorial WooCommerce

Como confi gurar no Seu Site

Brian Jackson, Dezembro 17, 2019

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!

Tabela de Conteúdos

1. Como Instalar e Configurar o WooCommerce (em 7 passos)

2. Adicionar e Gerenciar Novos Produtos no WooCommerce
3. Como Personalizar Sua Loja WooCommerce
4. Editando Modelos do WooCommerce
5. Hospedagem WooCommerce
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.
Support

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.

Important
Nos esforços para se manter atualizado e oferecer a melhor experiência, o
WooCommerce 3.7 e superior agora requer um mínimo de WordPress 4.9 e PHP 5.6.

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.

O plugin WordPress do WooCommerce

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:
 Instalando o WooCommerce

Dê ao plugin um momento para instalar. Em seguida, clique no botão Ativar:

Ativando o WooCommerce

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:

A página de configuração da WooCommerce Store

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á ativar 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:

A página Pagamento do WooCommerce

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:

A página de Envio do WooCommerce

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:
 A página WooCommerce Recomendado

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:

 A página Ativar o WooCommerce

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:
 A página WooCommerce Ready

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:
 Novo exemplo de produto WooCommerce

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:
 Título e descrição do produto WooCommerce

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:
 WooCommerce Secçã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):

WooCommerce Opções de produtos para download

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:
 Registro Inventário do WooCommerce

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:
 Produto WooCommerce com atributos

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:

A guia Variações do WooCommerce

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 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:

Produto WooCommerce com variações

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:
 O widget de descrição curta do produto WooCommerce

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:

Um produto de amostra no WooCommerce

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:

Produtos WooCommerce

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.

Aumentamos nosso tráfego em 1,187% com o WordPress. Vamos mostrar-lhe como.

Junte-se a mais de 20.000 outros que recebem nosso boletim semanal com dicas
privilegiadas do WordPress!

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:

A página Pedidos WooCommerce

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:
 Criando um cupom WooCommerce

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:

A tela Restrição de utilização

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:

A guia Relatórios WooCommerce

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:
 WooCommerce Configurações gerais

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:

WooCommerce Configurações de imposto

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:

Lutando com tempo de inatividade e problemas no WordPress? Kinsta é a solução de

hospedagem projetada para economizar seu tempo! Confira nossos recursos

Configurações dos produtos WooCommerce

O envio é onde você pode configurar suas zonas de envio e preços:

Configurações de Envio WooCommerce

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:

Configurações de pagamentos WooCommerce

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:
 Contas WooCommerce e configurações de privacidade

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:

Configurações de e-mail do WooCommerce

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:

Personalizando e-mails do WooCommerce

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:
 WooCommerce Definições avançadas

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:

A guia Status do WooCommerce

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:

A guia Extensões do WooCommerce

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:
 Uma seleção de temas do WooCommerce

Você também pode verificar a loja de extensão do WooCommerce, que inclui opções
criadas por desenvolvedores e de terceiros:

A loja de extensão WooCommerce

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:

Braintree Para WooCommerce plugin

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:
 A pasta WooCommerce no FileZilla

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:

Modelos do WooCommerce no FileZilla

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.

Planos de hospedagem WooCommerce na Kinsta

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