Los Power Ups y Elementos HTML son bloques especiales que puedes insertar dentro de un artículo para presentar información de forma más visual, sin necesitar diseño ni conocimientos técnicos. Cada uno tiene un propósito distinto: destacar un dato, comparar imágenes, ordenar una lista o incrustar contenido externo como un tweet o un mapa.
A continuación encontrarás cada opción disponible, con una breve explicación de cuándo usarla y datos de ejemplo listos para copiar y probar directamente en tus artículos.
POWER UPS
Power Cifras
El Power Cifras se usa cuando quieres resaltar uno o varios datos numéricos importantes dentro de una nota: porcentajes, totales, años, cantidades de personas, etc. El número aparece en rojo y en tamaño grande, acompañado de una frase corta que le da contexto.
Se recomienda usar hasta 4 cifras por bloque para mantener la lectura limpia; si necesitas más (8, 12...), el sistema las acomodará automáticamente en filas de 4. Es ideal para resúmenes de resultados electorales, cifras económicas o estadísticas deportivas.
Power Antes / Después
Este Power Up permite comparar dos imágenes mediante un control deslizante (slider), ideal para mostrar cambios: una obra de infraestructura antes y después de su construcción, el estado de una zona tras un desastre natural, o una transformación urbana. El lector desliza sobre la imagen y ve la diferencia en tiempo real.
Se puede incluir un pie de foto que describa el contexto de ambas imágenes (ejemplo: fechas o ubicación).
Power Lista
El Power Lista organiza puntos numerados con un número grande en rojo a la izquierda y un párrafo de texto a la derecha. A diferencia de una lista numerada común, aquí sí puedes desarrollar cada punto con más detalle, por lo que es ideal para explicar pasos, razones o hitos de una cronología.
Úsalo, por ejemplo, para explicar “5 claves para entender la reforma a la CSS” o los pasos de un trámite.
Power Iframe
El Power Iframe permite incrustar contenido interactivo generado fuera del CMS, como mapas personalizados, gráficas interactivas o resultados generados por herramientas de inteligencia artificial. Es útil, por ejemplo, para mostrar un mapa de zonas afectadas por un huracán o una gráfica dinámica de resultados electorales.
Para usarlo, primero debes generar el mapa o gráfica y obtener su URL desde la herramienta 👉 ARC Tools [Ruta de Archivo]. Una vez tengas el enlace, simplemente pégalo en el campo correspondiente del Power Up y el sistema lo incrustará automáticamente en el artículo.
ELEMENTOS HTML
Cuadro +INFO
El cuadro +INFO es una caja destacada que agrupa enlaces relacionados con la noticia: artículos previos, documentos oficiales o coberturas complementarias. Ayuda al lector a profundizar en el tema sin saturar el cuerpo del texto con enlaces sueltos.
Se recomienda una lista corta de 2 a 4 enlaces relevantes. Este elemento aparece automáticamente alineado a la derecha del segundo párrafo de texto.
Blockquote
“Vamos a garantizar que las elecciones de 2026 sean las más transparentes de nuestra historia.”
— Eduardo Valdés, magistrado del Tribunal Electoral
El blockquote es una caja visual que resalta una cita textual, ya sea de una persona entrevistada, un funcionario o un documento oficial. Se diferencia del resto del texto para que el lector identifique rápidamente que se trata de una declaración directa.
Debe usarse solo con frases textuales, entre comillas, y de preferencia acompañadas del nombre y cargo de quien las dijo.
Imagen
Este elemento permite insertar una fotografía dentro del cuerpo del artículo, acompañada de un pie de foto que explique qué se observa, cuándo y dónde fue tomada, y el crédito del fotógrafo.
Galería de fotos
La galería de fotos permite mostrar varias imágenes relacionadas dentro de un mismo bloque, con las que el lector puede navegar cpn flechas. Es ideal cuando una sola foto no alcanza para contar la historia: coberturas de eventos, reportajes con varios momentos, inauguraciones de obras o notas donde el aspecto visual es protagonista.
Cada imagen puede llevar su propio pie de foto, por lo que es importante que cada una tenga contexto propio y no dependa únicamente de la primera. Si incluyes este elemento antes del primer párrafo, el mismo reemplazará la foto principal debajo del título.
0 of 7
URL social (Twitter/X)
Permite incrustar directamente una publicación de Twitter/X dentro del artículo, mostrando el tweet tal como aparece en la red social (con su autor, foto, texto e interacciones). Es útil para citar declaraciones oficiales o reacciones públicas sin necesidad de hacer captura de pantalla.
Solo se necesita pegar el enlace del tweet.
Banano y plátano bajo la sombra de una nueva amenaza, la ‘sigatoka negra’
— La Prensa Panamá (@prensacom) September 12, 2026
Sigue este link para más información en https://t.co/iNFdFycfNG 📌. via @prensacom https://t.co/ybidbXPh5B
URL social (Instagram)
Al igual que con Twitter/X, este elemento incrusta directamente una publicación de Instagram (foto, video o carrusel) dentro del artículo, respetando el diseño original de la red social.
Solo se necesita copiar y pegar el enlace de la publicación de Instagram.
YouTube embed
Este elemento incrusta un reproductor de video de YouTube directamente en el artículo, permitiendo al lector ver el contenido sin salir de la página. Es ideal para videos de conferencias de prensa, resúmenes deportivos o reportajes en video.
Solo necesitas el enlace del video de YouTube. Si incluyes este elemento antes del primer párrafo, el mismo reemplazará la foto principal debajo del título.
Tabla
La tabla permite organizar información en filas y columnas, ideal para comparar datos, mostrar resultados o presentar cronogramas. Puedes definir la cantidad de filas y columnas según la necesidad de cada nota.
| Provincia | Mesas habilitadas | Participación |
|---|---|---|
| Panamá | 850 | 74% |
| Colón | 210 | 68% |
| Chiriquí | 340 | 71% |
Lista desordenada
Se usa para enumerar elementos sin un orden de importancia o secuencia específica, como una lista de requisitos o materiales.
- Cédula de identidad personal vigente
- Comprobante de domicilio
- Formulario de inscripción firmado
Lista numerada
Se usa cuando el orden de los elementos sí importa, como pasos a seguir en un trámite o un ranking de posiciones.
- Ingresar al portal del Tribunal Electoral
- Verificar tu inscripción en el padrón
- Confirmar el centro de votación asignado
Corrección
Este bloque se utiliza cuando un artículo ya publicado necesita corregir un dato erróneo. Debe indicar claramente qué se corrigió y, de ser posible, la fecha del cambio, para mantener la transparencia con los lectores.
Correction
Corrección: Una versión anterior de este artículo indicaba que la reforma entraría en vigencia en 2025. La fecha correcta es 2027. (12 de septiembre de 2026)
Aclaración
Similar al bloque de corrección, pero se usa cuando no hubo un error, sino que se necesita precisar o ampliar un punto para evitar confusiones en los lectores.
Clarification
Aclaración: Este artículo se refiere únicamente a los empleados del sector público; el sector privado cuenta con un esquema de cotización distinto.
Recuerda que puedes usar el Composer en Sandbox para probar y practicar con todos estos elementos visuales.