Saltar al contenido principal

Elementos

Los elementos son los componentes de contenido, layout, medios, conversión, producto, quiz y página que agregas en el Constructor de páginas de Atomicat. Cada elemento tiene un cajón de contenido para definir qué dice o qué hace y, cuando corresponde, un cajón de estilo para definir cómo se ve en escritorio, tablet y móvil.

Cómo Atomicat organiza los elementos​

Atomicat 3.0 registra editores de elementos mediante interfaces dinámicas de contenido y estilo. Los editores de contenido incluyen Texto, Texto avanzado, Botón, Formulario, Contenedor, Countdown, Menú, HTML, IFrame, Quiz interactivo, Producto, Anuncio, Selling Point, Audio, Height Weight y más. Algunas entradas de la paleta son versiones preconfiguradas de otro elemento: Alert usa Texto con estilos de alerta, y Multiple Choice usa Quiz Option configurado como checkbox.

Principales familias de elementos​

  • Texto y encabezados incluyen Texto, H1, Texto animado, Texto avanzado y presets de texto tipo alerta.
  • Layout incluye Contenedor, Espaciador, Divisor, Tab, Menú y otros bloques estructurales.
  • Medios y prueba social incluyen Audio, Chart, Comment, FunFact, Google Maps, Icon List, Image Comparison, Selling Point, Social Icon y bloques similares.
  • Conversión incluye Botón, Redirect, Countdown, Star Rating, Roulette, Producto, Formulario y widgets de prueba social.
  • Quiz incluye Quiz, Quiz interactivo, Quiz Option, Multiple Choice y campos Height Weight.
  • Controles singulares de página incluyen Cookie, Notificación y WhatsApp, que se aplican una vez a nivel de página.

Índice de guías de elementos​

Usa estos grupos para saltar desde la vista general a la guía exacta del elemento:

NecesidadDocumentos recomendados
Escribir y dar formato al texto de la páginaTexto, H1, Texto avanzado, Texto animado
Construir estructura de páginaContenedor, Espaciador, Divisor, Tab, Acordeón
Agregar acciones de conversiónBotón, Redirect, Countdown, Formularios, Producto
Agregar medios y prueba socialAudio, Video, Google Maps, Comentario, Star Rating
Construir quizzesQuiz interactivo, Elementos de quiz, Multiple Choice, Height Weight
Agregar embeds avanzadosHTML, IFrame, Menú, Icon List
Configurar widgets de páginaCookie, Notificación, WhatsApp, ScrollUp

Elegir el elemento correcto​

  • Usa el elemento nativo más específico antes de agregar HTML personalizado o código iframe.
  • Usa Contenedor para layout, no para semántica de texto.
  • Usa Botón o Redirect para acciones importantes, no texto decorativo enlazado.
  • Usa Producto cuando la página necesite datos del editor de productos.
  • Usa elementos de quiz solo cuando importen las respuestas, la lógica o la salida de leads.
  • Usa elementos singulares con moderación para que Cookie, Notificación y WhatsApp no compitan por el mismo espacio de pantalla.

Pruebas antes de publicar​

  • Previsualiza escritorio, tablet y móvil después de agregar o cambiar elementos de layout.
  • Haz clic en cada Botón, Redirect, elemento de Menú, enlace de WhatsApp y acción de Star Rating.
  • Envía formularios y quizzes con datos de prueba realistas.
  • Revisa embeds externos como IFrame, HTML y Google Maps en el dominio publicado.
  • Verifica que afirmaciones de conversión como countdowns, calificaciones, comentarios y anuncios sean correctas.

Buenas prácticas​

  • Mantén una fuente de verdad para cada configuración importante.
  • Evita duplicar tracking, scripts, redirects o recursos externos sin una razón documentada.
  • Revisa mobile cuando el cambio afecte layout, video, formularios, quizzes o CTAs.
  • Guarda evidencia útil para soporte: URL, nombre del recurso, navegador, dispositivo y capturas.

Documentación relacionada​

Preguntas frecuentes​

¿Por qué algunos elementos de la paleta comparten comportamiento?

Algunos elementos son versiones preconfiguradas de otro elemento. Alert usa Texto con presets de alerta, y Multiple Choice usa el comportamiento de checkbox de Quiz Option.

¿Por qué un elemento no tiene pestaña de estilo?

No todos los elementos tienen una interfaz de estilo dedicada. Algunos dependen de contenedores padre, ajustes de componentes singulares o del comportamiento de un embed externo.

¿Qué debo probar después de cambiar elementos?

Prueba el recorrido del visitante: layout en todos los dispositivos, clics, formularios, respuestas de quiz, embeds, eventos de tracking y comportamiento de la página publicada.