Qué contenido para tu app

Los ejemplos que siguen se apoyan en siete apps, repartidas en tres familias. Busca la que se parezca a tu proyecto, y después adapta.

River Daily para un periódico local, Piu Piu para un festival, Portland para una guía de viaje.

• Blog: crea artículos libremente, ilustrados con imágenes y vídeos.
• Gallery: muestra tus imágenes en varias presentaciones.
• Video: comparte tus contenidos filmados.
• Sound: publica tus podcasts.
• Map: crea contenidos ligados a lugares concretos.
• Form: haz preguntas a tus usuarios, recoge y analiza las respuestas.
• Events: comunica sobre tus eventos, presentados por fecha.
• Publicidad interna y externa: genera ingresos con tu contenido.

Freyja Spa para un salón de belleza, Ivar Madsen para una agencia de interiorismo.

• Blog: presenta tus servicios y tratamientos, o crea un porfolio.
• Contact: reúne tus datos de contacto en una sola página.
• About: preséntate en una página dedicada.
• Form: conviértelo en una solicitud de cita.
• Tarjeta de fidelidad y club card: crea un programa de fidelización y aumenta el compromiso.

Paraigua para un centro educativo, Dali Corp para una app interna de empresa.

• Blog: distribuye tus contenidos a tu audiencia.
• Authentication: permite a tus usuarios crear un perfil.
• Users: publica la lista de tus usuarios y sus perfiles.
• User groups: segmenta tu audiencia y sirve contenido específico a cada grupo.
• Chat: abre un espacio de conversación en la app.
• Events: comunica sobre tus eventos.
• Form: haz preguntas a tus usuarios y analiza las respuestas.

El gesto es el mismo para todas las secciones descritas en esta guía. Ve a My App › Structure, haz clic en Add, y elige después el tipo que quieras.

Puedes añadir hasta 120 secciones a una app, y un mismo contenido puede aparecer en varias secciones a la vez. Eso es lo que hace la organización tan flexible: una sección no es un cajón cerrado, es una vista sobre tu contenido.

La sección Blog te permite crear contenido directamente desde el back office, en forma de artículos enriquecidos con fotos y vídeos.

Para un creador de contenido, es la sección central. Pero sea cual sea tu proyecto, la usarás al menos una vez: es la sección más versátil de todas, y verás más abajo que se pliega fácilmente a otros usos.

Crear artículos. Un artículo se construye en párrafos de texto, a los que añades fotos, vídeos, citas o código embed.

El editor se abre desde Content › Add › An article. Los artículos que ya has publicado están en Content › Content list › All articles.

Una vez creado el contenido, defines:

• la sección o las secciones a las que pertenece el artículo
• el autor
• la miniatura
• un resumen, que aparecerá en la lista de artículos
• si los comentarios están activados o no

La pestaña SEO te permite además rellenar los metadatos y personalizar la URL.

Contenido dinámico. Es su primera finalidad. En la app de noticias River Daily, varias secciones Blog cubren las distintas áreas del periódico, algunas con categorías para afinar aún más la navegación.

En el detalle del artículo se muestra la fecha de publicación, los comentarios están activados, además de compartir y de guardar en favoritos.

Una presentación de catálogo. En Freyja Spa, las secciones Blog presentan los tratamientos del salón. Las tres secciones usadas se reúnen dentro de una sección de menú.

El desvío interesante está aquí: el campo de resumen, pensado para una entradilla, se usa para mostrar la duración de cada tratamiento en la lista. La información más decisiva es por tanto legible de un vistazo, sin abrir la ficha.

El detalle repite la duración, el precio, la descripción del tratamiento y un enlace al formulario de reserva. Los comentarios están activados y hacen las veces de recopilación de opiniones de clientes.

Contenido estático. La app Portland es una guía de viaje, y sus secciones Blog sirven consejos a los visitantes.

Aquí no hay autor ni fecha de publicación: esa información no aportaría nada a un contenido que no caduca.

Hay nueve layouts disponibles para la lista. Se distinguen por tres criterios: el volumen de artículos que publicas, la fuerza de tus visuales, y si quieres o no destacar un artículo.

El layout se cambia en My App › Structure: abre el menú de la sección en cuestión, y después Edit the design.

Sin elemento destacado, todos los artículos al mismo nivel:

• Enriched Classic, el valor por defecto universal. Ritmo moderado, metadatos clave visibles. Cógelo cuando nada te empuje hacia un layout más especializado.
• Condensed, para un volumen editorial alto que hay que recorrer rápido. El visual pasa a segundo plano.
• Visual Card, tarjetas a todo el ancho en una sola columna: imagen grande arriba, título y entradilla debajo. Para cuando es la imagen la que hace clicar.
• Checkerboard, para contenido estático, con títulos que se leen en «Z».
• Grid Visual, una cuadrícula de artículos iguales. Exige un visual en todos los elementos.

Con un artículo destacado:

• Une Condensed, un artículo estrella seguido de muchos elementos compactos. El feed absorbe el volumen.
• Une Grid Visual, un artículo destacado y después una cuadrícula. Exige también un visual en todos los elementos.
• Une Story, varias «portadas» en un carrusel que se pasa con el dedo, al estilo de las redes sociales, con un feed compacto debajo. Para una publicación muy regular con visuales fuertes. Disponible solo en los artículos.

El caso especial:

• Immersive, un artículo por pantalla, imagen dominante y navegación con deslizamiento vertical. Espléndido con visuales fuertes, pero no aguanta un volumen alto.

La regla que se impone a todas las demás: si tus artículos no tienen visuales, o los tienen de mala calidad, descarta Visual Card, Checkerboard, Une Grid Visual, Grid Visual, Une Story e Immersive. Quedan Condensed si el volumen es alto, y Enriched Classic en los demás casos.

Para el detalle del artículo, la vista por defecto pone la imagen de portada en el hero, y después el título, la fecha y el autor, la barra de acciones (compartir, favoritos, comentar) y el cuerpo del texto. Cuando un artículo no tiene portada, el título va primero en lugar de dejar un hero vacío.

Una observación que vale para todas las secciones: aunque a veces asociemos un layout a un tipo de uso, ninguno está reservado a un sector concreto. Todo depende de tus necesidades y del diseño general de tu app.

La sección Gallery muestra una galería de imágenes. Su funcionamiento es mínimo: añades tus fotos, eliges el layout, y ya está.

Añade tus fotos con el botón Add a photo, o arrastrando y soltando desde tu ordenador. Se pueden subir varias a la vez, lo que acelera mucho el trabajo.

Esa pantalla está en Content › Content list › All photos, y el añadido directo está en Content › Add › A photo.

Una vez tus imágenes están en el back office, puedes darles un título y una descripción, que aparecerán en la vista de detalle.

La vida de un centro educativo. La app Paraigua sirve información a alumnos y padres, y busca crear una comunidad en torno al centro. Su sección Gallery publica con regularidad fotos de la vida del centro. El layout elegido deja visibles el título y la descripción de cada foto, para ponerlas en contexto.

Un festival de música. La app Piu Piu se renueva cada año para la nueva edición. La galería hace las veces de archivo: reúne las fotos de los años anteriores, lo que mantiene viva la memoria para los habituales y transmite el espíritu del festival a los recién llegados.

Tres layouts, que responden a tres intenciones distintas.

El layout se cambia en My App › Structure: abre el menú de la sección en cuestión, y después Edit the design.

• Visual Card, el valor por defecto. Una columna, tarjetas a todo el ancho, y sobre todo un título y un pie por foto. Es el único de los tres que te permite poner tus imágenes en contexto.
• Square, una cuadrícula de dos columnas de cuadrados, sin títulos. Para un archivo visual muy condensado, cuando la coherencia del conjunto cuenta más que cada foto por separado.
• Ratio, un mosaico de dos columnas que respeta las proporciones nativas de cada imagen. Para un porfolio con formatos mezclados.

Dicho de otra forma: si tus fotos necesitan explicación, coge Visual Card. Si hablan solas y son muchas, Square o Ratio según sean uniformes o no.

La sección Video sirve vídeos en tu app, ya estén alojados en un sitio externo o no.

Añade tus vídeos subiéndolos desde tu ordenador, o introduciendo su código embed si ya viven en otro sitio. Como en el blog, eliges después las secciones de visualización, el autor, la fecha de publicación, el resumen y si los comentarios están activados.

El editor se abre desde Content › Add › A video.

Por último, puedes estructurar la página añadiendo, si hace falta, párrafos de texto, fotos y citas.

Un periódico local. River Daily no tiene canal de televisión, pero emite programas regulares en YouTube, entre ellos uno diario. Se reúnen en la sección Video News de la app.

Una app interna de empresa. En Dali Corp, la sección Video sirve cursos en línea creados por empleados para empleados. El montaje hace dos trabajos a la vez: agrupa a la plantilla en torno a un proyecto común, y le da formación gratuita.

Tres layouts para la lista.

El layout se cambia en My App › Structure: abre el menú de la sección en cuestión, y después Edit the design.

• Enriched, el valor por defecto. Lista compacta, miniatura pequeña en 16:9, metadatos en primer plano (título, fecha, autor, descripción). Es la buena elección para un volumen alto que hay que recorrer.
• Une Condensed, un vídeo destacado que se muestra en grande con su entradilla, y después un feed compacto debajo. Es el «periódico en vídeo», con la portada del día. Aguanta un volumen de moderado a alto.
• Visual Card, tarjetas grandes a todo el ancho con el encuadre 16:9 y el botón de reproducción centrado. Cógelo cuando sea la miniatura la que hace clicar.

Para el detalle, el reproductor de vídeo ocupa el hero, seguido del título, la fecha, las acciones, la descripción y, si la introduces, la dirección.

La sección Podcasts sirve audio en tu app.

Añade tu audio subiéndolo desde tu ordenador. Como en el blog, eliges las secciones o las categorías de visualización, el autor, la fecha, el resumen y los comentarios. También puedes añadir enlaces externos para comprar el tema.

El editor se abre desde Content › Add › A sound.

La página se estructura después con párrafos de texto, fotos, vídeos, código embed y citas.

Una app de noticias. River Daily emite además una radio en directo. La sección Podcasts pone determinados programas a disposición de forma permanente. Las fechas se muestran en la lista, para ayudar a los oyentes a encontrar el programa que buscan. La página de detalle se queda desnuda, sin información adicional.

Un centro educativo. Paraigua necesitaba impartir sus clases a distancia. Se presentan en forma de lista, clasificadas por asignatura.

La idea que conviene retener está en la página de detalle: allí se publica una transcripción de la clase en forma de párrafos e imágenes. El alumno sigue el texto y las ilustraciones mientras escucha la versión en audio, lo que hace la clase utilizable en situaciones muy distintas.

Dos layouts, y el criterio que los separa es el tamaño de la miniatura. Los dos integran el reproductor en la celda, con el botón de reproducción y la duración: así que no es la reproducción lo que los distingue.

El layout se cambia en My App › Structure: abre el menú de la sección en cuestión, y después Edit the design.

• Classic Play, el valor por defecto. Miniatura más pequeña, texto y metadatos dominantes. Es el layout de las listas largas de episodios, y el del patrón de radio.
• Enriched, miniatura más grande, que pone por delante la carátula. Elígelo cuando la portada forme parte de la identidad de tu contenido, con un volumen moderado.

Para el detalle, la carátula hace las veces de portada inmersiva, con el reproductor de audio, el título, las acciones y el cuerpo del texto.

Las secciones anteriores publican contenido grabado, disponible cuando tu oyente decide. El directo hace lo contrario: emite en tiempo real, y es la cita la que crea el acontecimiento.

Tres bloques, que se combinan según lo que emitas.

• El directo de audio es el bloque base: la sección existe sin añadir nada. Introduces la dirección de tu stream, y la app lo emite. Los codificadores IceCast están soportados de forma nativa, lo que cubre la inmensa mayoría de los montajes de radio.
• El directo de vídeo hace lo mismo para una emisión con imagen. Es una extensión, y su ficha muestra el precio que se aplica a tu app.
• Live+ es una capa sobre el directo de audio, aportada también por una extensión. Muestra los metadatos de tu stream junto al reproductor: el tema que suena, el presentador, el programa. Sin ella, tu oyente ve un botón de reproducción y nada más; con ella, ve lo que está escuchando.

Conviene conocer dos propiedades antes de decidir.

El sonido no se para cuando tu oyente navega. El reproductor sigue al usuario de pantalla en pantalla y continúa con la pantalla apagada. En la práctica, la gente puede escuchar tu emisora mientras lee tus artículos, lo que cambia por completo la forma de usar una app de radio.

Puedes abrir varias secciones de directo. Una radio con dos canales, un festival con dos escenarios, una parroquia con dos oficios: cada stream tiene su propia sección.

Una última diferencia con las secciones anteriores: el directo solo tiene una presentación. No hay layout que elegir.

Una radio local. La radio de River Daily, mencionada en el capítulo anterior, vive en una sección Live. Los podcasts conservan los programas a la carta, la sección de directo lleva la emisora. Live+ muestra el tema que suena y su artista, lo que le da a un oyente que llega a mitad de programa algo con lo que situarse.

Un festival. Piu Piu emite su escenario en directo durante los cuatro días. El público que no ha podido ir sigue la velada, y los habituales reencuentran el ambiente desde casa. El directo funciona junto a la sección Events, que sigue siendo la sección principal de la app: el programa anuncia, el directo emite.

Merece la pena señalar dos detalles de esa pantalla. El modo Sleep detiene la reproducción tras un plazo elegido, cosa que cuenta en una emisora que se escucha por la noche. Y el reproductor adopta los colores y la tipografía de la app: es la misma pantalla que en River Daily, y sin embargo no parece el mismo producto.

La sección Map crea puntos geolocalizados que se muestran en un mapa. Tus usuarios localizan los lugares y consiguen cómo llegar hasta ellos.

Para crear un punto, introduce su dirección o sus coordenadas en la página de edición.

La página de edición se abre desde Content › Add › A location.

Después completas la descripción con texto, fotos, vídeos, citas o código embed. El panel de la derecha te permite elegir las secciones de visualización y añadir botones de acción:

• un botón de llamada
• un botón de email

Por último, puedes añadir un enlace externo, y personalizar la forma y el color del icono que representa el punto.

Un campus escolar. Paraigua está repartido en varios edificios. Los recién llegados, tanto alumnos como padres, necesitaban identificarlos de un vistazo y saber cómo llegar.

Se crearon cuatro lugares, presentados primero en forma de lista. La vista Map muestra todos los puntos y las distancias. Al hacer clic en un punto se obtiene un resumen y el acceso al detalle, donde el botón de cómo llegar es lo principal, completado por una descripción y una imagen.

Una empresa con varias sedes. Dali Corp tiene oficinas en varias ciudades estadounidenses, y cuida su cultura de empresa. Una sección Map presenta las tres oficinas.

El detalle es más completo que en Paraigua: unas fotos describen la oficina y su ambiente, y el botón de cómo llegar se sitúa debajo de las fotos. El mapa no está solo para orientar, está para hacer existir las demás sedes ante quienes no van nunca.

Una guía de viaje. En la app Portland, el mapa es el corazón del producto. Varias secciones Map presentan los lugares de la ciudad, ordenados por tipo.

El detalle incluye una descripción completa, fotos cuando hacen falta, el botón de cómo llegar bien destacado, y un enlace externo a la web de cada establecimiento cuando la tiene.

Tres layouts, y el criterio de verdad es cuánto espacio le das al mapa en sí.

El layout se cambia en My App › Structure: abre el menú de la sección en cuestión, y después Edit the design.

• Enriched, el valor por defecto. Lista compacta, miniatura pequeña, título y dirección, varios lugares por pantalla. El mapa se esconde detrás de un botón. Es el layout de directorio, para cuando el usuario ya sabe lo que busca.
• Visual, miniatura grande y dominante, pocos lugares por pantalla. El mapa se queda escondido detrás de un botón. Para una galería de lugares donde lo que atrae es la imagen.
• Split Enriched, el mapa interactivo ocupa la parte alta de la pantalla y la lista aparece debajo. Elígelo cuando la relación espacial entre los lugares tenga sentido, es decir cuando el mapa sea el tema.

También decides si muestras o no una lista resumida sobre el mapa. Ve a My App › Structure, abre la sección Map, y después la vista de lista de puntos: el ajuste está en la zona de contenido, bajo «Map view».

Para el detalle de un lugar, tienes la foto, el nombre, la dirección, el botón de cómo llegar, una galería y el mapa situado.

La sección Form recoge información de tus usuarios, mediante campos de varios tipos.

Tus formularios están listados en Content › Content list › All forms. Al abrir uno se muestra a la derecha el panel de edición del formulario, cuya pestaña de campos lleva debajo la paleta.

Hay dieciséis tipos de campo disponibles:

• línea de texto
• párrafo de texto
• elección múltiple
• nombre
• fecha
• email
• enlace externo
• subida de archivo
• números
• casillas
• desplegable
• dirección
• hora
• teléfono
• precio
• salto de sección

Haz clic en el tipo que quieras y aparece en la zona de edición, donde personalizas su contenido.

Acuérdate de enriquecer el formulario también con fotos, vídeos, texto, citas o código embed: un formulario desnudo recibe menos respuestas que un formulario que explica lo que busca.

Una app de servicios. En Ivar Madsen, interiorista, el formulario gestiona las solicitudes de cita y de presupuesto.

La página tiene tres objetivos: presentar la oferta, conocer al futuro cliente, permitir un primer contacto. Una imagen y un texto explicativo dan el contexto, y después el formulario va al grano:

• un campo de nombre y un campo de email para identificar al cliente
• dos campos de párrafo para expresar sus necesidades y su proyecto
• un campo de fecha para indicar su disponibilidad

Una app de empresa. En Dali Corp, Recursos Humanos lanza encuestas con regularidad para medir el bienestar de los empleados y recoger sus opiniones.

El formulario es deliberadamente muy corto, para maximizar la tasa de respuesta. Un texto de introducción, y después cinco campos:

• un campo de nombre y un campo de equipo para identificar al empleado
• dos campos de elección múltiple para responder a las preguntas de la dirección
• un campo de párrafo para hablar libremente

Ve a Content › Content list. Pasa el ratón por encima de la sección Form en cuestión y haz clic en el enlace que muestra su contenido. Allí encontrarás la lista de las respuestas recibidas.

Al hacer clic en una fila se muestran las respuestas de un usuario, que puedes exportar en .csv con Export data. El mismo botón, desde la vista de lista, exporta todas las respuestas.

Esa exportación es lo que hace la sección realmente útil: sin ella lees las respuestas de una en una; con ella, las analizas en conjunto.

La sección Submission permite a tus usuarios enviarte contenido desde la app, en forma de texto, fotos o vídeos. Todo llega a tu back office.

Lo que recibes llega a Content › Content list › All sent in content.

No hay nada que configurar, salvo que quieras restringir los tipos de contenido aceptados. En ese caso, añade la extensión API Access y edita el JSON de la sección. Es una operación sencilla y hay ayuda paso a paso disponible en tu back office.

Un buzón de sugerencias interno. En Dali Corp, la dirección abrió un espacio donde los empleados pueden dejar sus observaciones y recomendaciones en cualquier momento. El contenido recibido no se publica: se analiza para mejorar las condiciones de trabajo.

Los recuerdos de un festival. Piu Piu apuesta por su comunidad y quiere enseñar el ambiente real del festival. La sección Your Memories recoge las fotos y los vídeos de los participantes. El envío de texto se desactivó.

Los avisos de los lectores. River Daily quiere ser el primero en la actualidad local. Una sección abierta permite a los lectores transmitir su información, que los periodistas reelaboran antes de publicarla.

Esos tres casos muestran tres regímenes distintos: contenido que no se publicará nunca, contenido publicado casi tal cual, y contenido que sirve de materia prima para un trabajo editorial. Decide cuál es el tuyo antes de abrir la sección, porque cambia lo que anuncias a tus usuarios.

Ve a Content › Content list, pasa el ratón por encima de tu sección Submission y haz clic en el enlace que muestra su contenido.

Gestionas la publicación en bloque, mediante las casillas que hay a la derecha de cada fila, o caso por caso abriendo un elemento. Así puedes editar y publicar después con un clic lo que te han enviado tus usuarios.

La sección Events presenta tus contenidos en forma de eventos con fecha.

Para crear un evento, elige primero su fecha y su duración. La opción «todo el día» te ahorra introducir una franja horaria. Después puedes asociarle una dirección.

El editor se abre desde Content › Add › An event.

La página se construye en párrafos, con texto, fotos, vídeos, citas y código embed.

El panel de la derecha te permite elegir las secciones o las categorías de visualización, añadir botones de acción (llamada, email), un enlace externo y un botón de compra de entradas.

Una app interna de empresa. Dali Corp usa dos secciones Events. La primera comunica sobre los eventos internos: talleres, afterworks, jornadas de puertas abiertas. La segunda comparte la hoja de ruta de la empresa, para que todo el mundo conozca los plazos y los proyectos en marcha.

Ese segundo uso es el más trasladable: la sección de eventos no está reservada a los eventos a los que se asiste, sirve también para hacer visible un calendario.

En el detalle, la dirección y el botón de cómo llegar aparecen cuando son pertinentes.

Un festival. En Piu Piu, Events es la sección principal de la app: es el programa del festival.

El detalle es completo: dirección, fecha, botón de compra de entradas, descripción, enlace a la web de los artistas, botón de llamada, botón de email, botón de cómo llegar, además de los favoritos y el compartir.

Dos layouts, que corresponden a dos posturas opuestas.

El layout se cambia en My App › Structure: abre el menú de la sección en cuestión, y después Edit the design.

• Classic, el valor por defecto. Los eventos se agrupan bajo bandas de día, con una miniatura pequeña, la hora, el título y el lugar, varios por pantalla. Es el calendario que se recorre por fecha, cuando el «cuándo» y el «dónde» cuentan más que la imagen.
• Classic Bullet, cada evento en una miniatura grande y dominante con una píldora de fecha, uno o dos por pantalla. Es el escaparate, cuando es el cartel del evento el que da ganas de ir.

Así que la elección se reduce a una pregunta: ¿tus usuarios vienen a consultar un programa, o a dejarse tentar?

Para el detalle de un evento, tienes la imagen de portada, el título, la dirección, las fechas, la descripción, el cómo llegar y el mapa del lugar.

Un CMS (sistema de gestión de contenidos) te permite crear y dar formato a tu contenido desde un back office para publicarlo. En GoodBarber, es el corazón de la plataforma.

Más allá de la creación, te da:

• La gestión del estado del contenido. Published, In stock o Draft, para pilotar lo que publicas.
• La publicación programada. Fijas por adelantado el día y la hora de la puesta en línea, cosa que cuenta sobre todo en apps de noticias o de blog.
• La categorización. Un número ilimitado de categorías para ordenar el contenido de una sección, y por tanto un nivel de navegación adicional sin sobrecargar tu menú.
• La ordenación. Por fecha de redacción, por orden alfabético o por número de comentarios.
• La gestión centralizada. Un cuadro de mando reúne todos los contenidos creados en el CMS, con filtros para encontrar y tratar elementos en bloque.
• La personalización avanzada de los metadatos. Sirve tanto para animar a la lectura como a tu SEO, y conservas el control de cómo se muestran.
• Destacar contenidos. Visualización preferente para el contenido que elijas, desde su página de edición.
• La personalización avanzada del diseño. El diseño de cada elemento se puede fijar independientemente de los ajustes generales de la aplicación.

Si ya produces contenido en otro sitio, no tienes por qué publicarlo otra vez. Más de 30 conectores desarrollados por GoodBarber lo traen a tu app, dándole formato para respetar los estándares de visualización y el diseño de la app.

Un sistema de caché garantiza los tiempos de carga y la estabilidad, sin sobrecargar tus servidores. Tus imágenes las redimensiona, las comprime y las guarda en caché GoodBarber.

La ventaja decisiva es la sincronización: el contenido producido en tu fuente externa se mantiene al día en la app, con una visualización adaptada a móvil, tableta, portátil y ordenador de sobremesa. No tendrás que publicar dos veces nunca más.

Cada conector alimenta un tipo de contenido concreto, y el contenido traído se comporta después como si se hubiera creado en el CMS.

Artículos: WordPress, Squarespace, Wix, Medium, Substack, X, RSS

Fotos: Flickr

Vídeos: YouTube, Vimeo, RSS

Audio y podcasts: Ausha, Spreaker, Simplecast, Spotify for Podcasters, feed de podcast, RSS

Eventos: iCal y vCalendar, RSS

Mapas: KML, RSS

Conectores personalizados. Si tu fuente no está cubierta, produces un feed en el formato que espera el tipo de contenido de destino, y declaras su dirección. El trabajo a medida se limita a producir el feed: la visualización, los layouts, la búsqueda y los metadatos siguen siendo de la plataforma. Una documentación detallada describe el formato esperado.

Nada te obliga a elegir entre los dos: puedes mezclar contenido interno, creado en el CMS, y contenido externo traído por los conectores, en una sola y misma aplicación.