Compra com um clique

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.

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ê.