Fluid Checkout: Como ter um CHECKOUT DE PASSOS no WooCommerce [Ckeckout de Alta Conversão]
HTML-код
- Опубликовано: 18 сен 2024
- Aprenda neste tutorial como usar o plugin grátis Fluid Checkout para ter um CHECKOUT DE PASSOS no WooComemrce. O Fluid Checkout permite ter um Checkout de Etapas na Loja Virtual criada com WordPress e WooCommerce. Muitos lojistas buscam por um Checkout para WooCommerce de Alta Conversão. E sem dúvidas, o Fluid Checkout por dividir o Checkout em Etapas no WooCommerce deixa o preenchimento menos cansativo e mais atrativo para os clientes da loja e isso aumenta as conversões/vendas da loja.
👉Entre e participe do nosso canal VIP no Telegram: t.me/descompli... ❤️
👉Se inscreva no canal: bit.ly/QueroMe...
Pegue o CSS no nosso site: descomplicando...
Shortcode: [woocommerce_checkout]
✅Hostinger: Hospedagem de Sites com Desconto Extra de + 7% OFF pelo link: hostinger.com/... + Cupom DESCOMPLICANDOSITES 🔥🔥🔥
✅Adquira o Elementor Pro aqui: descomplicando...
✅Plugin de Otimização e Performance que uso em meus sites (WP-Rocket): bit.ly/Otimiza...
✅Crocoblock Elementor (Todos os Jet) - bit.ly/JetPlugins
🔻Links citados e outros que você pode gostar também🔻:
Como usar o CEP para Completar o Endereço Automaticamente - • Como usar o CEP para C...
Como editar campos do Checkout - • Como Criar, Editar e E...
Mercado Pago no WooCommerce - • Como Integrar o MERCAD...
Mostrar Notificações de vendas WooComemrce - • Como Mostrar NOTIFICAÇ...
Como Criar uma Loja Virtual - • Como Criar uma LOJA VI...
Como Criar uma Loja de Dropshipping - • Como Criar uma LOJA DE...
Como Fazer Banner para Site no Canva - • INCRÍVEL! Como Fazer B...
Como Criar um Site Profissional - • Como CRIAR UM SITE PRO...
Como Fazer uma Landing Page - • Como Fazer uma LANDING...
Como Otimizar site WordPress - • LiteSpeed Cache: Como ...
Como Vender Sites, Onde Encontrar Clientes - • Como Vender Sites, Ond...
🔻PlayLists:🔻
- Personalizando o WooCommerce: bit.ly/WooComE...
- Novidades do Elementor: bit.ly/Novidad...
- Da Venda de Sites a Entrega: bit.ly/VendaEn...
- Como Criar Sites Completos: bit.ly/ComoCri...
- Otimização de Sites - bit.ly/Otimiza...
- Dicas de Design: bit.ly/DicasDe...
- Photoshop: bit.ly/Photosh...
- Marketing de Afiliados: bit.ly/MktAfil...
- Marketing Digital: bit.ly/MktElem...
- Blog: bit.ly/BlogWPE...
- Menus: bit.ly/MenusCo...
- Popups: bit.ly/PopupsC...
- Plugins do Crocoblock: bit.ly/PlayList...
- Hospedagem de Sites: bit.ly/Hospeda...
- Emails: bit.ly/EmailsW...
☑️ Fluid Checkout: Como ter um CHECKOUT DE PASSOS no WooCommerce [Ckeckout de Alta Conversão] - Compartilhe o Vídeo: • Fluid Checkout: Como t...
Muitas empreendedores que têm Loja Virtual com WordPress e WooCommerce buscam por um “Checkout de alta conversão WooCommerce com etapas”. Pois sabem que um Checkout WooCommerce dividido em passos aumenta as conversões da loja, seja loja com estoque ou na modalidade Dropshipping. Pois um Ckeckout onde os tem muitos campos para preencher acaba afastando muitas pessoas. Ao dividir o Checkout em passos, ou seja, em etapas, fica menos cansativo e consequentemente as pessoas preenchem mais e efetuam a compra do produto.
Então aprenda neste vídeo como configurar o Fluid Checkout - que é um Checkout para WooCommerce e tenha um Checkout de alta conversão WooCommerce com Etapas/Passos. Muitas pessoas também conhecem o Checkout do WooCommerce como “Página de Finalização de Compra”. Que é a página onde de fato os clientes compram os produtos na loja virtual.
👉Se inscreva e ative o sininho das notificações para ver novos vídeos e dicas sobre WordPress, Elementor, Woocommerce, Hospedagens de Sites e de como Viver de Criação de Sites.
Clique aqui: bit.ly/QueroMe...
📍 Sigam minhas redes sociais
💲 Instagram - / descomplicandosites
💲 Telegram - t.me/descompli...
Boa aula!
Com amor,
Micaela Soares - Descomplicando Sites.
#Woocommerce #CheckoutWooCommerce #Wordpress
Atualização: Caso alguém tenha alguma dificuldade, gravei um novo vídeo: ruclips.net/video/7CmM3NiXoQc/видео.html
Acesse o nosso site para pegar o código CSS usado no vídeo
descomplicandosites.com.br/fluid-woocommerce-ckeckout-de-alta-conversao/
as bordas dos campos continuam quadradas ;/
estou com erro na parte de finalizar a comprar, aparece a mensagem: "Erro ao finalizar a compra. Tente novamente." o que pode ser?
pra deixar o css personalizado, tem que pagar :(
e outra, como faço para traduzir a pagina de finalizacao da compra???
@@MariaClara-bs8qe :(
Você é muito boa! Parabéns pelo trabalho ❤
@@sigmawebsite2566 obrigada ☺️
Perfeito, teacher!!! Valeu!!
Obrigada ☺️
Genteee! que aula top. A aplicação do CSS é superfácil. Gratidão Micaela.
Muito obrigado mesmo, sempre ajudando a todos, que Deus te abençoe
Tu conseguiu? Paracé q não está mais disponível grátis
Micaela. Você é fantástica. Parabéns!!!
Show parabéns 👏
Ensina a integrar no VEGA checkout PFV
Obrigado, valeu mesmo.
Muito obrigada
antes mesmo de assistir já deixei meu like.
Obrigado pela didática!.
Seu conteúdo ajuda demais!
Obrigada ☺️
Muito top, sua aula. Parabéns!
Olá, como faço para adicionar aquele botão de li e concordo com os termos no final do checkout?
Top! Gratidão
Vlw
Ótimo vídeo, parabéns!
Hoje é meu canal Favorito 😄😍
Que maravilha fico feliz demais que tenha gostado ❤
Tá cada dia mais linda, e seu conteúdo é essencial pra comunidade
Muito obrigada ☺️
O meu desconfigurou tudo.
Muito bom, bem explicativo parabéns Micaela xD
Obrigada ☺️
Legal esse plugin, mas o CEP não carrega o endereço automático? Quando colocamos o CEP... preenchimento automático...
Estou com o mesmo erro, conseguiu alguma solução?
Representando mais uma ve hahahah Obrigado!!!
Obrigada ☺️
Oi como faço pra quando fazer a reserva não precisar o cliente ter um registro …
irado de mais o meu mudou completamente gratidao
Micaela, muito boa aula, fiz um site usando suas dicas. Eu estou com problema na pagina pós compra, talvez o resumo da compra, está aparcendo apenas uns backgrounds em cinza ao invés de aparecer o descritivo do pedido. Pode me ajudar? Eu acho que deve ser algum shortcode a ser instalado.
Oi Micaela, gostei do seu vídeo, porém quando vamos para a prática, o Plugin não funciona direito. Se bem que hoje é 20 de Outubro de 2023, o que funcionava ontem, hoje não funciona mais. Mas vou testar novamente para ver se não foi algo errado que fiz.
Muito mais fácil que o cartflow
Esse checkout pula o carrinho?
O WoodMart, que é um tema pago do Wordpress, tem um checkout muito bom tambem, super recomentdo!
Boa tarde Micaela!
Como alterar a cor dos botões Finalizar pedido no fluid checkout?
Obrigado!
Ensina a colcoar avaliacoes no checkout pelo menos umas 3 fica legak
Boa noite! Micaela parabéns pelo conteúdo você poderia tirar uma dúvida como faço para traduzir?
Pois é.. hs, não ensinou a configurar na verdade...
Ótimo vídeo, obrigado por todas as atualizações, estou com um problema, não vejo a opção "já tem uma conta?" como posso ativar isso?
@Descomplicando Sites Pode ajudar-me, por favor?
Vc usa neste projeto o Shopengine, esse plugin faz a página de checkout? A minha questão é se usarmos tantos plugins não vamos deixar o site mais lento.
oi, o meu carrinho a opção de editar não leva a lugar nenhum , o que posso fazer ? obg
Ótimo vídeo Micaela. você usou CSS para deixar as bortas dos campos de preenchimento arredondadas? Porque aqui instalei ele e ficaram retangulares.
tbm estou atrás desse código
mana você é maioral
Pessoal boa noite, numa loja virtual que criei, no WordPress, elementor, quando um cliente Pessoa Jurídica faz a compra e após preencher todos os campos , no momento de clicar no botão Realizar pagamento, aparece a seguinte mensagem: Empresa é um Campo Obrigatório E não aparece campo pra preencher, alguém tem uma dica pra resolver este problema?
- No Campo do check-out em Campos personalizados está Exibindo tipo de Pessoa : PF e PJ
- Ainda no woocommerce eu estou usando o Fluid Checkout, verifiquei e está está tudo ok, inclusive desativei pensando que poderia ser nele , mas problema persiste...
-Se alguém tiver uma dica agradeço desde já...
Micaela, poderia fazer passo a passo disso? Como você deixou os campos arredondados?
É só clicar container e procurar por Borda, e então mudar o raio da borda.
Oi Micaela! uma ideia boa para video seria explicando como fazer um drop no woocommerce com a shopee
Micaela, você poderia fazer um video com relação a configuração dos emails das etapas do woocommerce, é possível mudar o layout e texto dos emails quando o cliente realiza uma nova compra ou quando enviamos o código de rastreio? Obrigada.
Oi, tudo bem. Os e-mails podem ser editados ao entrar na aba woocommerce e configurações, lá você vai encontrar algumas abas e dentre elas a de email, clicando nela você consegue editar os seus emails
É bem legal esse plugin, mas não pode alterar a cor dos botões finais acabou sendo inútil pra mim. A página toda azul e amarela e do nada um botão rosa gigante kkkk
edita com css
@@Klystonk sim, eu aprendi dps. Agr consegui editar tudo, até tamanho, efeitos e etc...
Olá, boa tarde. No meu, a lista de Entrega aparce duas vezes. Abaixo do resumo(O tempo inteiro ate a concretização da compra) e abaixo de nde preenchemos tudo e ele so aparece quando estamos no metodo de entrega mesmo, que é o certo. Como faço pra remover o metodo de entrega que fica abaixo do ressumo de compra?
Como adiciono o campo de senha na primeira etapa do checkout para cliente já realizar o cadastro?
Eu usei ele porém quando tento acessar a página de checkout com o usuário deslogado, tomo um monte de erros.
Oi Micaela! Você é 10. Top demais seu vídeo. Mas no meu caso o campo "Bairro" não ficou obrigatório e precisaria ficar obrigatório como mostrou no seu vídeo. teria alguma configuração pra isso? Grato. Deus abençoe você e sucesso!
Oi Micaela parabéns pelo conteúdo!
Um comentário, eu desisti deste plugin porque ele conflitou com o preenchimento automático de endereço, a partir do CEP.
Você já fez essa configuração e funcionou com o flex?
Sabe me dizer se ainda continua, esse conflito?
@@LucasGabriel-lt7so Continua e vai continuar. O desenvolvedor falou numa postagem que ele nao tem tempo e nem interesse em integrar essas outras ferramentas no plugin deles, porque eles já tem um que faz a mesma coisa (a diferença que custa 29 euros por ano)
Micaela ... Mais um vídeo perfeito ... Estou com um problema: onde consigo diminuir a quantidade de caracteres da senha quando um usuário vai solicitar uma nova (por ter esquecido). No meu está com 12 caracteres e muitos clientes reclamam e não sei por onde ajustar.
galera, como que coloca a opção pix?
Uma dúvida, quando o cliente finaliza a compra o dinheiro vai pra onde? Não vi nada sobre configurar as informações do vendedor. Obrigada!
O dinheiro vai para a conta bancária que você integrou com o gateway de pagamento. Por exemplo, se você usar o mercado pago, quando o cliente comprar, o dinheiro vai para a sua conta do mercado pago. Mas tem que ver a configuração que vc usou, o dinheiro pode cair depois de 14 dias, depois de 30 dias ou no mesmo dia, depende de como você cadastrou.
Lembrando que se o seu produto for com frete, o dinheiio do frete vai junto, ou seja, se o cliente comprou R$ 100,00 e o frete foi R$ 30,00, vai para a sua conta R$ 130,00, ai você vai ter que ter o dinheiro para pagar o frete até o dinheiro cair na sua conta. A não ser que vc tenha configurado para receber o diinheiro no mesmo dia, ai você pode usar o pagamento para pagar o frete.
@@guilhermesantos3301 muito obrigada!
Esse "faturamento para" é o que fode desse plugin
Micaela faz um video ensinando a colocar um botão de salvar contato, como vcard!!!
Boa noite Micaela!
Tudo bom?
Instalei o plugin Preenchimento Automático de Endereço no WooCommerce, mas o mesmo não está funcionando junto com o Fluid Checkout, quando desativo, funciona normalmente.
Por alto, sabe me dizer o que pode ser?
Desde já agradeço.
Tem que baixar um plugin para isso. O que eu usei e funcionou foi o AutoCEP criado por TESW | Dev Wanderson Cesar. Basta baixar e ativar e já vai funcionar.
@@guilhermesantos3301 Vou testar. Obrigado!
Adorei seu conteúdo, muito bacana!!
Uma dúvida, teria como ter uma condição de desconto em formato de kit, exemplo: Uma blusa x com uma calça y, tem um desconto especifico, só naquele kit. A pessoa monta o kit dela e ao por esses dois produtos no carrinho, gera desconto.
Usa o Discount Rules
Oiii! Tutorial maravilhoso segui passo a passo, mas empaquei, depois de preencher as informacoes de faturamento e ir pra finalizar a compra, elas nao carregam pra finalizar o pedido, ja fiz de tudo, desistalei o plugin e comecei do zero mas nao vai. Fica rodando a barrinha fe carregar e nao sai disso. Alguem passou por isso ? Pode me ajudar ?
Mesmo ativado o cpf / cnpj no meu com esse plugin não aparece o campo cpf, o assas pede essa informação para finalizar.
estou com o mesmo problema, você já conseguiu resolver?
fiz um passo a passo do video criando site do zero.. só quando clico no visualizar carrinho e finalizar compra ele sempre vai para a pagina de inicio nunca para o destino que quero, saberia me dizer no que eu estou errando ?
Olá Micaela, primeiramente queria te agradecer pelo seu conteúdo, já assisti alguns vídeos seus e têm me ajudado muiiiito!
Muito bom o vídeo! Era o que eu estava procurando. Um dúvida, com relação ao envio, este plugin ele gera automaticamente a etiqueta de envio dos correios ? Onde visualizo o pós venda ? Preparar a embalagem e tudo mais ? Pq eu to batendo cabeça com relação ao frete.
Olá td bem ? Não ele é apenas para mudar o layout do checkout e deixar bonitinho
Olá, Micaela, tudo bem com você? Preciso de uma ajuda, por favor. Meu site está demorando mais de um minuto para finalizar o pagamento quando se clica em 'Finalizar'. Teria como me ajudar?
Micaela tudo bem? muito bom seus conteudos. Gostaria de saber se vc tem algum video com algum formulario com arquivos anexados como ( JPG e PDF )?
Oiii Consegue me ajudar? Fiz o passo a passo com você no vídeo, mas no meu está aparecendo abaixo de Prosseguir para Cobrança, um campo pesquisar, outro recent posts e recent comments... como faço para remover isso?
Micaela, parabéns pelo vídeo. Eu tenho uma dúvida. Qual é o processo para achar a classe do botão , no caso ".button#placeorder" ou de qualquer outro elemento do site para alterar no css? Tenho essa dificuldade. Abraços!
Muito bom! No meu aparece o bairro como opcional. Como vc fez para que esse campo seja obrigatório? Obrigadoo
Boa tarde, conseguiu colocar o Bairro como Obrigatorio?
Olá! Eu estava com esse problema e consegui resolver indo em Campos do checkout do Woocomerce e alterando para "Apenas pessoa física", aí libera o campo bairro como obrigatório.
A nova versão do plugin está quebrando o site :(
Alguem pode me ajudar ativo ele mais não aparece a pagina com a aparecia novo HELP!!! 😥
Eu posso aplicar para meu site de doces esse checkout?
Oi Micaela, no caso meu checkout ´é um plano de assinatura, não tem como eu por imagens dos planos, dai nesse checkout aparece a imagem quebrada, tem algum css para esconder a imagem (no caso produto, que é plano) ou opção no checkout, lembrando que no plugin mesmo não encontrei essa opçao.
Parabéns pelo conteúdo, por mais pessoas assim na internet, que compartilham conteúdo de qualidade, criei meu site assistindo seus vídeos. Tenho uma duvida, após a ultima atualização do wordpress/elementor minha pagina de produto individual desapareceu. Antes na propria pagina do produto lá em cima na barra tinha uma opção de editar com elementor, agora não tem mais e tambem nao esta no painel em paginas, mais alguem com o mesmo problema ? gostaria de saber se tem como colocar a opção lá em cima de novo ou pra onde foi a pagina de produto
Olá, tenho uma landing page, a prosósito, criada com os seus "passo a passo". Sou muito grata por isso. No entanto, estou tendo problemas com a página de checkout, pois a minha landing page é para vender um produto (curso online) gravado dentro da Hotmart. Tentei o Woocommerce, mas ele tem uma configuração complicada. Qual o melhor checkout para vender o meu curso?
Hotmart tem o próprio checkout deles, que inclusive tu pode editar como quiser.
Estou procurando um vídeo que ensine criar um post do zero e bem passo a passo com o elementor pro e também colocando o link de afiliado....
Tem vídeo no canal ensinando a criar um blog inteiro passo a passo
Amiga boa tarde, como faço, se no meu site estiver um único produto, como configurar para indicar ao cliente que o produto está esgotado?
Vc conhece o Mestres do WP?
e na parte aonde a pessoa tem q impriir o boleto, como personalizar
Uai, o meu não aparece "Opções de Layout" 5:15
Estou com um problema, não vejo a opção "já tem uma conta?" como posso ativar isso?
Olha eu de novo! kkkk Ainda não saí do vídeo ,quase no décimo dia ...hahaha. Só queria tirar uma duvida contigo, o meu formulário ficou com umas letras bem clarinhas rosa, e eu nao sei onde altera isso, sempre que tem uma tela onde nao posso congigurar as cores fica esse rosinha claro... saberia me dizer onde devo alterar? rs
No meu não tá aparecendo o resumo do pedido do lado, mesmo excluindo o checkout do elementor.
no meu não aparece a imagem do produto no resumo de jeito nenhum, o que faço?
Micaela, primeiramente adoro seus videos! Já aprendi demais com o seu canal!
Estou com um problema: depois que ativei o fluidcheckout, o frete grátis do Advanced Free Shipping parou de funcionar ao atingir o valor mínimo. Coloquei a condição Subtotal > Greater or Equa lto > 249 e o teste de R$560 não está funcionando.
O que pode ser?
Tem como limitar compra de produtos por carrinho? Ex. Comprou 10 peças de roupa e é fechado automaticamento o carrinho indo para a area de pagamento.
Olá Micaela, poderia me dizer por que em meu checkout as palavras não estão traduzidas??
Elas só ficam em inglês e algumas em português, Por exemplo: My Contact, Shipping to, Shipping Method, Billing to, Payment Method. Essas palavras não estão traduzidas na pagina do checkout.
Outra dúvida que tenho é se teria como tirar alguns desses campos do checkout, como o campo de faturamento (Billing to).
Agradeço pela resposta.
Vai nas opções do Wordpress - Geral - Mude o idioma para "Português do Brasil"
@@marcelomarcelo3228 obrigadaaa... estava com a mesma dúvida do colega e o meu estava english hahaha
tem um problema nesse checkout. nao tem opção de colocar o telefone do usuario. e agora como que faz?
Foi muito bom enquanto durou, agora o bug dos campos do passo 2 está infelizmente tirando conversões :(
Qual bug, dos itens do carrinho que não aparece ou outro?
Olá Micaela, tudo bem? Sabe me informar se consigo usar o preenchimento automático do endereço pelo CEP na versão gratuita/lite?
Cara, tive que instalar um código adicional pra poder funcionar o preenchimento do endereço pelo cep, usava o plugin, porém parou de funcionar
Como altera a fonte do checkout ? a minha esta com uma tipo times new roman
Olá, como consigo fazer atualização dos produtos de download e também inserir novos downloads para que os compradores antigos possam baixa-los? Grato desde já.
No checkout do meu site as formas de pagamento estão aparecendo em inglês, já fiz de tudo e não muda!
Olá Micaela, eu estou tendo um problema com a cor dos links que já vem programados junto com o plugin do woocommerce, estou procurando aonde posso mudar a cor, mas até hoje não achei, poderia me ajudar?
Olá, Micaela tudo bem como que eu posso está entrando em contato com vc ?
Manda na caixinha dos Stories
Tem como eu fazer uma página de pagamento totalmente personalizada, e como iria funcionar para após a compra o produto ser entregue automaticamente??
Bom dia, faz um video de como traduzir esse novo CHECKOUT, a tradução não ta indo nem com GTranslate nem com o loco. :(
Olá Micaela tudo bem? eu configurei o plugin mas como uso o Mercado Pago como forma de pagamento ele pede endereço de cobrança e quando a pessoa vai pra finalizar o pedido retorna o seguinte erro, sabe se é possível configurar Endereço de faturamento ?
O campo "Nome" do endereço de faturamento é um campo obrigatório.
O campo "Sobrenome" do endereço de faturamento é um campo obrigatório.
O campo "Nome" do endereço de entrega é um campo obrigatório.
O campo "Sobrenome" do endereço de entrega é um campo obrigatório.
Não consegui, tá dando erro quando faço o teste no PagSeguro, fica falando do telefone está incorreto.
esse campo ''faturamento para'' tem como excluir? unica coisa ruim e desnecessária desse checkout é isso..
Só da pra incluir o código css quem tem elementor pro?
Não. Quem não tem Elementor Pro pode colocar no CSS Adicional do tema. Dentro no painel administrativo no Wordpress, passe o mouse em "Aparência" e clica em "Personalizar" depois clica em "CSS Adicional". Aí cole o CSS
Olá Micaela tudo bem? eu tenho uma pequena dúvida, quando eu fiz a instalação fiz os testes e funcionou muito bem, no entanto não sei oque pode ter acontecido mas mesmo deslogado, ou entrando em uma aba anônima quando eu coloco o produto no carrinho e vou finalizar o pedido, ele já mostra para min que está no "passo 2" e pra min o maior interesse neste plugin é o passo 1 do e-mail por conta do remarketing de carrinho abandonado.
será que fiz alguma coisa errada?
Atualmente qual plugin você usa para integrar com os correios, estou experimentando o da frenet mas ele nao permite outras modalidades de entrega no woocommerce somente ele pode ficar ativo, você tem alguma outra sugestão que possua calculo para correios mini envios?
vi que tem mini envios pelo melhor envio
video top, mas o meu Checkout ficou em ingles.
Vai nas opções do Wordpress - Geral - Mude o idioma para "Português do Brasil"
Eu estou tendo um problema no mobile, quando a cleinte não tem cadastro e preenche os dados no chechout pela primeira vez, não aparece o botão "finalizar pedido" no final selecionando o pix ou o cartão de crédito