Páginas de destino y formularios

Una página de destino es una página pública que creas en Joryio - en el mismo editor que tus emails - y publicas en su propia dirección. Ponle un formulario y cada envío actualiza el perfil de la persona, la suscribe a listas y registra un evento que segmentos, embudos, campañas disparadas y journeys pueden usar como cualquier otro.

Abre Páginas de destino en la barra lateral. La lista funciona como las de campañas y segmentos: pestañas Todas, Publicadas, Borradores y Plantillas, un buscador, un filtro por etiquetas y Más filtros (creada por, última edición por), un selector de Columnas (vistas, envíos, tasa de conversión, publicada, creada, última edición y por quién), un clic en cualquier cabecera ordena toda la lista, y un menú de fila con Editar, Abrir página publicada, Copiar enlace, Duplicar, Guardar como plantilla, Historial y Eliminar. El botón Dirección y dominio abre Ajustes -> Landing pages, donde viven la Dirección de páginas y la tarjeta Tu dominio. Las etiquetas se definen en la sección Página y compartir de la página.

La dirección que recibe una página

Cada página de un espacio de trabajo se sirve en:

https://<workspace id>.eu1.jrypages.com/<slug>

La primera etiqueta es el id del propio espacio de trabajo - opaco, permanente, nunca elegido ni renombrado. El slug es único en el espacio de trabajo y se deriva del nombre de la página salvo que fijes uno en los ajustes de la página. Para servir páginas en un subdominio tuyo, consulta Usa tu propio dominio.

Crear una página

Selecciona Nueva página, o abre la pestaña Plantillas y elige Usar plantilla en una de las cinco plantillas integradas - Suscripción a newsletter, Registro a evento, Lista de espera de producto, Sorteo, Próximamente - o en una plantilla tuya (cualquier página se puede guardar como plantilla desde su menú).

Una página se abre como un centro con un carril a la izquierda, agrupado en el orden de trabajo: Construir (Diseño, Campos del formulario, Tras el envío), Ajustes (Página y compartir, Seguimiento) y Resultados (Informe, Envíos). La cabecera muestra el nombre, una etiqueta Borrador o Publicada, la dirección de la página y las acciones (Vista previa, Copiar enlace de vista previa, Guardar, Publicar y Retirar cuando está publicada). Un elemento del carril con un problema recibe un punto ámbar y una pista, y el carril termina con "N elementos necesitan atención antes de publicar" o "Lista para publicar". Nada se guarda hasta que seleccionas Guardar o Publicar.

La tarjeta Diseño pregunta cómo quieres construir la página:

• Crear con Drag & drop - el editor de bloques: Hero, Section, Two columns y Three features bajo Page, los bloques de formulario bajo Form.
• Crear con HTML - escribe o pega el marcado tú mismo.
• O descríbela y deja que la IA la diseñe - un brief, opcionalmente para qué es la página, una postura (Atrevida, Editorial, Minimalista, Producto, Evento) y cuánto color de marca usar. La IA planifica las secciones y escribe el texto con tu Brand Voice sobre tu Brand Kit.

El editor se abre a pantalla completa con las pestañas Diseño, Formulario y Vista previa; Listo conserva los cambios, Cancelar los descarta. Dentro, Dile a la IA qué cambiar en esta página revisa el documento entero; una revisión que quite el formulario o añada un script se rechaza. La dirección sigue al idioma: cualquier idioma de derecha a izquierda (hebreo, árabe, persa, urdu y otros) se muestra de derecha a izquierda, y el selector ofrece todos los idiomas, no solo los del panel.

Formularios

Arrastra un Formulario de registro o campos sueltos desde la categoría Form: Email, Teléfono, Campo de texto, Desplegable, Opción única, Casilla de consentimiento, Campo oculto, Botón de envío. Cada campo tiene una Clave de campo; la sección Campos del formulario dice qué hace un envío con cada una: una fila por campo con sus etiquetas de clave, tipo y obligatorio, y la asignación al lado. Una casilla de consentimiento sin lista de suscripción muestra una nota ámbar con un enlace Crear una lista, porque marcarla no suscribiría a nadie.

Campo	Al enviar
Email, Teléfono	Identifica a la persona y se convierte en su email o teléfono. Un formulario necesita uno de ellos, como máximo uno de cada. Un campo de teléfono también puede suscribir a una lista (SMS).
Texto, Número, Fecha, Desplegable, Opción	Guarda la respuesta en el atributo que elijas o crees.
Casilla	Al marcarla, suscribe a la persona a la lista que elijas; también puede guardar sí/no como atributo. Nunca premarcada, nunca obligatoria cuando suscribe a una lista.
Casillas	Guarda los valores marcados como atributo de lista.
Suscripciones	Suscribe a la persona a las listas que ofrece el diseño.
Oculto	Guarda un valor fijo, un parámetro UTM, el referrer o la ruta de la página en un atributo.

Tras el envío tiene dos tarjetas. Lo que ve el visitante muestra un mensaje en el sitio (con vista previa en vivo) o va a una URL (solo https). Lo que se registra indica que cada envío registra Landing Page Form Submitted, permite disparar un evento propio (Signed Up For Webinar, con los valores enviados como propiedades) y fijar atributos como filas atributo / valor (lead_source = spring_sale). Ambos también se pueden definir en el botón de envío del diseño.

Doble opt-in. Una lista que exige doble opt-in nunca se suscribe directamente desde el formulario: la persona se escribe, el evento se registra, la página dice que revise su bandeja de entrada, y un email en el idioma de la página lleva un enlace de confirmación válido durante siete días. La fila del envío muestra esas listas como pendientes; la revisión dice qué listas pedirán confirmación.

Verificación anti-bots. Activa Verificación anti-bots (Cloudflare Turnstile) para mostrar un pequeño widget antes del botón de envío; un envío sin token válido se rechaza. Cada formulario lleva además un honeypot y una permanencia mínima de dos segundos.

Publicación y enlaces de vista previa

Publicar congela el diseño actual y lo sirve en la dirección de la página, mostrada como En vivo en. Las ediciones posteriores son un borrador hasta que seleccionas Publicar cambios. Despublicar retira la página; despublica antes de borrar, y los envíos se conservan.

Vista previa muestra el borrador actual tal como se vería la página en vivo. Copiar enlace de vista previa da un enlace al borrador que se abre sin iniciar sesión en Joryio - compártelo con los revisores; nunca se cachea ni se indexa, y deja de funcionar cuando la página se despublica.

Eventos y journeys

Dos eventos de plataforma vienen con cada página:

• Landing Page Viewed - una persona conocida abrió la página.
• Landing Page Form Submitted - se envió un formulario y se escribió en esta persona, con pageSlug, pageName, las claves de campo, listsSubscribed, referrer y valores UTM, y el email y el phone propios del formulario con phoneUpdated cuando el teléfono del formulario difería del de la persona (true cuando el perfil lo tiene ahora, false cuando conservó el suyo).

Un formulario rellena el email y el teléfono solo cuando el perfil no los tiene: un visitante anónimo nunca cambia el email ni el teléfono de un perfil existente. Una persona que llegó desde un enlace de tu mensaje (el enlace la identifica) puede actualizar su teléfono; un formulario nunca cambia el email.

Ambos aparecen en cada selector de eventos. Para iniciar un journey desde un envío, crea un journey con el tipo de envío trigger, elige Event tracked y selecciona Landing Page Form Submitted; añade una condición sobre pageSlug cuando quieras solo una página.

Para enlazar a una página desde un email, SMS o mensaje de WhatsApp, usa el filtro Liquid landing_page_url con el slug:

{{ 'spring-sale' | landing_page_url }}
{{ 'spring-sale' | landing_page_url: 'utm_campaign=spring' }}

El enlace lleva el token del destinatario, así que la vista y el envío se escriben en esa persona incluso antes de que escriba un email.

El Web SDK y la personalización

Dos interruptores en los ajustes de la página:

• Seguir visitantes con el Web SDK de Joryio (sdkEnabled) carga el Web SDK del espacio de trabajo en la página en vivo; necesita una app Web activa en Ajustes > Apps. Cada visitante recibe una sesión y eventos, Landing Page Viewed se registra para todos, y un formulario enviado identifica al visitante, así que lo que hizo antes se fusiona en el perfil. Los mensajes in-app de la app Web pueden mostrarse en la página.
• Personalizar para visitantes conocidos (personalized) renderiza el Liquid de la página para un visitante que llega desde un mensaje de Joryio, como lo haría un mensaje: {{ user.firstName | default: "there" }}, atributos, landing_page_url. Todos los demás ven los valores por defecto. Los renders personales nunca se cachean.

Sin el SDK, Landing Page Viewed se escribe solo para visitantes que llegan por un enlace de mensaje; el informe sigue contando cada vista.

El informe

Antes de publicar, Informe explica que el recuento empieza al publicar y ofrece un botón Publicar página. En una página publicada muestra vistas, envíos y tasa de conversión (cada uno con su definición) de los últimos 7 días, 30 días o desde la publicación, visitantes nuevos en el rango, vistas y envíos acumulados, y una barra apilada por día (vistas, días en la zona horaria del espacio de trabajo). Envíos es una tabla (persona, sus respuestas, suscripción a lista, fecha de envío) con Exportar CSV (todos los envíos: cada respuesta, asignada a un atributo o no, las listas, el referrer y los valores UTM) y Segmentar a estas personas, que abre un segmento nuevo sobre el evento de envío acotado a esta página; los datos personales se enmascaran salvo que tengas pii:view.

Launch Review para páginas

Antes de publicar lista lo que encontró la revisión, con la misma forma que la Launch Review de campañas y journeys. Los hallazgos Bloquea la publicación detienen la publicación hasta corregirse: una página vacía, campos sin formulario en el marcado, sin campo de email ni teléfono, una casilla de consentimiento obligatoria, una redirección que no es https. Las Sugerencias nunca bloquean: sin H1, una casilla de consentimiento sin texto al lado, listas que pedirán confirmación, falta el título para navegador o la descripción, enlaces o imágenes por http, una página de más de 300 KB, y los hallazgos de accesibilidad de abajo.

Accesibilidad

Cada campo necesita una etiqueta (o un aria-label) y cada imagen un texto alternativo - la revisión señala cada caso. El idioma de la página fija el idioma del documento y su dirección para los lectores de pantalla. Mantén el texto de consentimiento junto a la casilla - es lo que la persona acepta.

Usa tu propio dominio

En lugar de la dirección de páginas, un espacio de trabajo puede servir sus páginas en un subdominio propio - https://pages.yourbrand.com/<slug>. Requiere landing_pages:publish. En Ajustes -> Landing pages, en la tarjeta Tu dominio:

1. Añade el subdominio - uno tuyo, como pages.yourbrand.com (no un dominio raíz, nunca un dominio de Joryio). Selecciona Añadir dominio; el dominio aparece como Pendiente con los registros DNS que debes crear.
2. Añade los registros DNS en tu proveedor de DNS: un CNAME del subdominio al destino que se muestra, más los registros TXT de validación del certificado.
3. Verifica. Cuando el CNAME resuelve, el certificado se emite en pocos minutos y el estado pasa a Activo; los dominios pendientes también se vuelven a comprobar cada cinco minutos. Una validación que caduca pasa a Fallido con el motivo: corrige los registros y verifica de nuevo, o elimina el dominio y vuelve a añadirlo.

Mientras el dominio está activo, cada enlace que escribe Joryio - URL pública, enlace de vista previa, landing_page_url en los mensajes - lo usa; la dirección de páginas sigue sirviendo las mismas páginas. Eliminar devuelve los enlaces de inmediato; las páginas siguen publicadas.

Un espacio de trabajo tiene como máximo un dominio, y una organización tiene por defecto un dominio de páginas de destino entre todos sus espacios de trabajo. La tarjeta muestra cuántos están en uso; en el límite dice "contáctanos para añadir más" - pídenos subir el límite para más espacios de trabajo o marcas.

Permisos

• landing_pages:read - ver páginas, formularios, envíos e informes.
• landing_pages:write - crear y editar páginas y formularios, usar el diseño y la revisión con IA.
• landing_pages:publish - publicar, retirar y gestionar tu propio dominio (administradores y propietarios).

Consulta Roles y permisos y, para la API, la Landing Pages API.