WooCommerce Tutorial - Como configurá-lo em seu Website (Passo a Passo)

WooCommerce é a solução de comércio eletrônico mais popular para WordPress por alguma margem. Possui mais de 4 milhões de instalações activas, uma classificação de 4,6 utilizadores no WordPress.org, e um exército de felizes e leais proprietários de lojas digitais.

O que é mais, a partir de Junho de 2019, o WooCommerce potencia cerca de 7% de todas as lojas online e 22% dos primeiros 1 milhão de sites de comércio electrónico. As vendas de comércio eletrônico estão em alta, então se você está procurando abrir uma loja no seu site com WordPress, ir com WooCommerce é uma das melhores decisões que você poderia tomar.

A única questão que resta é: Como você pode colocar o WooCommerce em funcionamento no seu site? Para responder a isso, nós montamos um extenso tutorial do WordPress WooCommerce. Vamos saltar para a direita!

O WooCommerce é grátis para usar?

WooCommerce é um plugin de código aberto para download e uso em sites do WordPress. A administração de uma loja online, no entanto, não é gratuita, pois haverá custos associados com hospedagem e taxas de domínio, pelo menos, juntamente com personalizações, design, branding, marketing e custos de publicidade.

Suporte

Como instalar e configurar o WooCommerce (Em 7 Passos)

Naturalmente, você precisará começar instalando e ativando o plugin do WooCommerce. Você pode fazer isso tanto em um site WordPress novo ou já existente. Nos passos seguintes, nós o acompanharemos através do processo de configuração do plugin e configuração de suas configurações.

Importante

No esforço de manter-se atualizado e oferecer a melhor experiência, 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ê precisará fazer é instalar o WooCommerce no seu site. Você pode baixá-lo gratuitamente do repositório WordPress e, em seguida, carregá-lo em seu site. Ainda mais fácil, você pode instalá-lo diretamente através do seu painel do WordPress.

O plugin WooCommerce WordPress

Para fazer isso, acesse seu site WordPress e navegue até Plugins > Adicionar Novo. Use a barra de busca para localizar “woocommerce”, e clique em Install Now quando encontrar o plugin certo. O autor do plugin deve ser listado como Automattic:

Installing WooCommerce

Dê um momento para instalar o plugin. Depois, clique no botão Activate:

Activando o WooCommerce

Neste momento, o plugin estará instalado e a funcionar no seu website!

Passo 2: Aceda ao Setup Wizard

Depois de instalar o WooCommerce, ser-lhe-á pedido que passe por um assistente de configuração. É opcional, mas recomendamos passar por ele para configurar algumas configurações chave.

A primeira página do assistente de configuração do WooCommerce deve se parecer com isto:

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

Aqui, o WooCommerce está solicitando que você digite algumas informações básicas sobre sua loja. Isso inclui seu endereço, qual moeda você gostaria de usar e se você planeja vender produtos digitais ou físicos (ou ambos).

Cuidado que qualquer coisa que você definir aqui (ou durante o resto do assistente de configuração) pode ser alterada posteriormente em suas configurações do WooCommerce, se necessário. Por enquanto, o próximo passo em nosso tutorial de WooCommerce 2019 é selecionar Let’s Go.

Passo 3: Escolha Seus Processadores de Pagamento

Na próxima página, você pode decidir quais pagamentos você vai habilitar para sua loja online. Por padrão, você pode usar Stripe e/ou PayPal, juntamente com pagamentos offline como cheques e dinheiro:

A página Pagamento WooCommerce

Simplesmente selecione 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. No Kinsta, somos grandes fãs do Stripe.

Leitura recomendada: Como Prevenir e Reduzir a Fraude com Cartões de Crédito em 98% Usando Radar Stripe

Usando Square em vez disso? Confira o nosso blog de comparação aprofundada post: Stripe vs Square.

Passo 4: Configure Suas Opções de Envio

Próximo, você encontrará a tela 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 taxa para sua zona preferida, e outra para os clientes que estão em outras localidades. Se você quiser, você também pode oferecer frete grátis para um ou ambos os grupos.

Passo 5: Revisão Add-Ons Opcionais

Neste ponto, você configurou todas as bases para a sua loja online WooCommerce. A página seguinte do assistente de configuração apresenta-lhe alguns complementos opcionais:

A página Recomendada do WooCommerce

Todas estas ferramentas podem vir a ser úteis, embora nenhuma delas seja necessária para gerir a sua loja online. Sugerimos que pelo menos verifique a Storefront. Este é um tema WordPress concebido especificamente para o WooCommerce e pode tornar a configuração da sua loja mais rápida e fácil.

Passo 6: Instale o Plugin Jetpack (Opcional)

A tela seguinte também oferece um add-on opcional:

A página Activar o WooCommerce

Jetpack é um prático plugin WordPress que oferece uma vasta gama de funcionalidades. Isto inclui funcionalidades 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 – por isso cabe a você instalá-lo ou não.

Passo 7: Complete o Processo de Configuração

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 seu painel do WordPress ou editar as configurações que você acabou de configurar.

Possivelmente, no entanto, 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 Create a Product now.

Adding and Managing New Products in WooCommerce

Depois de instalar o WooCommerce, você encontrará duas novas abas no menu lateral do seu painel de controle. Estas são chamadas WooCommerce (sua área de configurações gerais) e Products (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 Products > Add New. De qualquer forma, isto irá permitir-lhe adicionar o seu primeiro produto, usando o conhecido editor WordPress:

Novo exemplo de produto WooCommerce

A primeira coisa que vai querer fazer é criar um título e uma breve descrição do produto. Aqui está como se parece apenas um título e uma descrição em um preview ao vivo:

WooCommerce título e descrição do produto

Com isto feito, você também vai querer adicionar informações sobre o seu novo produto ao WordPress. Nas próximas seções, veremos como fazê-lo.

Adicionando detalhes-chave ao seu produto

Se você rolar abaixo do editor de posts, verá dois novos widgets não encontrados em posts ou páginas regulares. O primeiro é a seção de dados do Produto:

WooCommerce 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 guia Shipping) e se ele pode ser baixado. Depois, na guia Geral, você pode entrar nos preços normais e de venda (as vendas podem ser sensíveis ao tempo).

Se estiver a vender produtos digitais, também terá de carregar o ficheiro a comprar, personalizar o limite de download (deixe-o em branco para o marcar como ilimitado), e definir o prazo de validade do download (deixe-o em branco para o manter disponível permanentemente):

WooCommerce Opções de produtos para download

Nexterior, na guia Inventário, você pode gerenciar seu estoque entrando na quantidade do produto, status do estoque (dentro/fora do estoque), e se você quiser permitir pedidos em atraso:

Guia Inventário WooCommerce

Adicionalmente, você pode marcar o produto como vendido individualmente, o que significa que apenas um pode ser comprado em uma única encomenda. Aqui também pode introduzir o SKU (número de identificação) do produto se tiver um.

Existem também aqui vários outros separadores úteis. A secção de Envio irá permitir-lhe introduzir o peso, dimensões e classe de envio do artigo. Na aba Linked Products, você pode adicionar upsells e cross-sells, enquanto Attributes permite que você descreva as características do produto.

Finalmente, na aba Advanced, você pode inserir notas de compra personalizadas, dar ao produto uma posição definida no seu menu, e ativar ou desativar reviews. Se quiser, você também pode ver as extensões recomendadas na tela Obter mais opções.

Criar Atributos e Produtos Variáveis

Como você pode ver, há muitas opções para adicionar detalhes aos seus produtos WooCommerce e personalizá-los completamente. Vamos dar uma olhada de perto em duas das opções mais úteis na seção de dados do Produto – atributos e produtos variáveis.

Attributos são descritores chave para o seu produto, e eles dizem aos clientes potenciais informações importantes sobre ele. 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:

WooCommerce produto com atributos

Não importa que tipo de produtos você está vendendo, os atributos são úteis para comunicar características vitais de uma forma concisa. No entanto, e se você também vende itens que vêm em múltiplas opções? Para isso, você pode selecionar a opção Variable product option:

A guia WooCommerce Variations

Esta opção lhe dará acesso a uma nova guia Variations, onde você pode criar múltiplas versões do seu produto usando os atributos que você já atribuiu. Então, por exemplo, vamos dizer que você oferece uma camisa em vermelho, verde e roxo. Você pode adicionar uma variação para cada cor, depois dar uma descrição única, 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

Esta opção facilita aos visitantes a visualização de tudo o que você tem a oferecer num relance. Além disso, isso significa que você não precisa criar páginas separadas de produtos para pequenas variações no mesmo item.

Customizing Your Product Short Description

Atrás do widget de dados do produto, você também encontrará uma seção rotulada Product short description:

O widget de descrição curta do produto WooCommerce

Aqui, você pode criar uma tagline concisa que aparecerá abaixo do título do produto. Você pode usar esta 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 buscas.

Depois de personalizar os dados e a descrição do seu produto, não se esqueça de verificar as outras opções na página do produto também. Você pode adicionar tags ao seu produto, colocá-lo em uma categoria e incluir uma imagem em destaque ou mesmo uma galeria de imagens inteira.

Aqui está como seu produto final pode ficar no front end:

Um produto de amostra no WooCommerce

A partir do momento em que seu produto estiver pronto, clique em Publish para torná-lo vivo no seu site. Depois, você pode repetir este processo para criar produtos adicionais conforme necessário.

Gerenciar seus produtos WooCommerce

Você provavelmente incluirá um número de itens em sua loja WooCommerce, o que significa que você precisará de uma maneira fácil de gerenciá-los. Felizmente, você pode fazer isso através da guia Produtos no seu painel.

Por exemplo, você pode selecionar Todos os Produtos para ver todos os itens atualmente listados na sua loja. Você pode adicionar, editar e excluir produtos aqui conforme necessário:

WooCommerce products

Em outras páginas sob a seção Products, você pode ver suas categorias de produtos, tags e atributos. Cada uma destas páginas se parece com a página padrão do WordPress Posts > Categorias e pode ajudá-lo a manter todo o seu inventário organizado.

Como Personalizar a sua Loja WooCommerce

Anterior no nosso tutorial 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.

Cadastre-se para a Newsletter

Crescemos nosso tráfego 1.187% com o WordPress. Vamos mostrar como.

Junte 20.000+ outros que recebem nossa newsletter semanal com dicas internas do WordPress!

Inscreva-se Agora

É aqui que você pode ver pedidos, cupons e relatórios, bem como personalizar as configurações e adicionar novas extensões. Vamos caminhar por cada tela um a um.

Pedidos

Primeiro lugar, a página 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ê vende produtos físicos, aqui é onde você pode descobrir quais produtos você precisa enviar e o status das suas encomendas.

Coupons

WooCommerce tem várias opções úteis para adicionar novos cupons à sua loja de comércio eletrônico. Na aba Cupão, você pode selecionar Criar seu primeiro cupom para acessar a tela de edição:

Criar um cupom de WooCommerce

Você pode adicionar um código e descrição do cupom aqui. Depois, a guia Geral permite que você edite suas informações básicas: Você também pode marcar a caixa para Uso Individual apenas se você não quiser que os clientes usem o cupom em conjunto com outras ofertas.

Você pode definir aqui se o cupom deve ser aplicado apenas a itens não vendidos, 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 Uso, permite que você determine quantas vezes o cupom pode ser usado, tanto em geral como por cliente. Depois, basta publicar o seu cupão para o tornar activo, e informar os seus clientes sobre o código de que necessitam.

Relatórios

WooCommerce também oferece uma poderosa funcionalidade de rastreamento integrada. Na aba Relatórios, você pode visualizar gráficos e gráficos de suas vendas, pedidos e custos de envio em diferentes períodos de tempo:

Aba Relatórios WooCommerce

Cada gráfico pode ser limitado às vendas de um produto, categoria ou cupom em particular. Na subficha Clientes, você também pode visualizar a sua aquisição de clientes durante os mesmos períodos de tempo.

Próximo mas não menos importante, você será capaz de rever o seu baixo em estoque, fora de estoque, e a maioria dos produtos em estoque na subficha Estoque. Todos estes dados podem ser exportados como uma ficha CSV se necessário.

Configurações

É aqui que o WooCommerce fica realmente impressionante. Na tela Configurações, você pode personalizar praticamente todos os aspectos da sua loja de comércio eletrônico. Elementos como a colocação do separador ‘milhares’, todo o processo de checkout, opções de e-mail e muito mais podem ser adaptados para atender às suas necessidades.

Com esta 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 impostos e cálculos. Se você marcar esta caixa, você terá acesso a uma aba de Imposto anteriormente oculta:

Configurações de Imposto de WooCommerce

Aqui, você pode informar a plataforma se os preços que você entrar para seus produtos incluirão ou não impostos. Neste último caso, você pode fazer com que o WooCommerce calcule as taxas de impostos para você, com base no endereço da sua loja, no endereço de envio do cliente ou no endereço de faturamento do cliente.

Você também poderá configurar como os impostos serão aplicados aos custos de envio, e até mesmo determinar se eles serão arredondados. Então você pode personalizar a forma como os preços e impostos são exibidos no front end e durante o processo de checkout.

Os seus dados de 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:

Configuração de Produtos WooCommerce

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

Alojamento rápido e seguro para o seu novo site de comércio eletrônico? Kinsta fornece servidores rápidos e suporte de classe mundial 24 horas por dia, 7 dias por semana, por especialistas em WooCommerce. Confira nossos planos

WooCommerce configurações de envio

Você também pode personalizar como o envio é calculado, e escolher qual será o destino de envio padrão. Também é possível restringir a disponibilidade da sua loja apenas a países específicos.

O separador Pagamentos mostra-lhe quais os processadores de pagamento disponíveis e activos na sua loja:

Configurações de pagamentos do WooCommerce

Aqui pode activar e desactivar quaisquer opções de pagamento que deseje. Além disso, você encontrará links úteis para personalizar as configurações de processadores específicos.

Próximo, Contas &Privacidade controla vários aspectos da experiência de seus clientes:

Contas de privacidade de contas de wooCommerce

Contas de wooCommerce &Contas de privacidade

Você pode configurar uma política de privacidade e checkout, configurar como os dados dos clientes serão armazenados e retidos, e muito mais.

Além disso, você tem várias opções de como os checkouts dos clientes serão tratados. Sob as secções Checkout de convidados e Criação de conta, pode determinar se os visitantes poderão fazer encomendas como convidados (isto é, sem entrar numa conta).

Então, pode decidir se eles terão a opção de entrar e/ou criar uma nova conta durante o processo de checkout. Você pode até mesmo fornecê-los com nomes de usuário e senhas geradas automaticamente, a fim de acelerar o processo de registro.

Na guia E-mails, você pode personalizar todas as coisas de suporte ao cliente:

Configurações de E-mails de WooCommerce

No topo desta tela, você encontrará uma lista de notificações de e-mail que são enviadas através do WooCommerce em resposta a gatilhos específicos (tais como um pedido sendo feito ou cancelado). Você pode clicar em qualquer um desses e-mails para ativá-los/desativá-los, bem como para personalizar o conteúdo:

Customizing WooCommerce e-mails

Você encontrará até mesmo instruções aqui para editar os modelos de e-mail, se você estiver confortável usando HTML. Você pode copiar o arquivo do e-mail para sua pasta temática, e depois fazer as alterações que quiser. Alternativamente, você pode criar seus próprios modelos de e-mail personalizados.

Below que, você pode configurar algumas configurações globais para todos os e-mails enviados a partir de sua loja WooCommerce. Isso inclui o nome e endereço ‘de’, texto de rodapé, e até cores e fundos.

Finalmente, na aba Advanced você pode habilitar a API REST, configurar chaves, aplicativos e ganchos da web, e executar outras tarefas de nível inferior:

WooCommerce Advanced settings

Todas essas configurações podem ser personalizadas e alteradas quando você quiser, e sua loja será atualizada automaticamente.

Status

Próximo, vamos dar uma breve olhada na aba Status:

Aba Status do WooCommerce

Todas as suas informações de back-end podem ser encontradas aqui, como sua versão WooCommerce/PHP/MySQL/etc., limites de tamanho, logon, e muito mais.

Na subguia Ferramentas na mesma página, você pode limpar os caches do seu site para múltiplas 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 mais popular Sistema de Gerenciamento de Conteúdo (CMS) 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 do mais, quase 100% deles são contribuídos por usuários.

Isso também se aplica ao WooCommerce, embora em uma escala menor. Você pode encontrar muitas ferramentas para expandir sua loja, adicionando novas opções e recursos, e personalizar sua aparência na aba Extensões e em outros lugares:

Aba WooCommerce Extensões

Por exemplo, enquanto você pode usar o WooCommerce com qualquer tema, ele pode ajudar a escolher um que seja projetado para o plugin. Storefront é um ótimo lugar para começar, mas há muitas outras opções em diretórios como ThemeForest:

Uma seleção de temas de WooCommerce

Você também pode conferir a loja de extensões do WooCommerce, que inclui tanto opções criadas por desenvolvedores quanto por terceiros:

A loja de extensão WooCommerce

Há extensões para adicionar novas opções de envio à sua loja, permitindo assinaturas, personalizando o processo de checkout, integrando e-mail e marketing em mídias sociais, e muito mais. Você também pode encontrar extensões gratuitas e pagas que permitem oferecer processadores de pagamento adicionais aos seus clientes, tais como Square e Amazon Pay.

Finalmente, você também encontrará muitos plugins projetados para estender o Woocommerce de várias maneiras. Apenas para dar um exemplo, o plugin Braintree For WooCommerce permite-lhe aceitar todos os tipos de pagamentos na sua loja:

Braintree For WooCommerce plugin

Em outras palavras, se você quiser ajustar algo sobre a forma como a sua loja WooCommerce funciona, é provável que você possa fazê-lo simplesmente encontrando a ferramenta certa.

Editar 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 a 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 é editando os arquivos de modelos do WooCommerce.

Isso permitirá que você ajuste a forma como as funcionalidades-chave funcionam, como os carrinhos de cliente e o processo de checkout. Por favor note que este é um processo arriscado, especialmente se você é novo em trabalhar diretamente com arquivos de tema e plugin. Antes de começar, você vai querer fazer backup do seu site para o caso de qualquer alteração acidental. Aqui está como excluir com segurança um tema.

Então, você precisará acessar seu site usando um cliente SFTP (Secure File Transfer Protocol), como o FileZilla. Localize a pasta raiz do seu site (muitas vezes chamada public_html ou com o nome do seu domínio), e navegue para wp_content/plugins/woocommerce:

A pasta WooCommerce em FileZilla

Neste directório, encontrará uma pasta chamada templates. Abra-a, e verá uma lista de todos os templates que estão actualmente activos para a sua loja:

WooCommerce templates em FileZilla

Neste ponto, pode abrir qualquer template que quiser e 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 checkout e localizar o arquivo thankkyou.php. Depois pode descarregá-lo, editá-lo ou adicionar elementos como achar conveniente, e voltar a carregá-lo para o seu servidor.

WooCommerce Hosting

Quando se gere uma loja online, o tempo é literalmente dinheiro. É por isso que é importante ter um servidor WordPress rápido e confiável, a fim de garantir maior tempo de atividade, taxas de conversão mais altas, e um melhor retorno sobre o investimento (ROI).

WooCommerce tem sido conhecido por retardar sites WordPress, especialmente para grandes lojas com muitos produtos. Felizmente, com a Kinsta como seu provedor de hospedagem, você não precisará se preocupar com isso. Nós fornecemos serviços de hospedagem gerenciada, juntamente com hospedagem WooCommerce altamente otimizada projetada especificamente com o desempenho em mente:

WooCommerce planos de hospedagem em Kinsta

Patras à nossa infra-estrutura escalável na plataforma Google Cloud, bem como a mais recente tecnologia como PHP 7, Nginx e MariaDB, podemos garantir que uma mudança para Kinsta ajudará a aumentar as suas vendas!

“O COO contactou-me com uma solução real em vez de muita “confiança em nós” que eu estava a receber noutro lugar. Ele foi honesto e direto, o que foi muito refrescante. Depois da migração, o suporte foi tratado pelo CEO, que fez algumas sugestões e ajustes excelentes que melhoraram drasticamente o desempenho”

– Caleb Worm, Swagway.com

O mundo do comércio electrónico está em expansão. 💥 Crie hoje a sua loja #WooCommerce com o nosso guia completo e comece a vender num instante! 🏪Click to Tweet

Summary

WooCommerce é, sem sombra de dúvida, a melhor solução de comércio electrónico gratuito para WordPress. No exterior, o plugin tem estatísticas fenomenais. No entanto, é apenas quando você se aprofunda nas muitas opções do plugin que o seu verdadeiro poder é revelado.

Tambem temos algo fantástico para si! Nós passamos meses montando este guia de otimização do WooCommerce de 18 capítulos. Ele inclui uma tonelada de lições e ferramentas grátis para otimizar e fazer crescer sua empresa de um milhão de dólares com a ajuda do WooCommerce.

Existe algo importante que tenhamos perdido em nosso tutorial de WooCommerce? Se sim, deixe-nos saber na seção de comentários abaixo!

Se você gostou deste artigo, então você vai adorar a plataforma de hospedagem WordPress da Kinsta. Turbocharge o seu site e obtenha suporte 24 horas por dia, 7 dias por semana da nossa veterana equipe WordPress. A nossa infraestrutura alimentada pelo Google Cloud foca em escalonamento automático, desempenho e segurança. Deixe-nos mostrar-lhe a diferença Kinsta! Confira os nossos planos

Maternidad y todo

WooCommerce Tutorial – Como configurá-lo em seu Website