header-logo
Primeros pasosAprende cómo puedes usar Wix para construir tu sitio web y potenciar tu negocio. Personaliza tu sitio o contrata a un profesional para crear o mejorar tu presencia online.
Crear tu sitioAprende a utilizar el Editor de Wix y a gestionar el contenido de tu sitio. Descubre cómo proteger la privacidad de tus visitantes y hacer que tu sitio sea accesible.
Cuenta y facturaciónRevisa la configuración de tu cuenta, gestiona tus suscripciones y planes Premium y comprende tus facturas.
Usar las apps móviles de WixUtiliza la aplicación Wix para gestionar tu negocio de manera eficiente, interactuar con tus visitantes y construir una comunidad.
Conectar un dominioComprende cómo comprar, conectar o transferir un dominio y cómo mantener seguros los datos de tu sitio.
Administrar tu negocioEncuentra las herramientas adecuadas para construir y hacer crecer tu negocio: acepta pagos, revisa las analíticas, contacta con los visitantes y mucho más.
Promocionar tu sitioAprende cómo promocionar tu sitio en los motores de búsqueda, enviar campañas de email y ejecutar anuncios pagados.
Wix Studio, Partners y EnterpriseAprovecha al máximo tu cuenta de Wix Studio, de Partner o de Enterprise para poder escalar tu negocio.
Obtener ayudaObtén más información sobre cómo resolver problemas de rendimiento y cuestiones técnicas en tu sitio. Mantente al tanto de las próximas funciones a través de nuestra hoja de ruta.
placeholder-preview-image
Wix LearnMejora tus habilidades con nuestros cursos y tutoriales.
Blog de WixObtén consejos para diseño web, marketing y mucho más.
Guía de SEOMejora el tráfico orgánico en buscadores.
Website developmentCrea un sitio con nuestra plataforma full-stack.
Contrata a un profesionalVincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image
En este artículo
  • Paso 1 | Agrega el botón "Agregar al carrito"
  • Paso 2 | Conecta el botón a un producto
  • Paso 3 | Diseña el botón
  1. Inicio
  2. Administrar tu negocio
  3. Soluciones de negocio y apps
  4. Wix Stores
  5. Diseñar la tienda
  6. Wix Stores: agregar y configurar el botón 'Agregar al carrito'

Wix Stores: agregar y configurar el botón 'Agregar al carrito'

En este artículo
  • Paso 1 | Agrega el botón "Agregar al carrito"
  • Paso 2 | Conecta el botón a un producto
  • Paso 3 | Diseña el botón
Puedes colocar un único botón "Agregar al carrito" en cualquier lugar de tu sitio. El botón está vinculado al producto que elijas. Esto puede ser útil cuando escribes sobre un producto en algún lugar de tu sitio y quieres que a un cliente le sea fácil agregar el producto a su carrito.

Paso 1 | Agrega el botón "Agregar al carrito"

Comienza por dirigirte a la página correspondiente y luego, desde el panel Agregar, arrastra el botón Agregar al carrito hasta el lugar donde lo quieres colocar. 
GIF que muestra cómo agregar un botón Agregar al carrito a una página del sitio en un sitio Wix
  1. Ve al editor.
  2. Haz clic en Agregar elementos a la izquierda del editor.
  3. Haz clic en Tienda online.
  4. Arrastra el botón Agregar al carrito a la página.

Paso 2 | Conecta el botón a un producto

Para que el botón funcione correctamente, debes seleccionar qué producto se agrega al carrito del cliente al hacer clic. 
Captura de pantalla del panel de ajustes, donde seleccionas qué producto está conectado al botón Agregar al carrito

Para conectar el botón a un producto:

  1. Haz clic en el botón Agregar al carrito en el editor.
  2. Haz clic en Ajustes.
  3. (Opcional) Edita el texto del botón.
  4. Conecta el botón a un producto:
    1. Haz clic en el producto predeterminado.
    2. Selecciona un producto.

Paso 3 | Diseña el botón

Ahora puedes diseñar el botón para que se ajuste perfectamente a la página. 

Para personalizar el diseño del botón:

  1. Haz clic en el botón Agregar al carrito en el editor.
  2. Haz clic en Ajustes.
  3. Haz clic en Diseño.
  4. Realiza cualquiera de las siguientes personalizaciones: 
    • Selecciona un estilo de botón.
    • Selecciona un color de botón y arrastra el control deslizante para ajustar la opacidad.
    • Selecciona un color de borde y arrastra el control deslizante para ajustar el ancho del borde.
    • Arrastra el control deslizante para redondear las esquinas o que sean más cuadradas.
    • Selecciona una fuente o un color del texto. 
Captura de pantalla de las opciones de diseño disponibles con el botón Agregar al carrito
Notas:
  • Cuando un producto está agotado, el texto del botón cambia a "Agotado".
  • No es posible editar el diseño del botón "Agotado".

¿Te ha sido útil?

|

Helpmate

Hola

¿Necesitas más ayuda?
Unlock personalized helpLog in to get the most out of Helpmate.