Personalizar su tienda debería sentirse como un proceso creativo, no como una tarea pesada. Sabemos que lograr el diseño adecuado de sus widgets de recomendaciones es esencial para mantener una apariencia profesional y coherente con su marca.
En el pasado, realizar ajustes visuales solía implicar guardar los cambios y actualizar su tienda publicada solo para comprobar si un color funcionaba o si una fuente se veía bien. Queríamos eliminar ese proceso de ida y vuelta. Por eso creamos la funcionalidad de Vista previa en tiempo real, que le permite ver exactamente cómo se verán los cambios de diseño antes de confirmarlos guardando.
Cómo funciona
Puede encontrar esta funcionalidad directamente en la sección Visual Styles dentro de las páginas de preferencias de la app. Funciona como una ventana en tiempo real a su tienda.
La vista previa en tiempo real carga una muestra del widget tal y como aparecería en su tienda. Toma los colores y la apariencia general de su tema actual de Shopify para crear un escenario lo más realista posible. Esto le permite experimentar con distintos estilos de forma segura en un entorno controlado.
Puede ajustar colores, fuentes y otros parámetros visuales sin ningún riesgo. Si no le convence un cambio, puede deshacerlo fácilmente antes de guardar, asegurándose de que el resultado final sea el adecuado para sus clientes.
Diseñada para ofrecer fiabilidad
Para asegurarnos de que la vista previa en tiempo real funcione siempre y le muestre información útil, hemos incluido algunos detalles de muestra inteligentes para mantener la coherencia.
Ejemplos reales para una mejor visualización
Los productos que ve en la ventana de vista previa son ejemplos. Utilizamos estos productos y recomendaciones de muestra para que la vista previa siempre tenga contenido que mostrar. Esto es importante porque su tienda puede estar en desarrollo y no tener productos, o porque sus reglas específicas de recomendación pueden no aplicarse a un artículo concreto en ese momento. Al utilizar ejemplos, garantizamos que siempre disponga de una referencia visual con la que trabajar.
Un diseño enfocado
Para mantener la pantalla de configuración limpia y fácil de navegar, mostramos una configuración de ejemplo compuesta por un producto principal y dos recomendaciones. Esta es la configuración más común y le ofrece una visión clara de cómo interactúan los distintos elementos.
Si ha configurado su widget para mostrar más artículos, como cuatro o cinco recomendaciones, la mejor forma de ver esa densidad específica es finalizar la personalización visual en la vista previa, guardar los cambios y, a continuación, visitar una de sus páginas de producto en vivo para ver la configuración completa en funcionamiento.
