> For the complete documentation index, see [llms.txt](https://nextcommerce.gitbook.io/nextcommerce-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextcommerce.gitbook.io/nextcommerce-docs/08-configuracion-tienda.md).

# Configuración de la Tienda

La sección de **Configuración de la Tienda** te permite personalizar los ajustes generales de tu e-commerce, incluyendo branding, SEO y restricciones de compra.

***

## Acceder a la Configuración

Para acceder a esta sección, ve a **Configuración > Tienda** o haz clic en el ícono de engranaje en el menú principal.

***

## Secciones de Configuración

### 1. Configuración General

Esta sección contiene la identidad básica de tu tienda.

#### Nombre de la Tienda

| Campo      | Descripción                  |
| ---------- | ---------------------------- |
| **Nombre** | El nombre de tu tienda/marca |

Este nombre se usa en:

* Título del navegador
* Emails transaccionales
* Facturas y comprobantes

#### Tipo de Tienda

| Campo    | Descripción             |
| -------- | ----------------------- |
| **Tipo** | Categoría de tu negocio |

**Ejemplos**: clothing, sports, electronic, food, cosmetics

Esto ayuda al sistema a optimizar la experiencia según tu rubro.

#### Tema Actual

| Campo    | Descripción             |
| -------- | ----------------------- |
| **Tema** | Plantilla visual activa |

Muestra qué tema de diseño está actualmente en uso.

### Logo de la Tienda

El logo aparece en:

* Header de la tienda
* Emails
* Facturas
* Redes sociales

**Para cambiar el logo:**

1. Haz clic en el área del logo o arrastra una imagen
2. Formatos soportados: SVG, PNG, JPG, GIF
3. Recomendación: Imagen transparente en PNG o SVG

### FavIcon

El favicon es el pequeño ícono que aparece en la pestaña del navegador.

**Para cambiar el favicon:**

1. Haz clic en el área del favicon
2. Sube una imagen cuadrada
3. Formatos: ICO, PNG, GIF
4. Tamaño recomendado: 32x32 o 16x16 pixels

### Texto Promocional

El texto promocional aparece en la barra superior de la tienda (notification bar).

**Características:**

* Editor de texto enriquecido
* Soporta formato (negrita, cursiva)
* Permite enlaces

**Ejemplos de uso:**

* "🚚 Envío gratis en compras mayores a $50,000"
* "⏰ HOT SALE: Hasta 50% OFF solo hoy"
* "📦 Retiro gratis en sucursal"

***

### 2. SEO y Metadatos

Esta sección afecta cómo aparece tu tienda en buscadores y redes sociales.

#### Meta Title

| Campo          | Descripción                                |
| -------------- | ------------------------------------------ |
| **Meta Title** | Título que aparece en resultados de Google |

**Recomendaciones:**

* Máximo 60 caracteres
* Incluye el nombre de tu marca
* Agrega palabras clave relevantes

**Ejemplo**: "Mi Tienda - Ropa y Accesorios | Envío a Todo el País"

#### Meta Description

| Campo                | Descripción                                      |
| -------------------- | ------------------------------------------------ |
| **Meta Description** | Descripción que aparece bajo el título en Google |

**Recomendaciones:**

* Máximo 155 caracteres
* Describe qué vendes
* Incluye llamado a la acción

**Ejemplo**: "Encontrá la mejor ropa y accesorios al mejor precio. Envío gratis a todo el país. ¡Comprá online y recibí en tu casa!"

#### Imagen para Compartir (Open Graph)

Esta imagen aparece cuando alguien comparte tu tienda en redes sociales (Facebook, Twitter, WhatsApp, etc.).

**Para configurar:**

1. Haz clic en el área de la imagen
2. Sube una imagen atractiva
3. Tamaño recomendado: 1200x630 pixels

**Consejos:**

* Incluye tu logo
* Usa colores de marca
* Agrega un mensaje breve si es posible

***

### 3. Restringir Compras

Esta sección permite configurar restricciones y requisitos para las compras.

#### Ocultar Precios

| Opción          | Descripción                                     |
| --------------- | ----------------------------------------------- |
| **Activado**    | Los precios NO son visibles para los visitantes |
| **Desactivado** | Los precios son visibles para todos             |

**Uso común**: Tiendas mayoristas o B2B donde los precios se muestran solo a clientes registrados.

#### Requerir Login para Agregar al Carrito

| Opción          | Descripción                                                 |
| --------------- | ----------------------------------------------------------- |
| **Activado**    | Solo usuarios logueados pueden agregar productos al carrito |
| **Desactivado** | Cualquiera puede agregar productos                          |

**Uso común**: Tiendas B2B o con precios especiales por cliente.

#### Valor Mínimo de Pedido

| Campo         | Descripción                            |
| ------------- | -------------------------------------- |
| **Monto ($)** | Monto mínimo para completar una compra |

**Ejemplo**: Si configuras $5,000, los clientes no podrán finalizar compras menores a ese monto.

* Usa 0 o deja vacío para sin mínimo

#### Cantidad Mínima de Pedido

| Campo        | Descripción                           |
| ------------ | ------------------------------------- |
| **Cantidad** | Número mínimo de productos por pedido |

**Ejemplo**: Si configuras 3, los clientes deben comprar al menos 3 productos.

* Usa 0 o deja vacío para sin mínimo

***

### Tipografías

Sección para elegir las tipografías que usa tu tienda. Seleccioná las fuentes y guardá para aplicarlas al diseño.

***

### Registro

#### Requerir confirmación de usuario

| Opción          | Descripción                                                                  |
| --------------- | ---------------------------------------------------------------------------- |
| **Activado**    | Las cuentas nuevas quedan pendientes hasta que el administrador las confirme |
| **Desactivado** | Los clientes pueden registrarse y operar sin aprobación previa               |

Cuando está activo, el administrador confirma o rechaza cada cuenta nueva (típicamente desde el link del email de aviso).

**Uso común**: tiendas mayoristas o B2B que validan a cada cliente antes de dejarlo comprar. Suele combinarse con **Ocultar Precios** y **Requerir Login**.

***

### Catálogo

#### No mostrar productos agotados

| Opción          | Descripción                                                           |
| --------------- | --------------------------------------------------------------------- |
| **Activado**    | Los productos sin stock no se muestran en la tienda                   |
| **Desactivado** | Los productos agotados se muestran (según configuración del producto) |

#### Stock de Seguridad

| Campo        | Descripción                                        |
| ------------ | -------------------------------------------------- |
| **Cantidad** | Margen de stock reservado. Usa 0 para desactivarlo |

> **Tip de diagnóstico**: si un producto “desapareció” de la tienda, revisá estos dos ajustes además de la publicación del producto.

***

### Popups

Permite mostrar un popup a los visitantes de la tienda.

| Campo                                   | Descripción                                                   |
| --------------------------------------- | ------------------------------------------------------------- |
| **Activar Popup**                       | Switch para encender/apagar el popup                          |
| **Tipo de Popup**                       | Selector del tipo (script o imagen)                           |
| **Código del Script**                   | Para popups de script: pegá el código `<script>...</script>`  |
| **Imagen del Popup (Desktop / Mobile)** | Para popups de imagen: subí una versión para cada dispositivo |

***

### 4. Mi tienda (diseño y contenido)

Además de los ajustes generales, el menú **Mi tienda** agrupa varias pantallas para personalizar la experiencia de la tienda online.

#### Páginas

* Menú lateral: **Mi tienda > Páginas**.
* Permite crear y editar páginas de contenido (por ejemplo “Quiénes somos”, “Términos y condiciones”, “Cambios y devoluciones”).
* Podés:
  * Agregar nuevas páginas.
  * Editar título, URL y contenido.
  * Activar/desactivar su visibilidad.

#### Menús

* Menú lateral: **Mi tienda > Menús**.
* Permite definir la estructura de navegación (menú principal, menú de footer, etc.).
* Funcionalidades:
  * Reordenar menús e ítems con **drag & drop**.
  * Asignar ítems a:
    * Inicio
    * Categorías
    * Páginas
    * URLs externas
  * Opcionalmente asignar **imagen** al menú (para diseños que la utilicen).

#### Banners

* Menú lateral: **Mi tienda > Banners**.
* Permite gestionar imágenes destacadas (home, campañas, sliders).
* Podés:
  * Crear nuevos banners.
  * Subir imágenes.
  * Definir enlaces de destino (por ejemplo, a una categoría o promoción).
  * Elegir **Posición**: en qué sección/slot del home se muestra (no es el orden).
  * Definir **Orden**: secuencia entre banners que comparten la misma posición.

#### Información de contacto

* Menú lateral: **Mi tienda > Información de contacto**.
* Resumen de datos que se muestran en la página de contacto y en distintos lugares de la tienda:
  * Emails de contacto y de ventas.
  * Dirección y teléfono del local.
  * Mapa embebido (Google Maps).
  * Horarios de atención.
  * Redes sociales (Facebook, Instagram, TikTok, Twitter, etc.).

#### Página en construcción

* Menú lateral: **Mi tienda > Página en construcción**.
* Permite activar un modo de **mantenimiento**:
  * Opción para **mostrar/ocultar** una página de “sitio en construcción”.
  * Mensaje personalizado para los clientes cuando la tienda no está disponible.

***

### 5. Comunicación: emails y WhatsApp

#### Notificaciones por email

* Menú lateral: **Configuración > Emails**.
* Pantalla de **Notificaciones** donde ves todos los emails automáticos que puede enviar la tienda, por ejemplo:
  * Confirmación de compra.
  * Confirmación de pago.
  * Cancelación de orden.
  * Activación de cuenta de usuario.
  * Recordatorio de carritos abandonados (si está implementado).
* Podés:
  * Buscar notificaciones por nombre/asunto.
  * Activar/desactivar notificaciones.
  * Editar asunto y contenido, según las plantillas disponibles en tu instalación.

#### WhatsApp

* Menú lateral: **Configuración > WhatsApp**.
* Permite:
  * Definir el **número de WhatsApp** de la tienda (con prefijo internacional).
  * Activar un **botón flotante** en la tienda para que los clientes te escriban por WhatsApp.

Este botón se muestra en el front de la tienda y abre una conversación directa con el número configurado.

***

### 6. Códigos externos (Analytics, píxeles y ads)

* Menú lateral: **Configuración > Códigos Externos**.
* Esta pantalla centraliza la configuración de herramientas de medición y anuncios:

#### Google

* **Google Tag Manager (GTM)**: ID del contenedor para inyectar scripts.
* **Google Analytics 4**:
  * ID de medición.
  * API Secret.
* **Google Merchant Center / Google Ads**:
  * IDs para catálogos y conversiones.

#### Facebook / Meta

* **Facebook Pixel ID**.
* **Facebook Pixel API Token**.
* En algunos casos se muestran URLs de feed de productos para catálogos.

#### TikTok

* **TikTok Pixel ID**.
* **TikTok API Token / Access Token**.

#### Conversiones

* Opción para **enviar la conversión cuando la orden se marca como paga**, para:
  * Google
  * Facebook
  * Otros canales configurados

> **Importante**: estos campos solo definen las claves y tokens; la lógica de envío de eventos la maneja automáticamente la plataforma una vez configurados.

***

## Guardar Cambios

Después de realizar modificaciones:

1. El botón **Guardar** se activa cuando hay cambios pendientes
2. Haz clic en **Guardar** para aplicar los cambios
3. Espera la confirmación "Configuración guardada correctamente"

> **💡 Tip**: Algunos cambios pueden tardar unos minutos en reflejarse en la tienda debido al caché.

***

## Otras Secciones de Configuración

Desde el menú de Configuración también puedes acceder a:

| Sección                      | Descripción                                                                             |
| ---------------------------- | --------------------------------------------------------------------------------------- |
| **Formas de Entrega**        | Configurar métodos de envío                                                             |
| **Medios de Pago**           | Configurar opciones de pago                                                             |
| **Proveedores de logística** | Integrar empresas de envío (Andreani, Correo Argentino, etc.)                           |
| **Proveedores de Pago**      | Integrar pasarelas de pago (Mercado Pago, Stripe, PayPal, etc.)                         |
| **Notificaciones**           | Configurar emails automáticos                                                           |
| **Checkout**                 | Personalizar el proceso de compra (sección en desarrollo)                               |
| **WhatsApp**                 | Integrar con WhatsApp Business                                                          |
| **Webhooks**                 | Notificar eventos de la tienda (cliente, orden, carrito abandonado) a sistemas externos |
| **Códigos Externos**         | Scripts de tracking (Google Analytics, Meta Pixel, TikTok, etc.)                        |
| **Usuarios**                 | Administrar los usuarios del panel y sus permisos                                       |
| **Ventry**                   | Integración con Ventry (visible solo si la tienda la tiene habilitada)                  |

***

## Mejores Prácticas

### Branding Consistente

* Usa el mismo logo en todas partes
* Mantén consistencia de colores
* El favicon debe ser reconocible en tamaño pequeño

### SEO Efectivo

* Actualiza el meta title y description periódicamente
* Incluye palabras clave relevantes
* No uses textos genéricos

### Imagen de Compartir

* Diseña una imagen específica para redes
* Incluye tu propuesta de valor
* Actualiza para promociones especiales

### Restricciones Claras

* Si usas mínimos de compra, comunícalo claramente
* Indica en la tienda si se requiere login
* Explica por qué existen las restricciones

### Texto Promocional Efectivo

* Cambialo según las promociones activas
* Usa emojis con moderación
* Incluye llamados a la acción

***

## Herramientas futuras (Próximamente)

Dependiendo de la versión de tu panel, podés ver secciones marcadas como **“Próximamente”**:

* **Checkout**: ajustes avanzados del flujo de compra.
* **Chat / Agente IA**: asistente inteligente integrado para soporte u operaciones.
* **Reportes**: generación de reportes descargables adicionales a las estadísticas actuales.

Estas secciones irán incorporando funcionalidades en nuevas versiones de la plataforma.

***

## Solución de Problemas

### El logo no se actualiza

* Limpia el caché del navegador (Ctrl+F5)
* Espera unos minutos para que el CDN actualice
* Verifica que el archivo no esté corrupto

### Los cambios no aparecen en la tienda

* Los cambios pueden tardar hasta 5 minutos
* Limpia el caché del navegador
* Verifica que hayas guardado los cambios

### La imagen de compartir no aparece

* Usa las herramientas de debug de Facebook/Twitter
* Verifica que la imagen tenga el tamaño correcto
* Asegúrate de que la URL de la imagen sea accesible