Mejora la experiencia del cliente con vista rápida del producto, ampliación de la imagen y efectos al desplazar el cursor.

Agrega detalles interactivos como vista rápida, ampliación de la imagen y efectos al desplazar el cursor a tu página de tienda. Estas funciones se muestran cuando los clientes mueven el cursor sobre las imágenes de tus productos para que puedan verlos más de cerca.

Consejo: Regístrate en nuestro seminario web Consejos de diseño para aumentar las ventas de tu tienda para aprender cómo hacer que tus productos se destaquen en tu sitio e impulsar las ventas.

Funciones especiales de la página de tienda

Qué características especiales de la página de tienda y qué opciones de estilo están disponibles depende de en qué versión de Squarespace está tu sitio.

Agregar ampliación de imagen a las imágenes del producto

La ampliación de imagen muestra una versión más grande de la imagen del producto, para que los clientes puedan ver más de cerca el material, la textura y los detalles más finos. La ampliación de imagen está disponible en las páginas de detalles del producto y en los lightboxes de vista rápida

Puedes configurarla para que se active cuando se posicione el cursor sobre la imagen o cuando se haga clic en la imagen.

Activa la ampliación de imagen para tus productos

Consejo: Para obtener los mejores resultados, da formato a la imagen del producto para que se muestre en la web antes de subirla.

La ampliación de imágenes no está disponible en dispositivos móviles. Cómo habilitas la ampliación de imagen para la visualización en computadoras de escritorio depende de la versión de tu sitio.

Nota: las imágenes con fondos transparentes (.png) mostrarán la imagen original detrás de la versión ampliada.

Agregar vista rápida a los productos

Con la vista rápida, los clientes pueden presionar un botón para ver los detalles del producto en una lightbox sin salir de la página actual. Esto alienta a los clientes a interactuar con tu tienda y a examinar más de tus productos. El botón de vista rápida puede mostrarse en bloques de resumen, bloques de productos y páginas de tienda.

El botón aparece cuando se desplaza el cursor sobre el producto. La lightbox de Vista rápida incluye los detalles del producto, las imágenes y un enlace a Ver el artículo completo que dirige a la página de ese producto.

Si se muestra código no deseado en la vista rápida, es probable que se deba a que hay un formato de texto externo en la descripción del producto. Para eliminar el formato, vuelve a escribir la descripción del producto manualmente o pégala como texto sin formato.

Activa los botones de vista rápida para tus productos

Puedes habilitar Vista rápida por página de tienda y por bloque. Si tienes varias páginas de tienda o bloques, agrega los botones a cada una.

Para agregar una vista rápida a un bloque de producto:

1. En el editor de bloques de producto, elige el producto que quieres mostrar.
2. En la pestaña Diseño, activa la opción Vista rápida del producto.
3. Guarda tus cambios en la página.

Para agregar una vista rápida a un bloque de sumario:

1. En el editor de bloques de resumen, asegúrate de seleccionar una página de tienda en la pestaña Contenido.
2. Haz clic en la pestaña Diseño .
3. Activa la opción Habilitar vista rápida de producto. El botón de vista rápida aparecerá sobre la imagen destacada del producto.
4. Guarda tus cambios en la página.

Para agregar Vista rápida a una página de tienda:

1. Abre la configuración de la página.
2. Haz clic en Avanzada y en Vista rápida, y activa habilitar vista rápida.
3. Si tienes varias páginas de tienda, repite estos pasos para cada página.

Nota: El color de la ventana de vista rápida es el mismo color de fondo de la sección de la página de tienda en estilos del sitio.

Agregar efectos al desplazar el cursor sobre los productos

Los efectos de desplazamiento del cursor muestran información o crean movimiento cuando un cursor se mueve sobre una imagen de producto. Las opciones de desplazamiento del cursor disponibles en tu sitio dependen de la versión de tu sitio.