General Settings

Before starting to generate the Streto catalog, it is recommended to establish the configuration to customize the store.

• Navigate to Administration > Settings > General
• Enter the corresponding values for the different configurations

Store

La sección Store permite definir parámetros básicos del comercio que impactan en cómo se presenta la tienda al usuario y en cómo la plataforma gestiona información general del negocio. En esta sección se pueden configurar los siguientes campos:

• Homepage: Permite seleccionar la página principal que se mostrará como inicio de la tienda. Este selector ofrece opciones preexistentes para definir cuál será la homepage visible.
• Title: Define el título general de la tienda. Normalmente se utiliza como nombre comercial y puede aparecer en el encabezado, pestaña del navegador u otras áreas visibles.
• Description: Permite establecer una descripción breve del comercio. Esta información suele utilizarse en metadatos, presentaciones generales o secciones donde se describe la tienda.
• Contact Email: Configura el correo electrónico principal de contacto. Es el email que se usará para consultas generales, soporte o información comercial.
• Available Countries: Define la lista de países en los que la tienda está habilitada para operar. Esta selección puede influir en la disponibilidad de envíos, métodos de pago u otras configuraciones regionales.
• Default Language: Permite definir el idioma predeterminado de la tienda. Este idioma será utilizado por defecto para la interfaz, los textos del storefront y cualquier contenido multilingüe que no tenga una selección explícita por parte del usuario.
• Default Currency: Establece la moneda predeterminada para la tienda. Esta configuración determina cómo se muestran los precios en el storefront y cómo se procesan los valores monetarios cuando no existe una selección alternativa del usuario.
• Base Store URL: Define la URL base del storefront público. Es la dirección principal desde la cual los clientes acceden a la tienda. Esta URL se utiliza también para generar enlaces absolutos dentro de comunicaciones, integraciones o redirecciones.
• CDN Base URL: Permite indicar la URL base del CDN (Content Delivery Network) utilizado para servir archivos estáticos como imágenes, scripts o contenido multimedia. Su función es optimizar el rendimiento del sitio asegurando una entrega más rápida de los recursos.

Branding – Descripción general de configuraciones

La sección Branding permite definir los elementos visuales principales que identifican a la tienda en distintos canales. Estos ajustes determinan cómo se presenta la marca en el sitio web, en las comunicaciones por correo electrónico y en los iconos asociados a la navegación.

Dentro de esta sección se pueden configurar los siguientes elementos:

• Favicon: Permite cargar el favicon de la tienda, que es el pequeño ícono que aparece en la pestaña del navegador, en marcadores y en otras áreas del navegador. Debe ser una imagen pequeña (generalmente 16x16 o 32x32 píxeles).
• Store Logo: Permite subir el logotipo principal de la tienda. Este logotipo se utiliza generalmente en el encabezado del sitio, en la navegación principal o en otros componentes que requieren la representación visual de la marca.
• Email Logo: Permite cargar un logotipo específico para comunicaciones por correo electrónico. Este logotipo se utiliza en plantillas de emails transaccionales o promocionales, asegurando consistencia visual sin depender del logotipo utilizado en el sitio principal.

Theme

La sección Theme permite definir la paleta cromática principal utilizada en el storefront y la interfaz administrativa. Cada valor afecta estilos, indicadores visuales y elementos de interacción.

• Primary Color: Color principal del tema. Se utiliza en componentes clave como botones primarios, enlaces destacados, encabezados y elementos que deben resaltar dentro de la interfaz. Este color establece la identidad visual predominante del storefront.
• Secondary Color: Color secundario complementario al color principal. Se aplica a elementos alternativos como botones secundarios, etiquetas específicas y componentes que requieren diferenciación visual sin opacar la línea principal del diseño.
• Positive Color: Color utilizado para estados positivos o de éxito. Generalmente aplicado en notificaciones de confirmación, indicadores de operación exitosa, mensajes de validación y componentes que deben transmitir un resultado satisfactorio.
• Negative Color: Color asociado a estados de error o alerta crítica. Se utiliza para mostrar fallas, mensajes de error, validaciones fallidas o acciones que deben ser destacadas como riesgosas o bloqueantes.
• Warning Color: Color vinculado a estados de advertencia o cautela. Implementado en mensajes no críticos que requieren atención del usuario, alertas moderadas o situaciones que advierten sobre posibles conflictos.
• Neutral Color: Color base para elementos neutrales. Se emplea en fondos, contornos, separadores, labels y componentes donde se necesita un tono equilibrado que no compita visualmente con los colores principales.

Social Networks

La sección Social Networks permite configurar los enlaces oficiales de la compañía hacia sus perfiles en redes sociales. Estos valores se utilizan en el storefront, el footer, componentes de contacto y cualquier integración social disponible. Cada campo acepta una URL válida hacia el perfil correspondiente.

• Instagram: Campo destinado a la URL del perfil oficial de Instagram de la compañía. Se utiliza para enlazar al usuario hacia el contenido visual corporativo y publicaciones relacionadas con los productos o servicios.
• Facebook: URL del perfil o página oficial en Facebook. Este enlace se utiliza para dirigir a los usuarios hacia la presencia institucional en esta red, donde se gestionan comunidades, anuncios, eventos y publicaciones de la marca.
• Pinterest: Enlace al perfil de Pinterest de la compañía. Se utiliza para mostrar colecciones visuales, tableros temáticos o inspiración relacionada con los productos ofrecidos.
• X: Campo destinado a la URL del perfil oficial en X (anteriormente Twitter). Se emplea para redirigir al usuario hacia comunicaciones en tiempo real, anuncios breves, actualizaciones operativas y contenido informativo de la empresa.
• YouTube: URL del canal oficial de YouTube. Este enlace conecta a los usuarios con contenido audiovisual como tutoriales, demostraciones de productos, anuncios institucionales o videos corporativos.
• WhatsApp: Enlace directo para iniciar una conversación por WhatsApp. Generalmente se utiliza un enlace con formato oficial de WhatsApp API para abrir automáticamente un chat con el número comercial de la compañía, facilitando la comunicación instantánea o la atención al cliente.