Appearance
Tarjeta Digital - Configurar y Usar
La Tarjeta Digital es una página pública con la información de tu negocio, enlaces personalizados y redes sociales. Comparte un solo enlace (nuxo.pro/t/tu-slug) y tus clientes tendrán todo lo que necesitan saber.
Cómo acceder
En el menú lateral izquierdo, despliega Presencia Digital (icono de globo terráqueo) y haz clic en Tarjeta Digital.
Antes de activar
La primera vez que entras, la tarjeta aparece como Inactiva (badge gris). Verás:
- Un botón grande de "Activar"
- Un mensaje: "Activa la tarjeta digital para configurar botones, redes sociales y visibilidad."
- Si no has configurado tu negocio, un aviso con enlace directo a Configuración → Información del negocio
Requisito previo: Debes tener configurados los datos del negocio en Configuración → Información del negocio (nombre, logo, teléfono, dirección, descripción). Si no, al intentar activar te saldrá un error.
Activar la tarjeta
Al hacer clic en "Activar":
- El sistema toma el nombre del negocio y genera un slug automático (ej:
Nuxo pos→nuxo-pos) - Verifica que ese slug no esté siendo usado por otro negocio. Si ya está tomado, muestra:
"El link nuxo.pro/t/nuxo-pos ya está en uso por otro negocio. Cambia el nombre de tu negocio en Configuración → Información del negocio."
- Si el slug está disponible, la tarjeta se activa y aparece el panel completo de configuración.
Panel de configuración
El panel tiene dos columnas: formulario a la izquierda y vista previa a la derecha.
Columna izquierda — Formulario
a) Estado y link público
Una barra que muestra:
- Badge Activo (verde) o Inactivo (gris)
- Botón "Desactivar" (para apagar la tarjeta temporalmente)
- El link público:
nuxo.pro/t/tu-slugcon un botón "Copiar"
b) Información del negocio
Tarjeta con borde que muestra en solo lectura los datos de Configuración → Información del negocio:
- Logo del negocio (miniatura circular)
- Nombre del negocio
- WhatsApp (teléfono)
- Dirección
- Descripción
Un enlace dice: "Editar en Configuración → Información del negocio" y lleva directo a esa página.
c) Información visible (toggles)
Controlan qué datos se muestran en la tarjeta pública:
| Toggle | Controla |
|---|---|
| Teléfono | Mostrar/ocultar el número |
| Dirección | Mostrar/ocultar la dirección |
| Descripción | Mostrar/ocultar la descripción |
| Botón WhatsApp | Mostrar/ocultar el botón flotante de WhatsApp |
Por defecto todos vienen activados.
d) Mensaje personal (textarea)
Campo de texto libre para escribir un mensaje de bienvenida, promoción o lo que quieras.
- Máximo 1000 caracteres
- Contador en tiempo real (ej:
45/1000) - Si se deja vacío, no aparece nada en la tarjeta pública
- Opcional: no es obligatorio llenarlo
e) Tema visual (selector)
12 temas que cambian la apariencia completa de la tarjeta (colores, fondos, tipografía):
| # | Nombre |
|---|---|
| 0 | Nuxo Claro |
| 1 | Nuxo Oscuro |
| 2 | Blush |
| 3 | Dracula |
| 4 | Ayu Dark |
| 5 | Cyberpunk |
| 6 | Y2K |
| 7 | Old Money |
| 8 | Street |
| 9 | Coquette |
| 10 | Almendra |
| 11 | Neobrutalist |
Al seleccionar un tema, la vista previa se actualiza al guardar.
f) Botones personalizados
Agrega enlaces con un nombre y URL. Ejemplo:
- "Mi Tienda Web" →
https://mitienda.com - "Ver Catálogo" →
https://nuxo.pro/c/abc123
Para agregar uno:
- Haz clic en "+ Agregar"
- Completa Nombre (ej: "Mi Tienda Web") y URL (ej: "https://...")
- Haz clic en "Añadir"
Cada botón aparece como una tarjeta con:
- Icono de arrastre para reordenar
- Nombre del botón (negrita)
- URL (gris, truncada)
- Botón de eliminar (icono de basura rojo)
Si no hay botones: "No hay botones. Agrega enlaces a tu sitio web, catálogo, etc."
g) Redes sociales
Igual que los botones pero con plataformas predefinidas:
- Haz clic en "+ Agregar"
- Selecciona la plataforma del dropdown: Instagram, Facebook, TikTok, X / Twitter
- Pega la URL del perfil
- Haz clic en "Añadir"
Cada red social aparece como tarjeta con el nombre de la plataforma y la URL. También se puede eliminar.
Si no hay redes sociales: "No hay redes sociales. Agrega Instagram, Facebook, etc."
h) Guardar cambios
Botón al final del formulario. Al hacer clic:
- Se guardan todos los cambios (toggles, mensaje, tema, botones, redes) en una sola petición
- La vista previa de la derecha se recarga automáticamente
- Los botones y redes sociales se reemplazan completos cada vez (se borran todos y se recrean)
Columna derecha — Vista previa
Si la tarjeta está activa y tiene link público:
- Muestra un iframe en formato vertical (aspect ratio 9:16, como un celular) que carga la página real en
nuxo.pro/t/{slug} - El iframe se recarga automáticamente cada vez que guardas cambios
- Renderiza el tema seleccionado, los datos del negocio, el mensaje personal, los botones y las redes sociales tal como los verá el público
Si la tarjeta está inactiva:
- Muestra una versión estática simple con el logo, nombre y datos del negocio (sin iframe)
Desactivar la tarjeta
Al hacer clic en "Desactivar":
- La tarjeta se marca como inactiva
- El link público
nuxo.pro/t/{slug}deja de funcionar - Los datos y configuración se conservan. Si vuelves a activar, todo sigue igual.
Slug y nombre del negocio
- El slug se genera automáticamente del nombre del negocio (quita acentos, espacios → guiones, minúsculas)
- Si cambias el nombre del negocio en Configuración → Información del negocio, el slug se regenera automáticamente
- El slug es único globalmente (no puede haber dos negocios con el mismo
nuxo.pro/t/mi-tienda) - Si hay conflicto, el sistema te pide cambiar el nombre del negocio
Qué ve el público
Cuando alguien entra a nuxo.pro/t/{slug}:
- El frontend hace una petición a la API
- Recibe los datos del negocio: nombre, logo, tema, botones, redes sociales, mensaje personal, y los campos según los toggles de visibilidad
- Renderiza la tarjeta con el tema seleccionado
- Muestra los datos según los toggles de visibilidad
Si el negocio está suspendido o la tarjeta está inactiva, la página muestra que no está disponible.
Permisos de empleados
El módulo Tarjeta Digital se controla con el permiso digital_card en Empleados → Permisos. Si un empleado no tiene este permiso activado, no verá la opción en el menú lateral.
Resumen
| Paso | Acción |
|---|---|
| 1 | Ir a Presencia Digital → Tarjeta Digital |
| 2 | Asegúrate de tener los datos del negocio configurados |
| 3 | Haz clic en "Activar" |
| 4 | Configura toggles, mensaje, tema, botones y redes sociales |
| 5 | Haz clic en "Guardar Cambios" |
| 6 | Comparte el enlace nuxo.pro/t/tu-slug con tus clientes |
¿Tarjeta configurada? Siguiente: Inventario