Cómo agregar un botón de compra fijo a un producto o landing page
Agrega el bloque Carrito fijo desde Agregar bloques al cuerpo de tu página de producto o landing page. Flota mientras el visitante se desplaza, y tú decides su texto, si agrega al carrito o desplaza hasta el formulario de pedido, y cuándo aparece.
Pasos
- Abre la página: Tienda en línea → Config. de tema → selector de páginas → Producto, o abre una landing page desde Páginas de Aterrizaje.
- Haz clic en el icono + (Agregar bloques), busca Carrito fijo y suéltalo en el cuerpo de la página, no dentro de una sección. Pasa el cursor sobre el bloque en la lista para elegir uno de los 2 diseños en Variantes disponibles.
- Selecciona el bloque y abre Configuración:
- Texto de la acción: la etiqueta (por defecto Agregar al carrito).
- Rol del botón: Agregar al carrito agrega el producto directamente; Desplazar lleva al visitante hacia abajo en la página.
- Mostrar solo después de pasar el formulario: oculta el botón hasta que el visitante haya pasado el formulario de pedido Compra rápida; el Umbral de Pago Express (por defecto 0) afina ese punto.
- Icono del botón, Posición del icono, colores y Animación del botón.
- Haz clic en Guardar y comprueba que la página esté Publicado. Usa Vista previa para desplazarte por la página en vivo y ver cómo se comporta el botón.
Problemas frecuentes
- El botón nunca aparece → Mostrar solo después de pasar el formulario está activado pero la página no tiene un bloque Compra rápida. Desactiva la opción o agrega el formulario de pedido.
- Se desplaza en lugar de agregar al carrito → define Rol del botón como Agregar al carrito.
- No puedo soltarlo dentro de mi sección de producto → es un bloque a nivel de página; suéltalo en un área vacía de la página o muévelo al nivel superior en Capas de diseño.
- Aparece en mi landing page pero no en la página de producto de la tienda (o al revés) → ambas se construyen por separado; agrega el bloque en cada editor.
Relacionado
- ¿Cómo configuro un botón flotante que salte a la compra rápida?
- ¿Cómo agrego un formulario de Compra rápida a mi landing page o página de producto?
- Personalizar los campos del formulario de pedido (nombre, teléfono, ciudad, dirección, nota)
- Agregar, mover, copiar y eliminar bloques en una página