La Página del producto es una página dinámica que muestra información detallada sobre cada uno de los productos.
El diseño de la página es siempre el mismo, pero el contenido (imágenes y texto del producto) cambia según el producto que se muestra.
Cualquier personalización que hagas en el Editor a la página del producto, como cambiar el color del fondo o el texto del botón, afecta a todos los productos. Los cambios realizados en un producto dentro de la pestaña Productos de la tienda en el Panel de control de tu sitio afectan solo a ese producto.
Muéstrame cómo acceder a la página del producto en el Editor de Wix
- Haz clic en Páginasen el lado izquierdo del Editor.
- Haz clic en Páginas de la tienda.
- Selecciona la Página del producto.
- Haz clic en la Página del producto en el Editor.
- Haz clic en Opciones.
Muéstrame cómo acceder a la página del producto en el Editor X
- Haz clic en el icono Páginas en la barra superior del Editor X.
- Desplázate hacia abajo y selecciona la Página del producto.
- Haz clic en la Página del producto en el Editor.
- Haz clic en Opciones.
En este artículo, aprenderás cómo:
Personalizar el estilo y la visualización de la imagen
Haz clic en la pestaña Estilo para seleccionar el mejor estilo de página de producto para tu tienda. Luego, personaliza cómo se muestran las imágenes.
- Selecciona un estilo para la página del producto.
- Haz clic en la palanca Estirar a ancho total para activarla.
- Selecciona cómo quieres mostrar las miniaturas de las imágenes.
- Establece cómo se muestran las imágenes. Más información
- Selecciona una proporción de imagen de la lista desplegable (disponible para algunos estilos).
- Selecciona cómo se redimensiona la imagen:
- Recortar: recorta todas las imágenes al mismo tamaño.
- Ajustar: mantiene la relación de aspecto de las imágenes.
- Haz clic en la palanca Zoom al pasar el mouse para activarla (disponible para algunos estilos).
Nota: Para obtener una vista previa del zoom, ve a tu sitio online.
Personalizar las opciones de visualización
Haz clic en la pestaña Opciones para seleccionar los elementos que deseas mostrar u ocultar en la página del producto y personalizar los botones.
La página del producto viene con el botón Agregar al carrito habilitado de forma predeterminada. También puedes habilitar el icono de la lista de deseos y el botón Comprar ahora.
Además, puedes mostrar a los clientes el mejor método de pago para ellos (en lugar del botón de compra) según la ubicación del cliente, el historial de pagos y más. Esta opción funciona si has conectado el método de pago correspondiente (por ejemplo, PayPal, Apple Pay).
- Debajo de ¿Qué se muestra?, desmarca la casilla de verificación junto a cualquier elemento que no desees mostrar.
- Personaliza el botón Agregar al carrito:
- Haz clic en la palanca Mostrar botón para activarla o desactivarla.
- Si está activada, selecciona dónde se dirige al cliente cuando hace clic en el botón:
- Mostrar notificación: aparece una notificación emergente.
- Abrir el minicarrito: el minicarrito se abre en el lateral de la pantalla.
- Ir a la página del carrito: los clientes son llevados directamente a la página del carrito.
- Permanecer en la página del producto: los clientes permanecen en la página del producto. El botón muestra una marca de verificación para indicar que el producto se agregó correctamente.
- Personaliza el botón Comprar ahora:
- Haz clic en la palanca Comprar ahora para activarla.
Nota: Cuando se hace clic, el cliente va directamente a finalizar la compra. Cualquier producto agregado previamente al carrito no aparece en la página de finalización de compra. - Si está habilitada, haces clic en la palanca Cambiar automáticamente por método de pago para reemplazar el botón Comprar ahora con las opciones de pago correspondientes (por ejemplo, PayPal, Apple Pay).
- Personaliza los iconos de redes sociales:
- Ocultar todos los iconos: haz clic en la palanca Mostrar iconos compartidos para desactivarla.
- Mostrar algunos o todos los iconos: con la opción Mostrar iconos compartidos activada, haz clic en las casillas de verificación junto a los iconos que no deseas mostrar para desmarcarlos.
Editar el texto del botón de la página del producto
Haz clic en la pestaña Texto para editar cualquiera de las opciones de texto que pueden aparecer en los botones de la página del producto.
- Agregar al carrito: edita el texto del botón de compra principal.
- Comprar ahora: edita el texto del botón Comprar ahora.
- Suscribirse ahora: edita el texto del botón Suscribirse ahora. Este botón se muestra a los clientes si vendes suscripciones de productos. Más información
- Agotado: el texto del botón Agregar al carrito cambia automáticamente a Agotado cuando no hay inventario. La fuente y el color no pueden personalizarse.
- Volver a estar disponible: el texto del botón Agregar al carrito cambia automáticamente a Notificar cuando esté disponible cuando no hay inventario si se activaron las notificaciones de disponibilidad. Más información
Agregar una lista de deseos
Una lista de deseos es una excelente manera de permitir a los clientes hacer un seguimiento de los productos que les gustan. Los clientes hacen clic en el icono de la lista de deseos para agregar un artículo a su lista personal.
Para comenzar, haz clic en Agregar Wishlist. El icono de la lista de deseos se agrega a la página del producto junto al botón Agregar al carrito. Aparecerá una página de lista de deseos personal en el área personal de cada cliente.
Para obtener instrucciones completas sobre cómo agregar y personalizar la lista de deseos, haz clic
aquí.
Personalizar el diseño de la página del producto
Puedes personalizar los colores, las fuentes, los estilos de los botones y más para crear un aspecto que se adapte al estilo de tu tienda. Para empezar, haz clic en la pestaña Diseño.
Personalizar las opciones de diseño:
Selecciona un color para cada una de las opciones disponibles y arrastra el control deslizante para cambiar la opacidad.
- Alinea los detalles del producto (por ejemplo, el nombre del producto) a la izquierda, a la derecha o al centro.
- Selecciona una fuente y un color de texto para las opciones de texto:
- Nombre del producto
- SKU
- Precio del producto
- Selecciona una apariencia de las opciones de pago: relevante para ciertas opciones de pago como Laybuy.
- Selecciona una fuente y un color de texto para las opciones de texto:
- Personaliza la descripción del producto:
- Selecciona una fuente y un color.
- Alinea el texto de la descripción del producto a la izquierda, a la derecha o al centro.
- Limita el número de filas que aparecen y agrega un botón Mostrar más en el que los clientes pueden hacer clic para ver el texto completo. Si está marcado, selecciona el número máximo de filas para mostrar antes de hacer clic en Mostrar más.
- Personaliza el botón Agregar al carrito:
- Haz clic para seleccionar un estilo de botón.
- Selecciona un color de relleno y arrastra el control deslizante para cambiar la opacidad.
- Selecciona un color de borde y arrastra el control deslizante para cambiar el ancho del borde.
Consejo: Los bordes están disponibles con algunos estilos. - Arrastra el control deslizante para hacer el botón más redondo o más cuadrado.
- Selecciona una fuente y un color de texto.
- Repite los pasos para el botón Comprar/Suscribirse ahora.
- Selecciona un estilo de botón para el botón Método de pago (por ejemplo, PayPal, Apple Pay).
Cuando creas un producto, puedes
agregar secciones de información para proporcionar información adicional (por ejemplo, especificaciones del producto o una tabla de tallas).
- Selecciona un estilo para las secciones informativas.
- Personaliza el estilo que seleccionaste. Las opciones disponibles varían según el estilo elegido.
- Personaliza una tabla de la sección informativa:
- Selecciona el color del borde de la tabla y arrastra el control deslizante para cambiar la opacidad.
- Selecciona el color del fondo de la tabla y arrastra el control deslizante para cambiar la opacidad.
- Selecciona el color de las filas pares y arrastra el control deslizante para cambiar la opacidad.
- Colocación del precio: si ofreces tanto una suscripción como una compra única, selecciona la opción que aparece primero.
- Selecciona un color de caja de suscripción y arrastra el control deslizante para cambiar la opacidad.