Home / Videos / Como Criar uma LOJA VIRTUAL no WordPress com Woocommerce e Elementor (Passo a Passo)

Como Criar uma LOJA VIRTUAL no WordPress com Woocommerce e Elementor (Passo a Passo)

Veja nesse tutorial completo e do zero Como Criar uma LOJA VIRTUAL no WordPress com Woocommerce e Elementor (Passo a Passo). Ensinei desde a compra do domínio e hospedagem, instalação e configurações do wordpress, woocommerce e elementor, instalação de plugins e do tema, postagem dos produtos e criação dos layouts personalizados para todas as páginas padrões do Woocommerce a configuração do checkout transparente com PagSeguro. Usei como exemplo uma loja virtual de roupas, mas o conceito é o mesmo para qualquer outro seguimento de produtos.

Baixe o Material Completo no nosso Telegram e comece agora mesmo: https://t.me/descomplicandosites

👉Entre em nosso Canal VIP do Telegram: https://t.me/descomplicandosites

👉Se inscreva no canal: https://bit.ly/QueroMeInscreverDS

✔️ Link do site criado – https://aurorafashion.com.br/
✔️ Link do meu site – http://descomplicandosites.com.br/

Módulo 1: 00:03:18 Comprando o Domínio e a Hospedagem.
Módulo 2: 00:12:55 Instalando e configurando o WordPress(WP), Woocommerce e Elementor
Módulo 3: 00:41:22 Criando os Layouts Personalizados
Checkout Transparente com PagSeguro: 03:29:50

👉Compre a hospedagem da Hostgator: https://bit.ly/HospedagemDeSitesHostgator
👉Compre o Elementor Pro aqui: https://elementor.com/?ref=12430
👉Crocoblock Elementor (Família Jet) – https://bit.ly/JetPlugins

🔻PlayLists:🔻
– Como Criar Sites Completos: https://bit.ly/ComoCriarSitesDoZero

– Personalizando o Woocommerce : https://bit.ly/WooComElementor

– Menus com Elementor: https://bit.ly/MenusComElementor

– Popups com Elementor: https://bit.ly/PopupsComElementor

– Dicas de Design: https://bit.ly/DicasDesignComElementor

– Marketing Digital com Elementor/WP: https://bit.ly/MktElementorWP

☑️ Como Criar uma LOJA VIRTUAL no WordPress com Woocommerce e Elementor (Passo a Passo)
☑️Compartilhe o vídeo: https://youtu.be/oCSBeAxAWSo

👉Se inscreva no canal: https://bit.ly/QueroMeInscreverDS

Quem desenvolve lojas virtuais com o wordpress e woocommerce, já deve ter sentido a necessidade de personalizar a sua loja online. Pois o Woocommerce traz um layout padrão das páginas: loja; minha conta; checkout; pedidos; carrinho, categorias, obrigado e páginas de resultado de pesquisa; não muito agradáveis. Usáveis, mas não bonitas. A verdade é que dá pra melhorar e muito! É aí que entra o construtor de páginas Elementor Page Builder! A União WordPress + Woocommerce + Elementor permite montar/criar uma loja virtual super personalizada, agradável e bonita. Aumentando assim, a possibilidade de conversão dos produtos, pois a experiência do usuário é fundamental, seu ecommerce precisa passar credibilidade, segurança e facilidade de ser usado pelos clientes da loja.

Nesse tutorial woocommerce você aprenderá como criar uma loja virtual no wordpress com woocommerce e elementor do absoluto zero, passo a passo mesmo. Vai saber como fazer um site de vendas mega profissional, moderno, elegante e bonito. Além disso, é uma loja online responsiva, ou seja, seu layout se adapta quando acessada através dos dispositivos móveis. Enfim, esse tutorial está bem detalhado, criamos até um blog para loja, configuramos o Checkout Transparente com PagSeguro que é bastante pedido, ao final do tutorial, você saberá como fazer um site de vendas customizado para encantar seus clientes e os usuários da loja online.

O elementor pro é um dos construtores de páginas mais completos e famosos do mundo para criação de sites/lojas virtuais/blogs/landing pages. Ele permite personalizar praticamente tudo! Se você pretende criar sites profissionais, então você precisa fazer esse investimento na versão pro do page builder.

Caro desenvolvedor de sites e lojas virtuais, com esse tutorial de como criar uma loja virtual no wordpress com woocommerce e elementor passo a passo, em poucas horas você estará com o ecommerce no ar, podendo utiliza-lo inclusive em seu portfólio para apresentar aos seus potenciais clientes ou de fato, fazer disso um negócio e vender os seus produtos pela internet.

A missão do Descomplicando Sites, é tonar o processo de criação de sites o mais simples e eficaz possível. Prezando sempre pela boa experiência do usuário. Espero que este tutorial ajude a você que trabalha desenvolvendo sites e lojas virtuais ou você empreendedor que cria e dá manutenção no próprio site/loja.

👉Se inscreva e ative o sininho das notificações para ver novos vídeo e dicas sobre WordPress, Elementor, Woocommerce, Servidores e de como Viver de Criação de Sites. Clique aqui: https://bit.ly/QueroMeInscreverDS

📍 Sigam minhas redes sociais
💲 Instagram – https://instagram.com/descomplicandosites
💲 Telegram – https://t.me/descomplicandosites
💲 Facebook – http://facebook.com/descomplicandosites

#ComoCriarUmaLojaVirtualCompleta #Woocommerce #Elementor

We Are One by Vexento https://soundcloud.com/vexento
https://www.youtube.com/user/Vexento
Free Download / Stream: http://bit.ly/2PaIKcR
Music promoted by Audio Library https://youtu.be/Ssvu2yncgWU

About shahzad

100 comments

  1. 01:43 quando abre e começa a criar o modelo Archive LOJA já abre com o cabeçalho que foi criado no outro mas no meu abre vazio estou tentando entender essa questão "Rascunho, Modelo" ele não aceita a home que fizemos como pagina da loja, comentei pois algumas pessoas pode estar tendo a mesma dificuldade, eu sei que eu vou entender isso mexendo e testando como sempre faço com tudo, mas comentei pra saberem, abrigado.

  2. Cheguei até o final

  3. Olá Micaela, parabéns pelo vídeo. Estava com meu projeto travado com muitas dúvidas e me vejo perto de concluí-lo. Se puder, queria que me ajudasse com o seguinte, na pagina de login o campo "lost password" não consigo achar como traduzir pra "esqueceu a senha". Poderia me ajudar?

  4. Hefrain Almeida

    Cheguei até aqui muito bom video em breve vou estar praticando com tutorial

  5. Ufaaaaa #Cheguei até o final..

  6. Meu carrinho só fica página não foi encontrada

  7. Lucas Felipe dos Anjos Mendes

    Você nem é gente, é anjo. Que vídeo completo! Parabéns por realmente descomplicar e explicar realmente muito bem o passo a passo. Esse canal merece mais inscritos ❤️

  8. CARACAAAAA, que video sensacional!

  9. Que conteúdo sensacional! Obrigada! Me ajudou demais! 🙂

  10. muito bom amei super detalhado passo a passo

  11. Gilberto Neves

    Micaela primeiramente parabéns pelo excelente material e pelo domínio do assunto e disposição em nos ensinar. Acompanhando seu vídeo estou montando um site, porém estou tendo dificuldade em personalizar a pagina do produto. Eu estou usando o plugin woocommerce product addons, e quando crio o modelo fica desconfigurado, o botão fica enorme. Já tentei alterar pelo css, más não consigo alterar o flexwrap. Consegui me ajudar? Alguma dica?

  12. gostei muito.

  13. muito bom.

  14. Tulio Santos Souza

    Sou novato em WP e estou com um problema na instalação do woocomerce ela trava na primeira tela de setuo 1/5. Ao preencher os campos e efetuar o continuar ele nao prossegue! ;(

  15. Instalei o plugin do WooCommerce pra fazer uma loja virtual de maneira rápida. Eu gostaria que o produto no carrinho fosse escolhido por M², ou seja, não irei vender o produto por unidade e sim por m. O cliente deve escolher quantos metros quadrados ele quer do meu produto e o carrinho calcular a quantidade total e preço total da metragem escolhida. Existe algum plugin WordPress/WooCommerce que faça isso?

  16. Olá boa tarde!! Eu possuo uma equipe de desenvolvedores de sites e projetos online. E estou buscando parcerias com youtubers . Gostei do seu trabalho e do seu conhecimento e gostaria de saber se vc tem interesse? Meu nome é Vera pode me mandar um e-mail, caso tenha interesse. [email protected]gmail.com.br

  17. INGLÊS DO GRINGO

    Comprei o Elementor no seu Link . Obrigado pelo video Micaela. :)) Segue lá no meu insta : @inglesdogringo

  18. Eduardo Silva Pereira

    Excelente conteudo

  19. Rafael Vieira Nunes

    Oi Micaela, tudo bom? Depois que eu crio o Theme Builder, publico e coloco a condicional, tem como depois eu mudar essa condicional? Como faço?

  20. Potênciadigital Equipamentos Eletrônicos

    porque usar plugin e tema pago se você praticamente fez todo site? não poderia usar um template básico e fazer as alterações na mão como fez?

  21. Se alguém puder me ajudar, algumas dúvidas:
    1-Todo menu que entra fica a página estática(inicial) em cima, e o conteudo do menu aparece la em baixo,consigo ocultar pra deixar só na página inicial isso?No caso é um Slide e um Feed de Instagram.
    2-Como configuro para quando diminuir a janela o menu não sumir e ficar igual mobile?Quando vai diminuindo chega uma hora q ele fica com o menu de mobile.
    3-No login, a pessoa cadastra e depois loga, ai ela tem q ir em Detalhes pra colocar o resto dos dados e aparecer o nome na, mas e a opção para ela incluir uma foto?Como posso fazer?

    Obrigado!!!E excelente conteúdo!

  22. Quem quer uma loja com WordPress não quer pagar filha. Muito sem noção! O resto qualquer retardado faz isso ai! SE TOCA!

  23. Freepon Descontos

    Micaela, amo suas aulas, minha duvida é se faço um loja para um cliente, a parte de gerenciamento da loja para ele e no proprio wordpress, para gerenciar posts , cupons etc

  24. Silvio Goulart Jr.

    É possível criar uma página de cadastro de produto para o cliente cadastrar? Quero que o cliente entre no meu e-commerce e cadastre os produtos dele para venda… Tipo mercado livre

  25. mais facil que escrever codigo kkkkkk

  26. Parabéns! Muito bom o conteúdo.

  27. Agência B3 - Pedro Barros

    Oi Micaela! Eu novamente! Rsrsrs Olha só… tenho uma dúvida nada a ver com o vídeo mas pode render um conteúdo. Eu preciso dar permissão para um cliente acessar e editar apenas uma secção de uma página feita no Elementor. Segue o link. https://badax.com.br/site2020/forceum/ Nesse caso, o cliente precisará editar, inserir ou excluir os revendedores da marca em cada estado do Brasil. Obrigado e parabéns pelo conteúdo excelente como sempre!

  28. Vanderson Leal

    Reparei que o site agora está com um menu diferente, na parte inferior. Como faz para ficar igual, achei tão legal.

  29. Dicas da Eliane Patrícia

    Qual tamanho banner da home? Essa moça está de chapéu e copo de suco

  30. ola, poderia me da uma ajudinha na pagina da loja? eu fiz como explicado, fui em modelos, Products Archive e por fim coloquei a condição de Shop Page, mas n aparece essa pagina pra mim no meu site, so mostra o modelo antigo 🙁

  31. Valter Oliveira

    Gostei muito

  32. Merecia 5 milhões de inscritos. Obrigado e parabéns!

  33. Diego Araujo de Brito

    Menina! Que tutorial excelente! Muito obrigado por compartilhar! Ganhou mais um inscrito!

  34. Olá tudo bem? Quero parabenizar pelo conteúdo, muito interessante. Será que alguém pode me ajudar com este problema? Quando crio um novo modelo esta sendo mostrada essa mensagem: Desculpe, a área de conteúdo não foi encontrada na sua página. Voce precisa executar o método the_content() neste modelo para permitir que o Elementor seja executado nesta página. Obrigado pela atenção.

  35. Serralheria & Dicas

    No meu caso o uso do elementor é uma dor de cabeça a mais.

  36. Ramires Castro

    Aula Incrível sua didática é simplesmente top das galáxias. Parabéns pelo projeto!

  37. Wallace Cerqueira de carvalho

    Cara suas aulas são show, parabéns! Por mais pessoas como você, que compartilham um pouco do que sabem para poder ajudar as pessoas.

  38. Qual a melhor forma para deixar um delivery?

    Na minha cidade não tem Ifood e essas coisas! Então vou atender pelo menos próprio site.

  39. Marcelo Nascimento

    conteúdo top demais parabéns ganho um fã ! ! ! !

  40. Em relação a página SINGULAR de produto. Tenho que fazer essa edição em CADA UM dos produtos que tenho na loja?

  41. Júnior Correia

    Boa noite, estou com uma dificuldade, na pagina de login existem duas palavras ( remember e lost you password) que são do elemento (login) como faço para traduzir, para (lembrar e esqueceu sua senha) desde já agradeço, se alguem tiver passado por isso e puder da uma luz, graditão

  42. muito top essa aula, parabéns desejo todo sucesso do mundo !!!

  43. Lucinaldo Gomes

    Bom dia, vc tem algum vídeo sobre loja com produtos digitais para download? Cada produto que vou vender contém 6 arquivo jpg zipado. O cliente paga e será liberado na minha conta e enviada um email em anexo tb

  44. Olá, tem como definir a quantidade em estoque para cada variação?

  45. Andrea Felisberto Martins

    Olá Micaela, adorei seu tutorial! Parabéns pela didática e conteúdo. Na página que você criou e está no ar, o popup de registro e cadastro está diferente. Você fez o tutorial deste novo popup também? Eu gostaria muito de fazer o da minha página como este que está no ar.

  46. Nice tuto, ta mais completo q o curso online q comprei sksksk

  47. Oiii!!! Eu ja tinha meu site todo pronto, apos ver varios videos consegui montar. Mesmo nao ficando do jeito que eu gostaria, foi o passo q eu precisava p voltar com minha loja. Hoje um mes e pouco depois eu vi o seu video e eu confesso que to MUITO satisfeita, meu site ta impecável, do jeitinho que eu queria!!! Muito obrigada de vdd!!!!!!

  48. sonia regina Belotti

    Pq não aparece o tema Hello Elementor pra mim?

  49. Micaela, como eu faço pra deixar um banner diferente em cada página de uma catergoria?

  50. Cassiano Santos

    Olá Pro tudo bem? Sou inscrito em seu canal, gostaria de saber como eu posso recuperar o meu domínio e o dns, vou te explicar: Eu comecei fazer um site de dropship numa plataforma mas eu parei de montar o site nessa plataforma, eu levei o meu dns pra essa plataforma, quero construir o meu site na Hostinger, renovei o domínio na Godaddy onde comprei, agora eu não sei como recuperar o meu domínio e o dns? Tenho que entrar em contato com a plataforma onde levei o domínio ou com a renovação do domínio ele retorna automaticamente para a Godaddy? Me ajude amigo.
    Caso vc tenha algum curso de criação de sites me envie o link do curso blz para o meu email: [email protected]gmail.com mas me envie a resposta por lá também ok!

  51. gedmilson medeiros delgado filho

    Quando poder veja se dar para fazer um marketplace.

  52. Sensacional a aula. Obrigada por todos os ensinamentos e informações, de forma descomplicada e didática !!

  53. Amando seus conteúdos 😉

  54. Parabéns Micaela, estou fazendo parecido com seu tutorial más no botão comprar alguns itens estão aparecendo leia mais, porque será?

  55. Rayner Garcêz

    apareceu um cliente, ele já tem uma loja virtual, mas ele não estar satisfeito com a loja. acredito que foi criada em WP, como faço para editar essa loja??

  56. Como afiliar pelo aliexpress e transferir os produtos dele para minha loja?

  57. Preciso falar com vc. desejo criar um site de rifa. Nao estou conseguindo templates ou ferramentas.

  58. Wiliames Robson

    Não tem como não curtir e se escrever rirrss parabéns pelo vídeo.

  59. Elisabete Bete

    Obrigada pelo conteudo Micaela! Pode dizer como faz o menu mobile que está na versão final do site que está diferente do explicado neste vídeo?

  60. pq o NAMRSERVER tem o nome hostgator e quaando vc vai apontar digita WALMARKETING.COM.BR ?

  61. Que aula top!!

  62. Mikaela, fiz tudo certo na pagina de login, mas depois de pronta quando clico na pagina minha conta não aparece o formulário criado mesmo entrando em anônimo, será que tem alguma configuração a mais?
    Só falta essa parte para acabar e colocar no ar por favor da um socorro
    Obrigado

  63. tuod bem ? nao consegui linkar o login e o cadestre – se pode me ajudar?

  64. Eu consigo colocar produtos de lojas de afiliados no site criado?

  65. Olá Micaela, parabens pelo conteúdo.
    Apenas não localizei o código css que vc mencionou que deixaria na descrição do vídeo…no tempo 2:49:43. Poderia me ajudar?
    Grato

  66. Rafael Takahashi

    Editando a página simples do produto ao colocar o botão Comprar ele trás as opçoes da calular frete na pagina do produto e wishlist tudo junto. Porém ele sai todo desconfigurado. Não tem como criar a página simples do produto com esses plugins?

  67. Perfeito video, estava muito perdido com o elementor e o wordpress. Achei que seria um investimento ruim que eu tivesse feito mas depois do seu video valeu a pena. Obrigado pelas dicas, sucesso <3 Melhor que muito curso pago por ai.

  68. Mikaela finalmente terminei meu site, queria agradecer a você por disponibilizar esse vídeo e falar para seus inscritos que façam seu curso.
    Eu que sou leigo no assunto fiz algo tão legal imagina quem trabalha na área e quer se aperfeiçoar !!! Não percam essa oportunidade de aprender
    Mikaela não vou mandar o link da loja que criei para não fazer propaganda sem sua permissão, por favor me indique um lugar onde possa enviar o link para vc ver.
    Caso alguém queira ver meu site como ficou peçam a Mikaela pois cabe somente a ela mostrar como ficou (bonito ou feio) Ficou lindoooo!!!! kkkk
    Mikaela mais uma vez, muito OBRIGADO.

  69. Cristiano Rodriguez

    Olá Descomplicando Sites. Parabéns pelo conteúdo. Vc tem o arquivo em CSV citado no minuto 36:40 para exportar?

  70. Atelie Talinga Talinga

    Boa noite, achei super didático, fui seguindo tudo passo a passo, mas qdo arrastei os produtos, eles ficaram transparentes e com uma mensagem –

    (O estilo deste widget é frequentemente afetado pelo seu tema e plug-ins. Se você tiver algum desses problemas, tente mudar para um tema básico e desative os plug-ins relacionados), eu já tinha um site e a pessoa que montou tb não conseguiu colocar esse tipo de loja, disse que precisava mudar o tema, e desistiu, me aventurei e imperei nessa parte, pq achei que se o seu foi tranquilo o meu tb iria, sabe o que devo fazer ?

  71. Thiago Roieski Maltezo

    que conteúdo ein!
    parabéns pelo trabalho

  72. Wellington César

    ficou linda essa loja Micaela.
    Meus parabéns.
    Essa loja vai para o meu portfólio com toda a certeza.
    Vou assistir com mais calma o vídeo de como vender sites, pois quero aprender a fazer isso usando os canais digitais usando marketing digital e sites de freelancer como início.

  73. Wellerson Jesus

    muito top mesmo

  74. Natanael Aguiar

    Muito TOP!!!!!

  75. VOCÊ E UMA FOFAAAA…eu vim aqui fazer o maior desafio QUE FIZ ATÉ HJ…perdi tudo no trabalho e tanta gente que conheci não ajudou …sou desenhista,criativa…Mas as pessoas duvidam que eu consigo fazer um site assim!ME AJUDA !

  76. Ativando o modo de pagamento assim pelo PagSeguro como vc fez, o pixel do Facebook consegue pegar o evento de compra?

  77. WALLACE KAST FOTOGRAFIA

    caramba me ajudou mt por de mais .

  78. meu amigo, tu é top!

  79. Alexandre Silva

    Seus videos são simplesmente os melhores.
    Gostaria de saber se existe um plugin que automatize as vendas na minha loja. Gostaria de oferecer CASHBACK para meus clientes.

    Abç parabéns, você tem ajudado muitas pessoas com seus videos.

  80. Mariana Carvalho

    Quanto mais ou menos vou gastar no total para fazer esse site?

  81. Um colega meu comprou todos os recursos, porem eu nao entendo nada de wordpress, preferia fazer programando, mas bora la, espero que seja simples quanto desenvolvimento

  82. Para mim não me da a opção de preço. :/

  83. Boa noite, não encontrei o CSS que remove a coluna da esquerda no painel minha conta. Tem esta possibilidade de disponibilizar?

  84. Paulo Fernando

    Eu fiz o menu e salvei, agora como faço para voltar nele e fazer algumas atualizações

  85. Thais Ferreira Corrêa

    Você tem algum vídeo explicando como fazer múltilojas, ou seja, a “loja” principal não vende… ela divulga as lojas que estão no seu subdomínio

  86. Alguem tem o código Css citado no minuto 2:49:47 ?

  87. em 21:47 fica sem som

  88. Begood Presentes

    Por favor me ajude, estou seguindo seu tutorial, porém na parte de produtos as caixas de produtos estão ficando estreitas no formato mobile, já tentei aumentar e configurar de todas as maneiras, no elementor aparece correto más no meu celular aprece tudo pequeno.

  89. agora estou aprendendo, você da aula via remoto para ensinar?

  90. Andre Fonseca da Silva

    Oi, Micaela! Estou impressionado com o seu conhecimento em wordpress. Parabéns pelo excelente trabalho que vem realizando no youtube. Graças a dois vídeos que vc disponibilizou sobre a construção do site de barbearia e esse de ecommerce consegui fazer o site/ecommerce docesfinosrj.com.br e faturar uma graninha sendo 100% construído no elementor. Te desejo muito sucesso.

  91. Cristiano Nogueira

    Simplesmente EXTRAORDINÁRIO. Aplicado, finalizado… Postado! Obrigado Micaela!

  92. nao uso telegram 🙁

  93. 32:58 E a risada marota, imaginou uma anã usando o vestido certeza kkkk

  94. 1:09:45 Na verdade o que está causando a estranheza aqui eh o campo de busca que não alinhou verticalmente, resolvendo ele todo o resto fica com aparencia normal

  95. Terminei de assistir agora e o modo como foi mostrado desde a compra da hospedagem, registro de domínio, instalação/configuração do WordPress e plugins e todo o uso do Elementor foi sensacional. Quem quiser aprender a utilizar o elementor para implementar novos designs, templates, modificar checkout esse vídeo é o indicado. Todas as áreas foram feitas manualmente não teve aqueles cortes mágicos onde não é explicado algo e já aparecem prontas as coisas. Parabéns Micaela pelo ótimo conteúdo.

  96. Estava indo bem, até perceber que um recurso pra colocar um menu é recurso pro…..rsrsrsrsrs….. é brincadeira né…..

  97. Era importante você dizer com antecedência que tem muitos elementos do vídeo que são exclusivos da versão pró.

  98. haha, muito bom =). Sou programador e também faço sites e lojas. Ficou top sua loja e parabéns por compartilhar os conhecimentos ^^. Like garantido pelo ótimo conteúdo.

  99. quem quiser o elementor pro deixa o whatsApp

Leave a Reply

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