Dónde se encuentra el panel de Ajustes
El panel de Ajustes del editor reúne los controles de diseño y comportamiento de toda la tienda que quedan fuera de cualquier sección concreta. Abre el editor y, en la barra de iconos de la izquierda, haz clic en el icono de engranaje (los iconos de bandera del mercado, páginas y publicaciones están encima). El panel se abre como pestañas plegables: Marca, Colores, Fuentes, Diseño, Animaciones, Automatizaciones, Campos, Iconos, Prohibiciones, Pago, Formulario de pago, Página de mantenimiento, CSS personalizado y JavaScript personalizado. Cada cambio es un borrador hasta que pulsas Publicar en la barra superior.
Los ajustes se guardan por mercado
Todos estos ajustes se guardan por mercado, no una sola vez para toda la tienda. El subtítulo del panel indica "Ajustes globales de [nombre del mercado]" para mostrar qué mercado estás editando. Cambia de mercado primero con el icono de bandera y luego abre Ajustes. Dentro de un mercado, los ajustes son globales para todas las páginas.
Marca
Esta pestaña reúne dos recursos de imagen (no incluye tu logotipo, que se configura dentro de la sección de cabecera, no aquí):
- Favicon: el pequeño icono de la pestaña del navegador. Admite PNG, JPEG, WEBP o ICO (se recomienda 32x32 o 16x16).
- Imagen de fondo: un fondo opcional para toda la tienda. Admite PNG, JPEG o WEBP. Al establecerla, aparecen dos controles más: Tamaño (Cubrir o Contener) y un interruptor de Repetir.
Colores
Cada mercado tiene hasta nueve esquemas de color (mínimo uno). Cada sección, bloque y componente hace referencia a un esquema por su número, así que al editar un esquema se vuelve a colorear todo lo que lo usa. Haz clic en una tarjeta para editar sus colores, haz clic derecho para Duplicar (bloqueado en nueve) o Eliminar (bloqueado en el último esquema), y arrastra para reordenar. Un esquema define los colores de fondos, encabezados, texto del cuerpo, enlaces, bordes, contornos, sombras, botones primarios y secundarios (con sus estados al pasar el cursor) y campos de formulario.
Fuentes
La tipografía asigna una familia de fuentes a cuatro roles:
- Cuerpo: párrafos y texto general.
- Encabezado: títulos grandes de página y sección.
- Subtítulo: títulos secundarios y subtítulos de sección.
- Acento: énfasis decorativo.
El selector de fuentes (con búsqueda) divide las fuentes en Fuentes del sistema (se cargan al instante) y Fuentes que no son del sistema (se descargan al visitante y pueden ralentizar la carga). Usar más de una fuente que no sea del sistema puede perjudicar la velocidad de la página. Cada fuente latina se empareja automáticamente con una fuente árabe equivalente, de modo que los idiomas de derecha a izquierda se muestran con nitidez.
Diseño
Un solo control: Ancho de página, un control deslizante de 900px a 1400px en pasos de 100px (predeterminado 1200). Es el ancho máximo del contenido solo en pantallas de escritorio grandes. En el móvil el ancho siempre es del 100%. Las secciones configuradas a ancho completo ignoran este valor y se extienden de borde a borde.
Animaciones
- Revelado al desplazar: cómo se animan las secciones al entrar en la vista: Ninguno, Fundido, Deslizar hacia arriba, Deslizar a la izquierda o Zoom (predeterminado Deslizar hacia arriba).
- Efecto de zoom en imágenes: un interruptor que activa el zoom al pasar el cursor sobre las imágenes de producto.
Automatizaciones
Un solo interruptor: Reproducir vídeos automáticamente. Cuando está activado, los bloques de vídeo empiezan a reproducirse por sí solos. Debido a las políticas del navegador, permanecen silenciados hasta que el visitante interactúa con la página.
Campos (estilo de los campos de formulario)
Esta pestaña da estilo a todos los campos de la tienda. No tiene opción de color (los colores de los campos provienen del esquema de color). Los controles son:
- Tipo (Diseño): Contraer coloca cada etiqueta encima de su propio campo, Expandir coloca una sola etiqueta encima de todo el conjunto de campos a modo de cabecera.
- Iconos: Ninguno oculta los iconos de los campos, Predeterminado los muestra dentro del campo, Etiqueta los une a la etiqueta.
- Posición: Inicio o Fin, se muestra solo cuando Iconos está en Predeterminado.
Iconos
Un solo control: Trazo, el grosor de línea de los iconos de la interfaz, configurado como Predeterminado (normal) o Grueso (negrita).
Prohibiciones
Restringe las interacciones del navegador para dificultar la copia casual. Opciones generales: Copiar textos e imágenes, Seleccionar textos e imágenes, Acceder al menú contextual (clic derecho) e Inspeccionar la página (elimina el contenido de la página si se detectan herramientas de desarrollo). Una opción de cabecera independiente, El logotipo redirige al inicio, hace que el logotipo de la cabecera enlace a la página de inicio cuando está activado, o que sea decorativo cuando está desactivado.
Pago
- Método de pago: Añadir al carrito lleva a los compradores a través del panel del carrito, Pago rápido omite el carrito y va directo al formulario de pedido.
- Método secundario: un interruptor que ofrece además el método opuesto como opción secundaria, de modo que una tienda con pago rápido aún pueda mostrar un botón de añadir al carrito, y al revés.
Formulario de pago
Esta pestaña controla todos los campos del formulario de pedido. Cada campo es una fila que puedes arrastrar para reordenar. Para cada campo defines:
- Estado: Desactivado (oculto, eliminado del formulario), Activado (visible pero opcional) o Obligatorio (el comprador debe rellenarlo).
- Etiqueta: el nombre visible del campo (hasta 50 caracteres).
- Marcador de posición: el texto de ayuda dentro del campo vacío (hasta 50 caracteres).
Los campos de región (Distrito, Ciudad, Estado, Comuna, Provincia) también tienen un control de Tipo (Campo para texto libre o Selección para una lista desplegable), pero solo cuando el país del mercado activo dispone de datos de ubicación curados. Los campos disponibles incluyen nombre completo, nombre y apellido, empresa, género, fecha de nacimiento, dirección, segunda línea de dirección, identificación nacional, vecindario, distrito, apartamento, piso, código postal, ciudad, estado, comuna, provincia, nota del pedido, regalo, correo electrónico, teléfono, WhatsApp, enlace, color, envío y pago. Como el formulario es por mercado, puedes exigir una identificación nacional en un mercado y ocultarla en otro.
Página de mantenimiento
Oculta la tienda tras una página de espera durante las actualizaciones. Controles: un interruptor maestro Activado (cuando está activado, cada ruta muestra la página de mantenimiento, no solo la página de inicio), un Encabezado (texto plano, hasta 100 caracteres), un Mensaje (texto enriquecido, hasta 500 caracteres) y un Esquema de color. Desactiva Activado para volver a poner la tienda en línea.
CSS personalizado y JavaScript personalizado
Para ajustes avanzados, CSS personalizado inyecta tus propios estilos (hasta 1000 caracteres) y JavaScript personalizado inyecta tus propios scripts, como un seguimiento de terceros (hasta 1000 caracteres). Ambos se aplican a toda la tienda, así que úsalos solo si te sientes cómodo con el código.