Crear un Botón de compra

Después de agregar el canal de ventas del Botón de compras en tu panel de control de Shopify, puedes crear un Botón de compras para un producto o una colección.

Ejemplo de Botón de compra

Después de crear un Botón de compras, copia el código generado automáticamente y luego agrega el código al sitio web o artículo del blog donde quieres que aparezca el botón. Por ejemplo, quizá desees agregar el Botón de compras a tu blog de WordPress o al sitio web de Squarespace.

La apariencia del Botón de compras no se puede cambiar una vez que la insertas en tu sitio web. Si deseas cambiarla, debes crear un nuevo botón en el canal y remplazar el código original por el nuevo código.

Cómo personalizar botones de compra

Puedes personalizar el color, el tamaño y la apariencia de un Botón de compra, además de seleccionar la acción que sucede cuando se hace clic en él.

A medida que personalizas el botón, puedes ver una vista previa de tus cambios. Puedes probar el comportamiento del Botón de compras haciendo clic en la vista previa.

Estilo de diseño

Puedes seleccionar el diseño del Botón de compras.

Diseños disponibles para los botones de compra
Basic Selecciona este diseño para agregar un Botón de compras sin ninguna imagen de producto. Quizá quieras hacer esto si ya exhibes tus productos en otro lugar, pero solo deseas agregar el botón para realizar la compra.
Clásico Selecciona este diseño para mostrar una imagen del producto y el precio al lado del Botón de compras. Este diseño es útil para una vista previa rápida del producto, como en un artículo de blog.
Vista completa Selecciona este diseño para mostrar una imagen, un precio y una descripción del producto junto al Botón de compras. Este diseño emula una página de detalles del producto en tu tienda online.

Acciones de Botón de compra

Cuando creas un Botón de compras, puedes seleccionar la acción que se produce cuando se hace clic en el botón.

Si el Botón de compras es para una colección, la acción se aplica a cada producto en la colección.

  • Al agregar el producto al carritose agrega el producto al carrito de compras. Los clientes pueden seguir comprando y agregar más productos al carrito.
  • Directo al pago lleva al cliente directamente a tu página de pago, donde puede comprar el producto. Los clientes no pueden agregar más productos a su pedido.
  • Abrir detalles del producto muestra un botón de Ver producto. Cuando el cliente hace clic en el botón, puede ver la descripción del producto, seleccionar cualquier variante de producto disponible y agregar el producto al carrito de compra. Si un producto tiene varias imágenes, también se mostrarán.

    Esta opción no está disponible cuando seleccionas el diseño de Vista completa porque el diseño de Vista completa ya muestra todos los detalles del producto.

Apariencia del Botón de compra

  • El estilo del botón incluye formas, colores y tipografía para la parte del botón del Botón de compras.
  • Diseño Según el estilo de diseño que selecciones, puedes personalizar la configuración, como la alineación del botón, el tamaño de la imagen, el texto del botón, la fuente, el color y el tamaño.
  • Carrito de compras incluye opciones de texto y color para el carrito de compras incrustado. También puedes habilitar y personalizar la etiqueta del campo Nota de pedido. Puedes usar notas de pedido para recibir instrucciones especiales de los clientes sobre cómo preparar y enviar un pedido. El campo Información adicional te permite enviar un mensaje a tus clientes.

    Solo puedes editar la configuración del carrito de compras si seleccionas Agregar producto al carrito o Abrir detalles del producto como la Acción del botón.

  • El Menú emergente detallado incluye la configuración para la ventana emergente de detalles del producto. Puedes personalizar el texto del botón, si se mostrará o no el campo cantidad, los colores usados para el fondo y las etiquetas, y la fuente y el tamaño de fuente de las etiquetas. Solo puedes editar estos parámetros si seleccionas Abrir detalles del producto como la Accióndel botón.

Crea un Botón de compra para un solo producto

Puedes crear un Botón de compras para un solo producto. El Botón de compras puede incluir una o todas las variantes del producto. Cuando creas el Botón de compras, selecciona un estilo de diseño y personaliza el color, el texto y el aspecto del botón, así como la acción que se produce cuando un cliente hace clic en él. Más información sobre cómo personalizar Botones de compra.

Antes de crear un Botón de compras para un producto, debes haber agregado el producto en tu panel de control de Shopify y marcarlo como disponible para el canal de ventas del Botón de compras.

Pasos:

Crear un Botón de compras para una colección

Cuando creas un Botón de compras para una colección, en realidad estás creando un botón para cada producto en la colección.

Cuando creas el Botón de compras, selecciona un estilo de diseño y personaliza el color, el texto y el aspecto del botón, así como la acción que se produce cuando un cliente hace clic en él. Más información sobre Cómo personalizar botones de compra.

Antes de crear un Botón de compras para una colección, debes:

Pasos:

¿Estas listo(a) para comenzar a vender con Shopify?

Pruébala gratis