Boa tarde.
Preciso incluir um botão de compra com um clique na linha loja.
Alguém sabe me informar se existes uma opção nativa? Ou preciso desenvolver?
Observei que em alguns sites grupo GRUPO S2 HOLDING (redley, cantão, ....) possui um botão de comprar com um clique. Vi que o comportamento é apenas para levar diretamente para a página de finalização de compra. Acho que seria esse mesmo o comportamento né? Pois lá tem que escolher o tipo de pagamento e endereço. Alguém teria alguma outra ideia ou saberia algum outro site para que eu possa tomar como base?
Obrigado.
1 Like
Boa noite e feliz ano novo @Ricardo Gomes
Se você esta trabalhando com os HTML Templates de VTEX do CMS pode fazer o seguente:
Se o template HTML é para a pagina de produto pode utilizar um dos controles da VTEX (<vtex.cmc:BuyButton/> e <vtex.cmc:BuyInPage/>).
- O control <vtex.cmc:BuyButton/> adiciona um botão comprar com a seguinte funcionabilidade "Se o SKU estiver esgotado, exibirá o Avise-me se o mesmo estiver configurado no admin".
- O control <vtex.cmc:BuyInPage/> adiciona um botão comprar (Assíncrono), esse botão adicionará o item ao carrinho de maneira assíncrona, ou seja, sem sair da página de produto. Para seu perfeito funcionamento, é obrigatória a utilização do controle AmountItemsInCart.
O controles de VTEX tem que ser utilizados num template HTML como o seguinte
<!DOCTYPE html>
<html
lang="pt-br"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce"
><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Nome da Pagina</title>
<vtex:metatags /></head><body><div class="container-buy-button"><vtex.cmc:BuyInPage/></div></body>
</html>
Se você esta trabalhando com os Shelves Templates (prateleiras) de VTEX do CMS pode fazer o seguente:
Pode utilizar um dos seguintes shelve template controls:
$product.BottomBuy
$product.BottomBuyAsynchronous
$product.ButtonBuyModal(false,true)
$product.BottomBuyAllSku
Para mais informação você poder olhar os seguintes links:
Legal.
Não sei se entendi bem, mas pelo que vi acho que essa opções não me levaria a um botão que comprasse direto com 1 clique. É na pagina do produto. É um HTML Template.
Fiz o seguinte..
Adicionei um botão (respeitando as regras, por exemplo, se não tiver estoque ele não aparece, ...) que no clique dele, ao invés de adicionar no carrinho ou ir para a página do carrinho, leva direto para a página de checkout! Basicamente isso. Não sei se seria a melhor maneira/boas praticas, mas esta funcionando certinho.
/checkout/cart/add?sku=" + id_produto + "&qty=1&seller=1&redirect=true&sc=1&target=orderform
Então o HTML template control <vtex.cmc:BuyInPage/> pode funcionar para você.
Ricardo, eu também estava pesquisando uma forma melhor e mais fácil de fazer assim em Vtex, rsrs. Mas não consegui muito resultado. Eu ficaria muito feliz se a Vtex tivesse integração com a increazy.com que é um checkout que utilizo para todos os meus clientes Magento.
Lá eles tem essa funcionalidade muito fácil e que realmente compra com 1 clique. Isso aumentou muito o ticket médio dos clientes e também a recompra.
Eu não consegui implementar bem em Vtex e preferi retirar. Você já conseguiu resolver de alguma forma melhor?
Abraço.
3 Likes