Landing pages
La landing es la página pública donde el participante se registra y participa en tu campaña. Aquí ves qué dirección abre cada página y cómo se decide su contenido.
La página automática de cada campaña está disponible en todas las ediciones. Personalizarla con bloques requiere el Constructor de landings: permiso Constructor de landings · Edición Enterprise.
Direcciones públicas
| Dirección | Qué muestra | Notas |
|---|---|---|
/landing | La landing de tu cuenta. | Tu página del constructor o, si no existe, la página de marca por defecto. |
/landing/enterprise/{slug} | La misma landing de la cuenta. | La cuenta se detecta por el dominio o por ?tenant=. |
/landing/program | Página del programa de fidelización. | |
/landing/c/{slug o id} | La landing de una campaña. | Acepta el slug o el id numérico de la campaña. |
/landing/pub/{slug} | Alias de /landing/c/{slug}. | Para enlaces con prefijo pub, por ejemplo en dominios de marca. |
/c/{slug} | Enlace corto de campaña. | Redirige a la página que genera el sistema para la campaña. |
/landing/raffle/{id}/certificate | Certificado público del sorteo. | Mira Sorteos. |
Para la landing de campaña, el slug es el de la campaña. Con él se resuelven el diseño del constructor, el SEO y el flujo de participación.
Slug de la campaña
El slug es la parte final de la dirección. Se define al crear o editar la campaña, en el campo Landing Slug (URL).
- Se rellena solo a partir del nombre, por ejemplo
black-friday-2026. - Admite minúsculas, números y guiones. Máximo 128 caracteres.
- Debajo del campo ves la dirección resultante.
- Con el slug válido aparece el botón Campaign Landing, que abre la página.
- Si otra organización ya usa el slug, el guardado te pide elegir otro.
Sin slug no hay dirección pública con nombre. Fija uno antes de compartir la campaña. Mira Crear una campaña.
Qué ve el participante
Con diseño propio
Si has guardado una landing para esa campaña en el Constructor de landings, la página se compone con tus bloques. Los títulos, el SEO y los idiomas salen de ese diseño.
Editor por secciones (nuevo)
Si tu plan incluye el editor de landings v2, el Constructor abre el editor por secciones:
- La página se compone de secciones (franjas a todo el ancho con su fondo) divididas en columnas (1, 2 iguales, 1/3 + 2/3, 2/3 + 1/3, 3, 4 o barra lateral). Los bloques se apilan dentro de cada columna y miden lo que su contenido.
- Pulsa + entre secciones para añadir columnas vacías o una sección prediseñada (portada, cómo participar, premios, formulario + bases, preguntas frecuentes, llamada final).
- Arrastra secciones y bloques en el panel Estructura o con el asa de la barra flotante del lienzo. Haz doble clic en un texto del lienzo para editarlo ahí mismo.
- El lienzo es la página real: lo que ves es lo que se publica. Empieza en Móvil; cambia a Tablet o Escritorio con los botones de dispositivo (o las teclas 1, 2, 3).
- En Tablet o Móvil, la pestaña Diseño guarda alineación, tamaño de texto, espaciado y visibilidad solo para ese dispositivo (un punto azul lo indica; Restablecer vuelve a heredar).
- Las imágenes decorativas giradas viven dentro de una sección (Añadir decoración en el inspector de la sección) y en móvil pueden ocultarse, ir debajo o quedarse en su sitio.
- Las landings guardadas con el editor anterior se abren convertidas a secciones; al guardar se guardan en el formato nuevo. Si necesitas el editor anterior, usa ⋯ › Abrir editor clásico.
Animaciones
En el editor por secciones puedes añadir animaciones de entrada a secciones, columnas, bloques y decoraciones, y un efecto al pasar el ratón por los botones. Solo existen en el editor v2; las landings con el editor anterior no cambian.
- Entrada: pestaña Animación del bloque o de la decoración, y apartado Animación de la sección. Elige un efecto (aparecer, subir, bajar, desde la izquierda o derecha, zoom), su velocidad, el retardo (0–1,5 s), la distancia, y si solo se reproduce la primera vez. Con Escalonar en una sección o columna, sus elementos entran uno tras otro.
- Botones: en los ajustes de la página, grupo Animaciones, elige Elevar, Brillo, Escalar o Ninguno. Al pulsar, todos los botones se encogen un instante.
- Intensidad de la página: Sutil, Normal o Marcada. Animaciones de la página activadas las apaga todas de una vez.
- En móvil: Reducidas (por defecto, recomendado: sin desenfoque ni efectos de fondo), Completas o Desactivadas. Puedes dar a un bloque una animación distinta, o ninguna, solo para Tablet o Móvil (punto azul; Restablecer vuelve a heredar).
- Ver el resultado: mientras editas, las animaciones están paradas para que el lienzo no se mueva. Pulsa Reproducir animaciones en la barra (o
Mayús+Espacio) para verlas; cualquier cambio las detiene. Los bloques y secciones con animación llevan un rayo en el panel Estructura.
Recomendaciones:
- Usa pocas animaciones y cortas. Mejor Sutil o Normal; reserva Marcada para un solo punto de la página.
- No animes la primera sección: un fundido en la portada retrasa que la página se vea. El editor avisa (aviso de revisión) y ofrece quitarlo con un clic.
- No animes el bloque de resultado del juego (premio o "has perdido"): el aviso también lo detecta.
- Piensa en el móvil: casi todo el tráfico llega desde el teléfono y desde WhatsApp. Deja Reducidas salvo que hayas probado la página en un móvil modesto.
- Accesibilidad: si el visitante tiene activado "reducir movimiento" en su dispositivo, las entradas se convierten en un fundido breve y el resto queda quieto. Ningún efecto parpadea. Nunca dependas del movimiento para comunicar algo: el texto debe bastar.
- Para ver la landing sin animaciones, añade
?motion=0a la dirección. Las miniaturas, capturas y pruebas de accesibilidad se generan siempre sin animaciones. - Si usas CSS personalizado con animaciones propias, el interruptor de la página no las apaga; son responsabilidad tuya.
Crear con IA desde el brief
Si tu plan incluye el editor v2 y el permiso Constructor de landings, puedes generar la página a partir de un brief en lugar de un texto libre.
- Dónde: en el asistente de plantillas, paso final, pulsa Crear con IA (desde la lista de campañas, Diseñar landing lo abre ya con esta opción). En una página abierta, usa Generar desde brief o el panel Brief (menú ⋯).
- Qué rellenas: objetivo, público, gancho, tono, llamada a la acción, imprescindibles, qué evitar, idiomas y notas. Mecánica, premios, fechas, bases legales y canal (por ejemplo WhatsApp) se rellenan solos desde la campaña. Puedes corregirlos con Editar o volver al automático con Usar el automático.
- Qué no sale de la campaña: los códigos de cupón y las probabilidades de premio nunca se envían a la IA. Las direcciones de bases y privacidad las pone el sistema, no la IA; los bloques legales se conservan.
- Guardado: el brief se guarda con el borrador de la página y es único: no se publica ni forma parte del historial de versiones. Restaurar una versión o descartar el borrador no lo cambia.
- Aviso «Datos de campaña actualizados»: la campaña cambió después de la última generación. Pulsa Actualizar datos para verlo antes de volver a generar.
- Cuota: cada generación consume una del límite diario de tu cuenta (se muestra en el diálogo). Abrir el brief y actualizar los datos no consume. Si superas la cuota, el diálogo te lo indica. Si no se pueden cargar los datos de la campaña al empezar desde el asistente, se aplica la plantilla elegida con un aviso.
- Datos sensibles: no pidas DNI, cuentas bancarias ni tarjetas en textos que llevan a WhatsApp; usa un formulario web.
- Revisa siempre el resultado antes de publicar. Generar sustituye el contenido del lienzo en un solo paso; puedes deshacerlo.
Regenerar sin perder cambios
Si ya tienes una página generada con IA, puedes volver a generarla entera o solo algunas secciones (menú de la sección o del modal de IA: Regenerar con IA…) sin perder tu trabajo.
- Qué se conserva siempre: los bloques que editaste a mano después de la IA (marcados con ✎), los bloques bloqueados, los bloques legales y los del sistema (registro, participación; marcados con ⚖). La IA no puede cambiarlos, aunque lo intente.
- Los bloques generados por la IA llevan la marca IA en el esquema de la página.
- Antes de aplicar ves una comparación sección a sección con lo que se conserva y lo que cambia. Si no te convence, puedes deshacer en un solo paso.
- Incluir editados: si quieres que la IA también rehaga lo que editaste, actívalo y confirma. Los bloques legales, del sistema y bloqueados nunca se incluyen.
- Cuota: cada regeneración consume una del límite diario, igual que generar.
Plantillas de brief
Una plantilla de brief guarda el tono, la llamada a la acción, los imprescindibles, lo que evitar y los idiomas para no repetirlos en cada campaña.
- Aplicar: en el panel Brief, sección Plantilla, elige una y pulsa Aplicar. Solo rellena los campos vacíos; los que ya tienen valor se respetan hasta que pulses Sobrescribir.
- Guardar la tuya: Guardar como plantilla… copia el brief actual (nunca la mecánica, los premios ni las fechas de la campaña). Elige si es general o de una marca, y opcionalmente un tipo de campaña.
- Predeterminada: la marcada como predeterminada para tu marca y tipo de campaña rellena sola Crear con IA.
- Gestionar: Branding → Plantillas de brief (necesita el permiso Constructor de landings).
Comprobar el brief y revisión con IA
- Comprobar brief (panel de comprobaciones) verifica que la página cumple lo que pusiste en el brief: fecha de fin, enlaces de bases y privacidad, imprescindibles, premios, canal de la llamada a la acción, idiomas y palabras a evitar. No gasta cuota. Algunos avisos traen un botón Arreglar; nunca se aplica nada solo.
- Publicar con errores del brief: si quedan errores, se listan y puedes Publicar de todas formas; no te bloquea. Lo legal sí se valida por separado.
- Revisión IA: tras comprobar el brief, la IA sugiere hasta 5 mejoras de contenido (gancho, tono, premio poco visible…). Solo son sugerencias, no cambian la página y consumen una generación de la cuota.
Sin diseño propio
Si la campaña no tiene landing propia, el sistema genera una página automática con:
- La insignia de estado: Activa ahora, Próximamente, Pausada o Finalizada.
- El título, la descripción y la duración de la campaña.
- El flujo de participación según el tipo de campaña.
La landing de la cuenta no sustituye a esta página. Así el registro y la participación de cada campaña siguen funcionando.
Registro y participación
El formulario de registro pide:
| Campo | Notas |
|---|---|
| Nombre | |
| Teléfono | Opcional. |
| Consentimiento de marketing | Casilla opcional. |
| Campos personalizados | Los que definas en la campaña. Los obligatorios impiden enviar. |
Después, la participación depende de cómo configuraste la campaña:
- Ticket: el participante sube una foto del recibo. Pasa a revisión de evidencias.
- Código: introduce un código de un solo uso. Mira Códigos PIN.
- QR: escanea un código con la cámara del móvil.
- Juego o premio instantáneo: juega y ve el resultado al momento. Mira Momentos ganadores.
La página avisa si el participante alcanzó su límite de participaciones o si la campaña completó sus entradas totales.
Si tu campaña usa cuentas con contraseña, el visitante ve primero las pantallas de acceso. Con el bloque Identidad en tu diseño, esas pantallas salen dentro de tu página.
Vista previa
Antes de publicar puedes revisar el diseño sin que lo vea el público:
- Vista previa en el editor abre el borrador sin guardar, durante 15 minutos.
- Compartir preview crea un enlace de 24 horas, con contraseña opcional, para que otras personas lo revisen.
Ambos usan direcciones /landing/preview/… que solo funcionan con su enlace firmado. Mira Constructor de landings.
Códigos QR y enlaces cortos
Para imprimir un QR o enviar la landing por WhatsApp o SMS, usa un enlace corto rastreable en lugar de la dirección larga. Mira Enlaces cortos.
Estados y límites
- La insignia refleja el estado de la campaña: pausada, finalizada o aún sin empezar.
- Un slug inexistente muestra Campaign not found.
- Si cambias el slug, las direcciones antiguas dejan de funcionar. Reimprime los QR que apunten a ellas.
- El SEO de la landing (título, descripción e imagen) se edita en el constructor. Sin SEO propio se usan los datos de la campaña y el logo de la cuenta.