Como montar uma loja virtual: passo a passo no WooCommerce 2019
Articles,  Blog

Como montar uma loja virtual: passo a passo no WooCommerce 2019


Você já teve o sonho de criar uma loja
virtual mas percebeu que pode ser uma tarefa difícil que envolve programação
ou até mesmo muito dinheiro para criar a sua loja
hoje eu vou te mostrar como criar uma loja em menos de dez minutos e eu vou
deixar tudo pronto na sua mão mas antes de irmos para o vídeo eu só tenho umas
coisas que eu quero esclarecer para vocês e para criar uma loja virtual você
precisa de uma hospedagem site um domínio registrado é crucial o uso de um
certificado SSL que faz a criptografia das informações e
dados dos seus clientes eu deixei um link na descrição do vídeo
um desconto especial para você comprar uma hospedagem premium na Hostinger
em qualquer prazo e assim não acabou você comprando uma hospedagem de um ano ou
mais você recebe o registro de domínio de
graça exatamente vamos começar a criar a nossa
loja vou mostrar rapidamente a loja virtual
que vamos criar com posts para você criar as suas promoções com imagens destacada vamos criar um menu principal com a
página início loja onde você já pode adicionar os produtos ao carrinho você
pode clicar num produto para ver mais detalhes sobre ele
tudo já funcionando o carrinho já recebendo os pedidos de compra integrado
com a forma de pagamento paypal vamos lá primeiramente vamos acessar o painel e
vamos localizar a sessão “website” e clicar em auto instalador
depois vamos instalar o wordpress escolha em qual URL você quer instalar e
clique em próximo adicione seu usuário e senha administrador para acessar o
painel do wordpress e clique em próximo escolha o idioma entre português ou inglês
escreve o título da sua loja virtual e clique em reescrever e depois instalar e
basta aguardar assim que instalado clique em admin-wp agora com as suas credenciais adicione e clique em acessar beleza é
aqui que vamos criar a nossa loja virtual o primeiro passo é instalar o
plugin WooCommerce que é o responsável por criar lojas virtuais no wordpress
assim vamos em plugins adicionar novo escreva WooCommerce na pesquisa e clique
em instalar agora a instalação pode levar alguns minutos
assim que finalizado clique em ativar e vamos começar a configuração do WooCommerce
o primeiro campo é onde está a sua loja vamos colocar aqui brasil eu vou
rapidamente preencher esses endereços cidade-estado pronto e automaticamente
quando botamos brasil ele já escolhe a moeda real
abaixo você pode escolher se quer vender produtos físicos ou digitais ou serviços
que você vai fazer pessoalmente aqui você pode desmarcar essa pesquisa
esse rastreamento do WooCommerce e clique em vamos lá
como tinha dito vai ter a integração com a forma de pagamento paypal que é uma
forma excelente e muito segura além dessas você pode escolher entre o
pagamento na entrega transferência bancária e até cheque
caso você queira adicionar mais métodos de pagamento clique nesse botão e ele
vai sugerir diversos clique em continuar aqui é sobre a
entrega você pode estabelecer uma taxa fixa no frete ou você pode deixar com
frete grátis e cobrar a entrega dependendo de como for o seu produto
isto eu recomendo desativar porque nós não vamos utilizar novamente está
sugerindo um outro aplicativo eu indico tá pulando a etapa também OK
configuramos basicamente nosso WooCommerce e podemos voltar ao painel de controle
do wordpress ok vamos em configurações e links
permanentes para arrumar as configurações das páginas
clique em nome do post desça a página e clique em salvar alterações
ok vamos em aparência e temas para adicionar um tema para a nossa loja
virtual lá em cima clique em adicionar novo e
depois vamos em filtro de características e marque
o assunto e-commerce e aplicar o filtro o primeiro que aparece é o Envo MultiPurpose
vamos utilizar esse clique em instalar e aguarde depois clique em ativar legal
agora vamos em aparência e personalizar para customizar o nosso tema primeira
opção vamos em identidade do site e coloque o título da sua loja virtual e
uma descrição uma mensagem motivacional para os seus clientes
ok vamos voltar e vamos adicionar uma imagem do cabeçalho para dar um
acabamento clique em adicionar imagem enviar arquivos e vamos selecionar o
arquivo dentro do nosso computador já separei uma imagem eu vou utilizar essa
aqui como é só uma barra lá em cima a gente vai ter que recortar a melhor
parte dessa imagem então eu vou colocar aqui entre um pouco dessas estrelas e
essa cor aqui tá bom legal e vamos recortar a
imagem e pronto ele colocou a imagem lá em cima ainda não tá bom a gente já vai
resolver vamos voltar vamos em imagem de fundo
para colocar um fundo na nossa loja e eu vou utilizar a mesma imagem ela vai
encaixar de uma forma bem bacana ao lado você pode mexer nas
configurações na posição da imagem então vou mudar de padrão para preencher a
tela e a posição da imagem centralizada perfeito podemos voltar agora
ok vamos em cores para mudar o texto do cabeçalho para branco para mostrar
melhor o nosso título ok agora vamos em widgets e barra
lateral direita e eu vou retirar todos os widgets rapidamente legal podemos
voltar agora vamos criar o menu clique no menu e depois criar um novo menu pode
colocar o nome do meu como “menu1” marque menu principal e clica em seguinte
e agora vai em adicionar itens vamos adicionar a página início a página loja
e a página carrinho vamos clicar em publicar para voltar e
salvar todas as alterações de volta no painel administrador
nós vamos em aparência editor pois vamos retirar o rodapé que diz orgulhosamente
patrocinado pelo wordpress ao lado nós vamos localizar o arquivo footer rodapé
do tema se você estiver utilizando o mesmo tema
que eu localize na programação essa parte “do
action” e coloque duas barras para comentar esse trecho de código e
atualize o arquivo ok vamos criar o nosso primeiro post em
posts todos os posts eu vou excluir esse post que vem
automático do wordpress beleza e agora vamos clicar em adicionar novo lá em cima aqui é bem simples vamos digitar o nome
do post eu vou ditar como se fosse uma promoção e aqui o conteúdo do post sobre
o que essa promoção caso você queira adicionar uma imagem é bem simples
clique em adicionar mídia enviar arquivos e vamos selecionar novamente um
arquivo do nosso computador vou utilizar esse aqui vamos inserir no post agora clique na
imagem que vamos fazer um alinhamento para dar um melhor acabamento no post
agora vamos criar a categoria promoção para no futuro quando você tiver mais
posts os seus clientes terem a possibilidade de filtrar os posts por
categoria e agora vamos adicionar uma imagem destacada novamente vou adicionar
uma outra imagem diferente que colocamos no post para ser aquela imagem inicial
na página inicial aqui e com isso podemos publicar o nosso primeiro post
agora vamos adicionar nosso primeiro produto posicionar o mouse em produtos e
clique em adicionar novo para criar um produto é o mesmo processo de criar um
post com algumas diferenças vamos adicionar o nome do produto uma breve
descrição do produto ou uma frase de martin algo que faça criar o interesse
no seu cliente vamos criar as categorias de produto
também para deixar tudo organizado para quando o seu cliente precisar filtrar
por categoria ele achar os produtos com maior facilidade
vamos descer um pouco a página vamos adicionar o preço você pode colocar o
preço inicial na primeira no primeiro campo e abaixo você pode colocar o preço
promocional se você não programar esse preço
automaticamente o produto já entra em promoção
o inventário nós temos o REF é um controle de estoque eu indico você e
colocando do 123 assim que for adicionando mais produtos e gerenciar
estoque com isso você ilustra os clientes quanto de estoque tem
disponível do seu produto você pode colocar a quantidade em baixo e também
se quer permitir encomendas ou não permitir ou pedir um pedido uma autorização e
também para permitir que um produto seja vendido individualmente em baixo coloque
novamente uma outra descrição do produto uma outra frase pois ela vai aparecer em
um outro momento na compra do produto vamos adicionar a imagem do produto é o
mesmo processo da imagem destacado do post eu vou colocar essa caneca aguarde carregar e clique em define a imagem
do produto e podemos publicar o nosso primeiro produto pronto agora vamos no
WooCommerce e configurações e agora vamos clicar na aba pagamentos vamos descer até paypal check out e clique em
gerenciar você vai precisar criar uma conta no paypal para receber os
pagamentos ok depois de criado você adiciona o seu
“live api username” e a senha e a sua assinatura um pouco mais abaixo
nós temos o landing page e vamos mudar de “login” para “biling”
vamos salvar as alterações e lá em cima clique em “connect your paypal account” e
pronto está tudo configurado para você começar a sua loja online basta fazer um
processo de adicionar posts e criar mais produtos e vai ficar excelente
com isso criamos a nossa loja virtual mas você tem muito trabalho à frente
continue criando os posts adicionando novos produtos e criando promoções que
em breve você vai colher os primeiros frutos da sua loja
se você gostou do vídeo deixe seu like e apoie nosso canal se tiver alguma dúvida
ou uma sugestão faça um comentário eu tô aqui pra ajudar vocês e não esqueça de
inscrever-se no canal e clicar no sininho fui

51 Comments

  • Giron Lopes

    Boa noite. Essa hospedagem, criando uma loja virtual, ate quantos produtos limites eu poderia adicionar sem deixá-lo lento, pesado o site?

  • GVM estradeiroS

    E para publicar essa loja não precisa de uma extensão por exemplo, o FileZilla entre outros..
    basta criar e publicar nada mais?

  • Hostinger

    Comece a criar sua loja online e ganhar dinheiro com a internet. Aproveite para utilizar nosso cupom de desconto SEJA_WEBMASTER

  • Rota Digital

    Ótimo Conteúdo, parabéns! Gostaria de manter um relacionamento.

    Criei um Grupo sobre "Como criar a sua loja virtual Woocommerce"

    https://www.facebook.com/groups/comomontarumalojavirtual

  • Ricardo FALCÃO

    Oi, posso colocar na loja produtos digitais, pois quero vender dicas de um jogos que dará prêmios. preciso vender estas dicas, e as pessoas que comprarem terão acesso ao download do arquivo.

  • Ivonete Santos

    seu conteúdo foi de extrema importância para mim e deixo aqui meu blog la , encontrar e no meu Facebook seu conteúdo compartilhei e está sendo de ajuda para uma audiência que busca empreender com loja virtual usando sua dicas ,,,valeu
    https://pagsegurouolprodutos.blogspot.com/

  • Idelvan Mesquita

    É possível o cliente gerenciar somente o cadastro de produtos sem entrar na configuração global da conta? É possível exportar e importar o cadastro?

  • VELOX 8

    há o Pag Seguro como opção de compra do cliente, tanto nessa opção de templates prontos, ou caso eu construa o site do zero? Além disso, quero apenas loja virtual, sem blog, e sem posts, isso é possível, apenas produtos na página inicial? correto?

  • Flavia SB

    Muito legal! Será que para montar com a área de pagamento sendo para o "mercado pago"? Eu queria colocar opção de pagar com cartão

  • VELTON SILVA

    Bom dia. material legal. quando custa o pacote de materiais, reserva de domínio e site? Façam contato (94) 98146-9739

  • samuel oliveira

    bom dia , no ultimo passo onde eu faço a configuraçao do paypal nao entendi qual é o codigo que vc colocou na barra Live API Signature , foi muito rapido e nao deu certo e na hora de salvar ele nao salvou e disse que o site nao era seguro , oque fazer agora

  • samuel oliveira

    Parece que sua loja não está utilizando uma conexão segura. Recomendamos fortemente que seu site esteja todo em HTTPS para manter os dados do usuário seguros. Leia mais aqui.

    Error: You must provide API signature or certificate. essa é a mensagem

  • André Kalil

    To dizendo isso por q vi um cara fazer isso modalidade dropship c um plugin q os produtos ja estavam cadastrados no plugin ,entao as proagandas eram automaticas

  • Aline Oliveira

    Oi tudo bem? Eu mandei criar um site e usaram essa plataforma, no computador ele está lindo, porém, pelo celular quando o cliente abre o site ele está desconfigurando, e com isso eu estou perdendo cliente pois ele está cada vez mais difícil de mexer, você poderia me ajudar? Se sim, me passa seu e-mail. Aguardo.

  • GarOja. Moda e Estilo by Cláudia Dias

    Por favor, segui seus passos, agora quero mudar a forma de pagamento e acrescenta cartão de crédito, mas não to conseguindo. Tem como vc me ajudar? Ou quem pode?

  • Jesual Alves

    Bom dia,, me chamo jesual, sou representante comercial queria saber mais sobre montar a loja virtual com produtos físicos e digitais, esse é o meu e-mail [email protected] Com e meu whatsapp 61 984989438 aguardo contato!

  • TraderiZando !

    Tem como eu adicionar PagSeguro?? Já trabalho com ele no meu site atual, mas irei mudar de plataforma e recriar o site.

  • Sergio Olliveira

    Bacana seu tutorial. Mas, tenho algumas dúvidas. Uma delas é como tratar a imagem (foto), por exemplo: Detalhar pontos do artigo pelo zoom na imagem. Outra dúvida, posso migrar um site de uma plataforma para essa?

  • José Claudio

    Bom dia! Gostei de sua didática! Estou querendo criar um site de vendas com produtos variáveis, pode me indicar um bom tema que não me dê problemas mais pra frente? Obrigado.

  • Jota Cruz

    em ativar o plugin me retorna o seguinte bug: Plugin could not be activated because it triggered a fatal error. pode me ajudar?

  • Mimos da Gi

    Bom dia! Muito show suas explicações! Por favor, esclareça uma dúvida. Estou na fase de criação da minha loja virtual, porém tenho feito comparações com o site do correio em relação de cálculo de fretes, para verificar se o cálculo do frete esta certo no site com o site do correios e percebi que não conferem os valores e outro detalhe coloco vários itens no meu carrinho e não altera os valores do frete. Tenho seguido todas as recomendações para configurar os produtos, fretes, tamanho etc.

  • Cassio Matsugaki

    Boa noite,
    Pelo WooCommerce consigo inserir os plugins dos correios e outros serviços de entrega? E também consigo vincular o plugin da REDE para pagamentos com débito?
    Já possuo a assinatura do Cloud Startup!

  • Márcio Alves

    Faltou mostrar como configurar o domínio na loja, a interação com o Mail Chimp para divulgar o loja seria bem interessante e também mostrar a parte de emissão de nota fiscal.

  • Conhecimento = Liberdade

    boa noite Campeão ! eu queria entrar em contato com vc,porque eu ja tenho o domínio na HostGator. queria saber se vc poderia instalar este Ecommerce WooCommerce na minha conta.

  • moisés abreu

    Olá, preciso colocar frete no meu e-commerce, com valor de frete e integrado com transportadoras é possível fazer isso? Qual a melhor forma?

  • Tisuky Iruchima

    Como posso esta fazendo para o cliente escolher outros tipo do produto?
    Exemplo: Vou vender uma camisa que tenha 3 cores, Azul, Vermelho e Preto.
    Como posso esta fazendo para o cliente esta podendo escolher entre essas 3 cores do produto?

  • Cleiton Santos

    Boa noite.Ao colocar as duas barras na frente do do_action e atualizo aparece a mensagem de "Não é possível comunicar de volta com o site para verificar erros fatais, por isso a alteração ao PHP foi revertida. Terá de carregar a sua alteração ao ficheiro PHP de outro modo, tal como SFTP."
    Como resolvo?

Leave a Reply

Your email address will not be published. Required fields are marked *