Botón de Compra

Agrega tus productos a cualquier página web o blog

El Botón de Compra de Shopify le permite a los comerciantes generar una tarjeta de producto y botón de pago que pueden insertarse en cualquier tipo de página web.

Pruébala gratis por 14 días, no se requiere tarjeta de crédito.

Inserta productos a tu página

Inserta productos o colecciones

Shopify genera el código de inserción que te permite mostrar tus productos tal y como lo deseas.

Inserta tu carrito de compras

Agrega rápidamente a tu página una experiencia de compra segura y compatible con dispositivos móviles. Todo el poder de Shopify en un solo botón.

Personaliza tu marca

Tienes todo el control. Con unos pocos clics puedes personalizar colores para que coincidan con la imagen de tu marca.

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>