Botão Comprar

Adicione seus produtos a qualquer site ou blog

O Botão comprar da Shopify permite que os lojistas criem um cartão de produto e incorporem um checkout em qualquer tipo de site.

Avaliação gratuita de 14 dias, sem necessidade de cartão de crédito.

Adicione produtos incorporáveis ao seu site

Insira produtos ou coleções

A Shopify gera um código para inserir produtos que permite apresentá-los exatamente como você quer.

Adicione o carrinho de compras

Crie de forma rápida uma experiência de compra segura e compatível com dispositivos móveis no seu site. Todo o poder da Shopify em um único botão.

Personalizado para a sua marca

Você tem controle total. Com apenas alguns cliques, personalize as cores para combinar com o seu estilo.

1 2 3 

<script type="text/javascript">
  function ShopifyBuyInit() {
    var client = ShopifyBuy.buildClient({
      domain: 'embeds.myshopify.com',
      apiKey: '952162710f94aa7b7644b14b2a94f4a3',
      appId: '6',
    });

    ShopifyBuy.UI.onReady(client).then(function (ui) {
      ui.createComponent('product', {
        id: [3030475907],
        node: document.getElementById('product-component-05cfb487fb6'),
        moneyFormat: '%24%7B%7Bamount%7D%7D',
        options: {
          "product": {
            "styles": {
              "button": {
                "background-color": "#292929",
                ":hover": {"background-color": "#464646"},
                ":focus": {"background-color": "#464646"}
              },
            }
          }
        }
      });
    });
  }

(function () {
  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
  window.ShopifyBuy && window.ShopifyBuy.UI ? ShopifyBuyInit() : loadScript();

  function loadScript() {
    var script = document.createElement('script');
    script.async = true;
    script.src = scriptURL;
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
    script.onload = ShopifyBuyInit;
  }
})();
</script>
<div id='product-component-05cfb487fb6'></div>