WP PARA NEGÓCIOS 1CLUB

GUIA PARA CRIAR UMA

LOJA VIRTUAL WORDPRESS
+ WOOCOMMERCE EM 2019
Passo a passo para iniciantes

Escrito por:
JULIO FIGUEIREDO
WP PARA NEGÓCIOS 1CLUB

ÍNDICE
3 LOJA VIRTUAL EM 2019
Capítulo 1

5 WORDPRESS
Capítulo 2
+ WOOCOMMERCE

7 COMO INSTALAR O WOOCOMMERCE

Capítulo 3

20 ESTILIZANDO O SITE
Capítulo 4

26 PRODUTOS E CATEGORIAS
Capítulo 5

32 ESTENDENDO O WOOCOMMERCE
Capítulo 6
Loja virtual em 2019 3

CAPÍTULO 1

COMO AS PESSOAS MONTAM LOJAS

VIRTUAI S EM 201 9

Existem centenas de diferentes plataformas de criação de lojas virtuais

no mercado. WooCommerce, Loja Integrada, Wix, Shopify, OpenCart…
Só para citar alguns. Mas qual você deve escolher?

Vamos dar uma olhada nessas estatísticas recentes feitas pela BuiltWith:
Loja virtual em 2019 4

CAPÍTULO 1

WooCommerce é responsável por mais de 26% de todas as

lojas virtuais da internet.

Com 60.147.365 downloads, o WooCommerce é a plataforma de e-

commerce mais popular do mundo, então você pode ter certeza de que
está em boa companhia. O motivo pelo qual muita gente escolhe
WordPress + WooCommerce, é porque ambos são gratuitos, sem taxas e
sem limites, e portanto você tem total controle sobre sua loja virtual.

Pronto para lançar sua loja hoje? Vamos começar…

Neste guia, mostrarei como criar uma loja virtual WooCommerce +

WordPress do zero. Ao final, seu e-commerce estará semelhante a essa
imagem abaixo:
WordPress + WooCommerce 5

CAPÍTULO 2

USANDO WORDPRESS + WOOCOMMERCE

PARA LOJAS VI RTUAI S

Em uma frase, o WooCommerce é a melhor maneira de transformar seu

site WordPress em um e-commerce totalmente funcional. Aqui estão os
detalhes:

Tecnicamente falando, WooCommerce é um plugin para WordPress.

Ele precisa ser instalado e ativado como qualquer outro plugin para
funcionar.
É gratuito e de código aberto - assim como o WordPress. Você não
precisa de nenhuma licença, as coisas não expiram e ninguém vem
pedindo dinheiro a qualquer momento.
É a plataforma de e-commerce mais popular da internet;
É (sem dúvida) o plugin mais rico em recursos desse tipo também.
Você pode instalá-lo e configurá-lo sozinho.
A configuração é rápida. Normalmente, é apenas uma questão de uma
tarde.
Funciona com qualquer design/tema que você tenha atualmente no
seu site WordPress - você não precisa abandonar o design atual do
seu site!

Eu poderia continuar com a lista acima, mas em vez disso, deixe-me dizer
que o WooCommerce simplesmente e dá tudo o que você poderia
precisar para construir um e-commerce profissional com o WordPress.
WordPress + WooCommerce 6

CAPÍTULO 2

O que você pode vender com o WordPress + WooCommerce?

Hmm... muito:

Produtos digitais (por exemplo, software, downloads, ebooks),

Produtos físicos,
Serviços,
Reservas (por exemplo, para compromissos ou qualquer outra coisa
que possa ser reservada),
Assinaturas,
Orodutos de outras pessoas - como afiliado,
Personalizações (por exemplo, personalizações adicionais no topo das
suas listas de produtos)
e muito mais.

Em outras palavras, você pode ganhar dinheiro com seu site.

Eu até arriscaria dizer que o WooCommerce permite que você venda

qualquer coisa que possa ter uma etiqueta de preço atribuída a ele. Além
disso, qualquer um pode usá-lo (se você já conseguiu abrir um site do
WordPress, também poderá usar o WooCommerce).

Nota: O objetivo desta parte do guia é mostrar o método mais simples de

criar uma loja virtual funcional no WordPress para que você possa colocar
sua loja on-line o mais rápido possível. É por isso que vou me concentrar
apenas nas coisas essenciais e ignorar os aspectos mais avançados.
Como instalar o WooCommerce 7

CAPÍTULO 3

COMO I NSTALAR UMA LOJA VI RTUAL

COM O WORDPRESS E O WOOCOMMERCE

PASSO 1. Obter um nome de domínio e hospedagem

Para criar uma loja virtual e ou qualquer outro tipo de site, você
precisará de duas coisas:

Nome do domínio é o endereço exclusivo da sua loja na web. Algo

como SUALOJA.com.br
Hospedagem é basicamente um computador remoto que armazena seu
site e, em seguida, serve para quem quiser visitá-lo.

Existem centenas de diferentes provedores de hospedagem/domínio,

geralmente eu faço ambos na GoDaddy. Eles oferecem hospedagem
WordPress acessível e um excelente suporte por telefone em português.

Custo? A partir de R$ 16,99/mês! ฀

Para começar, basta ir até a

GoDaddy.com, e clicar no item
"Hospedagem", no menu
principal. Após isso, acesse a
opção "Hospedagem do
WordPress", como mostra a
imagem ao lado.
Como instalar o WooCommerce 8

CAPÍTULO 3

Isso levará você a uma página na qual poderá selecionar um plano de

hospedagem para sua loja. Você pode começar com a opção mais barata,
rotulada como "Basic":

Ótimo! Você acabou de obter um plano de hospedagem para seu site.

Posteriormente veremos como adicionar um nome domínio para seu site.

PASSO 2. Instale o WordPress (GRÁTIS)

Se você acha que isso será difícil, está enganado. Tudo que você precisa
fazer é ir em Meus Produtos, encontrar o plano WordPress que você
acabou de contratar, e clicar no botão Configurar.
Como instalar o WooCommerce 9

CAPÍTULO 3

Em seguida, insira um
usuário e senha, e
clique em "Adicionar"
(mantenha os outros
campos como o padrão).
Quando a instalação
estiver finalizada,
clique no Botão Azul
"Admin WP" para
acessar o painel do seu
novo site WordPress.

Neste estágio, você terá um

site WordPress em branco
instalado. A GoDaddy
automaticamente atribuirá um
endereço padrão
para seu site, do tipo
http://abc.123.myftpupload.com.

Você também encontrará o

botão "Admin WP" ao
acessar seu plano, em Meus
Produtos. E sempre poderá
logar no painel pela URL:
SUALOJA.com.br/wp-admin
Como instalar o WooCommerce 10

CAPÍTULO 3

Quando seu site estiver pronto, será o momento de adicionar o nome de

domínio principal. Para isso, você terá que ir em Meus Produtos,
encontrar seu plano WordPress, e clicar em "Gerenciar".

Na área de gerenciamento do site, acesse o menu de detalhes, clique em

"Domínios", e na página a seguir, em "Adicionar domínio".

Você poderá adicionar domínios registrados na GoDaddy em segundos, e

caso tenha registrado em outro lugar, receberá orientações necessárias.
Como instalar o WooCommerce 11

CAPÍTULO 3

Agora é hora de transformar o site em branco do WordPress em uma loja

virtual totalmente funcional usando o excelente plugin WooCommerce.

PASSO 3. Instalar o Plugin WooCommerce (GRÁTIS)

Como todos os plugins do WordPress, a diversão começa acessando seu

painel e navegando no menu Plugins / Adicionar novo. Uma vez lá, digite
"woocommerce" no campo de pesquisa. Você verá o WooCommerce
como o primeiro resultado:

Basta então clicar no botão “Instalar agora” ao lado do plugin.

Depois de alguns segundos, o texto no botão mudará para “Ativar”. Vá

em frente e clique nele, para ativar o WooCommerce.
Como instalar o WooCommerce 12

CAPÍTULO 3

Após ativar o plugin, você verá

o assistente de inicialização do
WooCommerce. Isso tornará o
processo muito fácil e pegará
você pela mão.
Como instalar o WooCommerce 13

CAPÍTULO 3

Defina a localidade e o tipo de produto

O local é uma parte crucial da configuração da sua loja. Esses poucos

parâmetros definem sua origem comercial e sua moeda. Nessa aba você
ainda escolhe se vai vender produtos físicos, digitais ou ambos, e
também se vai vender presencialmente. Feito isso, clique em "Vamos lá"

Método de pagamento
Como instalar o WooCommerce 14

CAPÍTULO 3

Ser capaz de aceitar pagamentos online está no centro de toda loja

virtual. O WooCommerce realmente oferece muito em termos de
soluções disponíveis.

O Paypal vem pré-instalado por padrão, e você também pode usar todos
os gateways populares, como PagSeguro, Mercado Pago, Vindi, Cielo,
Wirecard, Pagar.me, e muitos outros.

Para sua primeira loja, apenas informe um e-mail para o WooCommerce

configurar uma conta do Paypal para você, e tornar seu site capaz de
receber pagamentos por cartões de crédito, totalmente seguros.

Ainda nessa aba, você tem a opção de escolher pagamentos offline, como
transferência bancária, ou pagamento na entrega.

Quando estiver finalizado, clique em “Continuar”.

Como instalar o WooCommerce 15

CAPÍTULO 3

Defina a taxa de entrega

Na aba de configuração de entrega, é possível definir uma taxa fixa para

todo o Brasil e outra para o resto do mundo, ou deixar o frete grátis.
Como instalar o WooCommerce 16

CAPÍTULO 3

Posteriormente, será possível definir taxas de entregas para estados,

cidades e até para CEPs específicos. E lembre-se que o WooCommerce
também pode ser usado para vender produtos digitais e downloads.

Nessa tela você ainda pode alterar a unidade de peso e medida (o padrão
para o Brasil são quilograma e centímetro, respectivamente). Com tudo
definido, clique em "Continuar"

Instale o tema

A próxima aba da configuração oferece alguns recursos recomendados

pelo WooCommerce, e o mais importante é o tema Storefront, que
usaremos para ser o modelo visual da nossa loja.
Como instalar o WooCommerce 17

CAPÍTULO 3

Essa aba também oferece ferramentas como o Mailchimp, e se você

sente-se confortável, fique a vontade para habilitá-lo. Mas esse guia
pretende se focar no fundamental, então nós podemos desmarcar essa
opção por enquanto. Posteriormente, você sempre poderá instalar
gratuitamente esse plugin, e milhares de outros.

Instale o Jetpack
Como instalar o WooCommerce 18

CAPÍTULO 3

Para deixar sua loja segura e fazer todas as configurações de pagamento,

o WooCommerce oferece a poderosa ferramenta gratuita Jetpack. Você
pode prosseguir sem ela, mas terá que realizar algumas configurações
extras depois. Para evitar isso, clique no botão "Continuar com Jetpack".

Crie uma conta para associar ao Jetpack, ou faça login em uma conta
WordPress existente. Caso seu e-mail de administrador do site pertença
a alguma conta do WordPress, você será conectado automaticamente.
Como instalar o WooCommerce 19

CAPÍTULO 3

Neste ponto, sua configuração básica do site está concluída: você acabou
de criar uma loja virtual em branco com o WooCommerce!

O próximo passo é estilizar seu site: criar a página inicial, definir cores e
adicionar um logotipo. Na tela de finalização das configurações básicas,
você pode clicar no botão "Visitar painel de controle".
Estilizando o site 20

CAPÍTULO 4

ESTI LI ZANDO O VI SUAL DO SI TE

COM O TEMA STOREFRONT

As lojas virtuais são um tipo particular de site e precisam de algumas

páginas específicas para funcionar corretamente. Portanto, o
WooCommerce já criou as seguintes páginas para sua loja:

“Loja” - é onde seus produtos serão exibidos, assim como os filtros,

"Carrinho" - este é o carrinho de compras onde seus clientes podem
ajustar seu pedido antes de finalizar a compra.
"Finalizar compra" - é aqui que os clientes escolhem o método de
envio/entrega e pagam por tudo o que compraram.
“Minha conta” - uma espécie de página de perfil para clientes
cadastrados (eles poderão ver seus pedidos anteriores e gerenciar
outros detalhes).

Uma vez tendo ativado o tema Storefront como mostrei no capítulo

anterior, seu painel WordPress exibirá agora uma tela chamada "Design
da sua loja" (caso não esteja vendo, basta descer a rolagem da página).

Vá em frente e clique no botão "Vamos lá!". Vão acontecer 3 coisas:

Será criada uma página inicial para sua loja. Seu menu terá as páginas
do WooCommerce, além do Blog (que já vem embutido WordPress),
Serão criados produtos e categorias demonstrativas para a loja,
Abrirá o Personalizador do WordPress, com um tour para adicionar
seu logotipo e escolher as cores do design.
Estilizando o site 21

CAPÍTULO 4

Após o personalizador ser carregado, clique no botão "Vamos lá! para

iniciar o tour de primeiros passos.
Estilizando o site 22

CAPÍTULO 4

Siga as instruções para adicionar seu logotipo, um título e uma descrição

para o site. Se você não tiver um logotipo no momento, os campos Título
do site e Descrição irão aparecer no seu cabeçalho, substituindo o logo.

Clique em "Próximo" quando estiver pronto.

O tour agora dá a opção de mudar o menu. Porém seu site é novo, e não
há muito o que mostrar no momento, além das páginas que já estão no
menu por padrão. Mais tarde, você pode querer adicionar categorias, ou
até um único produto. Mas por enquanto, clique em "Pular esse passo".

Na sequência, você será guiado para alterar as cores dos elementos

do design, como textos e botões. Siga as instruções, e use
preferencialmente as cores da sua marca.
Estilizando o site 23

CAPÍTULO 4

E é isso! Clique em "Pronto" quando estiver terminado o tour, e depois

no botão "Publicar". Quando quiser retornar ao painel do WordPress,
basta clicar no X, para fechar o Personalizador.
Estilizando o site 24

CAPÍTULO 4

Sua loja está montada, completamente funcional e com um belo design,

perfeito para celulares. Já está pronta para fazer vendas online, e agora
basta adicionar seus produtos. Veja como ficou seu site acessando seu
endereço padrão da GoDaddy (ou SUALOJA.com, se você tiver alterado).
Estilizando o site 25

CAPÍTULO 4

Para editar a imagem e o texto do grande banner principal, clique em

"Editar esta seção", no canto superior direito.

Na tela de edição do WordPress, basta selecionar os textos para

modificá-los, e substituir a imagem onde diz Imagem destacada. Após
terminar a edição, clique no botão "Atualizar"
Produtos e Categorias 26

CAPÍTULO 5

COMO ADI CI ONAR PRODUTOS E

CATEGORIAS

Chegamos ao tão esperado momento! Além do banner de boas-vindas,

sua página inicial é formada também por 3 banners de categorias, e pelas
listagens de produtos, organizadas da seguinte forma:

“Novidades” - aqui é onde os novos produtos vão aparecendo, a

medida que forem sendo cadastrados,
"Recomendamos" - são produtos selecionados como Destaque dentro
do seu painel WordPress,
"Favoritos dos fãs" - é nessa área que são exibidos os produtos com as
maiores avaliações feitas pelos usuários, em ordem decrescente, 
“Mais vendidos” - como o nome diz, é aqui onde ficam os produtos
mais vendidos da sua loja, em ordem decrescente.

Adicionar categorias

Para criar uma nova categoria e poder agrupar produtos em sua loja, vá
até seu painel WordPress, e acesse o menu Produtos / Categoria.
Produtos e Categorias 27

CAPÍTULO 5

Informe um nome, uma descrição, e uma imagem de miniatura. Deixe o

restante padrão, e clique no botão "Adicionar nova categoria".

Para o banner da nova categoria aparecer na página inicial, certifique-se

de arrastá-la na lista para que fique nas 3 primeiras posições. Também
será necessário ter pelo menos um produto cadastrado nessa categoria.
Produtos e Categorias 28

CAPÍTULO 5

A nova categoria aparecerá na página inicial na mesma posição em que se

encontra na lista do seu painel WordPress.

Adicionar produtos

Para tornar sua loja completamente operacional, você precisa então de

alguns produtos no banco de dados (ou serviços, downloads, ou o que
quer que você queira vender).

Para adicionar novos produtos, acesse

seu painel WordPress e, em seguida o
menu Produtos / Adicionar novo.

Lembre-se: O tema Storefront já

adicionou alguns produtos de exemplo,
então você pode simplesmente editá-los e
colocar as informações dos seus próprios.
Produtos e Categorias 29

CAPÍTULO 5

O que você verá é uma tela clássica de edição de conteúdo do

WordPress:

As marcações correspondem ao seguinte:

Produtos e Categorias 30

CAPÍTULO 5

1. Nome do Produto.

2. Descrição principal do produto. Este grande campo permite que você

insira o máximo de informações sobre o produto que desejar. Como este
é o WordPress, você pode colocar não apenas texto simples, mas
também imagens, colunas, títulos, até mesmo vídeos e outras mídias.
Basicamente, o que você achar melhor!

3. Seção central de dados do produto. É aqui que você define o tipo de

produto que está adicionando e se é um produto físico, para download
ou virtual (os serviços também são considerados produtos virtuais).
Como parte desta seção central, você também obtém guias para vários
parâmetros do produto:

Geral. É aqui que você define os preços e as taxas.

Inventário. O WooCommerce permite gerenciar os níveis de
estoque.
Entrega. Defina o peso, as dimensões e o custo do frete.
Produtos relacionados. Ótimo para configurar upsells, vendas
cruzadas, etc. (Pense: "Clientes que compraram isso também
compraram isso.")
Atributos. Para definir atributos de produtos personalizados.
Por exemplo, se você está vendendo camisetas, pode definir
cores e tamanhos alternativos aqui.
Avançado. Configurações adicionais. Não é essencial.

4. Descrição curta. Este é o texto que é exibido embaixo do nome na

página do produto em seu site. Funciona melhor como um breve
resumo do que é o produto.
Produtos e Categorias 31

CAPÍTULO 5

5. Categorias. Aqui é onde você define a categoria do produto, e agrupa

produtos similares. Por exemplo, "chapéus". Funciona exatamente como
as categorias padrões do blog WordPress.

6. Tags. Uma maneira adicional de ajudá-lo a organizar seu banco de

dados de produtos. Funciona exatamente como as tags padrões do
WordPress.

7. Imagem do produto. A principal imagem em sua loja.

8. Galeria de imagens. Imagens do produtos adicionais, para mostrar

em todos os ângulos como ele é incrível.

Na primeira vez que você visitar este painel, o WooCommerce

exibirá um tutorial passo a passo para explicar qual é o objetivo de
cada campo.

Depois de definir todas as opções acima, clique no botão "Publicar".

Seu primeiro produto acaba de ser adicionado! Agora basta repetir
o processo até sua loja ficar completa, e boas vendas!
Estendendo o WooCommerce 32

CAPÍTULO 6

ESTENDENDO O WOOCOMMERCE COM

PLUGI NS

Mais uma coisa que faz do WooCommerce uma solução de e-commerce

tão impressionante é que existem centenas ou até milhares de plugins
disponíveis.

Esse catálogo é verdadeiramente impressionante e vasto. Eu não quero

que você se sinta intimidado por isso. Você certamente não precisa de
todos esses plugins. Trate essas possibilidades como uma vantagem para
o futuro.

Vamos listar alguns dos mais úteis:

Gateways de pagamento. Esses plugins permitem que você aceite

mais métodos de pagamento além do PayPal padrão. Em geral, quanto
mais métodos de pagamento você puder aceitar, melhor.
Métodos de entrega. Estes serão úteis se você quiser integrar
automaticamente sua loja com as taxas de frete oficiais de empresas
como Correios ou Jadlog.
Gestão de clientes e empresarial. Integre sua loja WooCommerce
com a ferramenta de ERP e CRM de sua escolha.
Reservas online. Permitir que os clientes reservem compromissos
para serviços sem sair do site.
Assinaturas. Permita que os clientes assinem seus produtos ou
serviços e paguem uma taxa semanal, mensal ou anual.
Estendendo o WooCommerce 33

CAPÍTULO 6

Você também pode usar plugins para turbinar funcionalidades e a

performance da sua loja. Aqui algumas das menções mais honrosas:

SEO. Use ferramentas para melhorar o SEO de todas as páginas do

site, de seus produtos e outras áreas de sua loja virtual.
Multi-idioma. Tenha um site WooCommerce com versões em vários
idiomas.
Chat on-line. Deixe que os visitantes do seu site entrem em contato
diretamente com você.
Backup. Faça backup de todo o conteúdo do site, incluindo seus
produtos e outros dados da loja.
Botões de compartilhamento. Deixe seus clientes compartilharem
seus produtos com amigos e familiares pelas redes sociais.
Google Analytics. Integre seu site ao Google Analytics.
Cache. Acelere o seu site gerenciando o sistema de cache.

Use um tema personalizado para sua loja

Por padrão, o WooCommerce funciona com qualquer tema do

WordPress. Esta é uma ótima notícia, especialmente se você já escolheu
seu design e quer continuar com ele.

Alternativamente, você pode escolher temas criados especialmente para

WooCommerce. Esses temas vêm com estilos pré-definidos - que fazem
com que todos os elementos do WooCommerce fiquem ótimos -, e
exploram todas as funcionalidades, das comuns até as avançadas.