Personalizar el aspecto del builder
En resumen
- Qué consigues
- Un builder con los colores y los textos de tu tienda.
- Tiempo
- 5 minutos
- Plan
- Todos los planes
Antes de empezar
Has creado al menos una caja (consulta Crear una caja). El builder es el recuadro que tu cliente usa en la tienda para armar la caja.
El aspecto se decide en dos sitios:
- en la app, caja por caja: título, descripción, color de acento y radio de las esquinas;
- en el editor de temas, en el bloque del builder: diseño, fichas de producto, resumen y todos los colores. Estos valores valen para todas las cajas que muestra ese bloque.
Las fuentes y el estilo general vienen de tu tema.
En la app: el aspecto de una caja
- Ve a Admin de Shopify › Aplicaciones › IFG Build Your Box › Cajas y pulsa Editar junto a la caja. Si es una caja nueva, ya estás en el formulario Nueva caja.
- Desplázate hasta la sección Aspecto.
- En Título del builder, escribe el título que el cliente ve encima del builder. Como máximo 80 caracteres. En una caja nueva empieza como «Arma tu caja».
- En Descripción, escribe una frase debajo del título. Como máximo 240 caracteres. Empieza como «Elige tus productos favoritos y arma tu caja.»
- Para el Color de acento, pulsa el cuadrado de color y elige un color, o escribe el código en el campo, por ejemplo #5c2d91 (el valor inicial). El color de acento resalta los productos elegidos y la barra de progreso.
-
En Radio de las esquinas (px), escribe un número entero de 0 (esquinas rectas) a 24 (muy redondeadas). Empieza en 12.
Lo que verás: la Vista previa del builder debajo de los campos cambia al instante: borde y barra en tu color, esquinas con tu radio, el título, la descripción, el número de artículos y el precio.
- Guarda con Crear como borrador (caja nueva) o Guardar cambios (caja existente).
Nota: si dejas vacío el Título del builder, la vista previa de la app y la tienda muestran el título estándar del builder, «Crea tu caja» (en la tienda, en el idioma de la tienda). La descripción vacía no aparece en la vista previa, pero la tienda muestra «Elige 3 productos y hazla tuya.» con tu número de artículos.
En el editor de temas: diseño y colores del bloque
- Ve a Admin de Shopify › Tienda online › Temas y pulsa Personalizar en tu tema publicado.
- Abre una página donde hayas añadido el builder (consulta Añadir el builder al tema), por ejemplo la página de producto de una caja.
-
En la columna izquierda, pulsa el bloque Build Your Box.
Lo que verás: a la derecha, los ajustes del bloque, agrupados en Diseño, Fichas de producto, Resumen de la caja y Colores.
- Cambia los ajustes que quieras. La vista previa del editor se actualiza al momento.
- Pulsa Guardar arriba a la derecha.
La lista completa de ajustes del bloque, con sus valores iniciales, está en Todos los ajustes.
Atención: en el bloque del editor de temas, los campos Título, Descripción y Color de acento prevalecen sobre los guardados en la app, para todas las cajas que muestra ese bloque. Déjalos vacíos si quieres que cada caja use el título, la descripción y el color de la app. Para las esquinas, la opción Como en la app usa el valor de la caja.
Si algo no funciona
Aparece «Usa un color hexadecimal, por ejemplo #5c2d91.». El código de color no es válido. Usa # seguido de 6 caracteres entre 0-9 y a-f, o elige el color con el cuadrado.
Aparece «El radio de las esquinas debe ser un número entero entre 0 y 24.». Escribe un número entero, sin decimales, entre 0 y 24.
He cambiado el color en la app pero en la tienda no cambia. En el bloque del editor de temas hay un Color de acento que prevalece sobre el de la app. Vacíalo y pulsa Guardar.