Prueba el editor, sin registrarte
Elige una plantilla, personalízala y mira cómo se actualiza en vivo, sin registrarte. El editor está en inglés por ahora.
Sin tarjeta de crédito · Plan gratis para siempre
Sin tarjeta de crédito · Plan gratis para siempre
El acordeón de Common Ninja es un elemento gratis y sin código para insertar, que convierte el contenido largo de tu sitio web en secciones desplegables. Los visitantes abren solo la parte que quieren leer.
Agrega todas las secciones que necesites, cada una con un encabezado en el que se puede hacer clic y un cuerpo de texto enriquecido que admite formato, enlaces e imágenes dentro del texto. Elige entre varios diseños y estilos visuales (skins), configura el comportamiento al abrir y cerrar (si se abre una sola sección a la vez o varias), escoge íconos, ajusta el diseño con CSS personalizado y pega un código de inserción de una línea en Canva, Carrd, Hostinger, Notion, WordPress, Wix, Webflow y más de otras 200 plataformas.
Úsalo para especificaciones de productos, módulos de cursos, horarios, términos de servicio, explicaciones paso a paso, comparativas, documentación de soporte o cualquier contenido largo en el que conviene más que los visitantes vean los encabezados y abran solo lo que les interesa, en vez de obligarlos a recorrer todo de una vez.
Si una página de políticas de 2,000 palabras o el temario de un curso de 12 módulos se presenta como un muro de texto, pierde visitantes en cuanto empiezan a bajar. El mismo contenido en un acordeón permite a los visitantes ver todos los encabezados de un vistazo, abrir solo lo que les interesa y dejar el resto cerrado. Mejor organización de la información, menor tasa de rebote y más valor en cada visita.
En el celular, una página larga se vuelve un maratón de scroll vertical. Un acordeón reduce ese mismo contenido a una lista de encabezados que se pueden tocar. Los visitantes ven la estructura de un vistazo y tocan para abrir solo lo que les importa. Una experiencia móvil más ágil sin reescribir nada del contenido.
Agrupa elementos relacionados dentro de secciones principales: un acordeón de especificaciones dentro de Producto, uno de temario dentro de Curso, uno de términos dentro de Legal. La jerarquía de dos niveles mantiene junto el contenido relacionado, sin obligar a los visitantes a recorrer material que no tiene que ver para encontrar lo que necesitan.
Un widget de preguntas frecuentes está pensado para pares de pregunta y respuesta: "¿Cuál es su política de reembolso?" → "7 días". Un acordeón es de uso general: encabezados de sección y contenido enriquecido para cualquier cosa (especificaciones de productos, módulos de cursos, textos de políticas, horarios, comparativas). Usa el widget de preguntas frecuentes de Common Ninja cuando el contenido siga el formato de preguntas y respuestas (y quieras el schema JSON-LD de FAQPage). Usa este acordeón para todo lo demás.
Escribe un encabezado para cada sección ("Especificaciones", "Módulo 1: Primeros pasos", "Política de reembolso") y un cuerpo de texto enriquecido que puede incluir párrafos, listas, enlaces, negritas o cursivas e imágenes dentro del texto. Agrega todas las secciones que necesites y reordénalas arrastrando y soltando en el editor.
Elige un diseño: lista vertical (el acordeón clásico), categorías agrupadas (subacordeones dentro de secciones principales) o con íconos (un ícono en el encabezado de cada sección). Define el comportamiento: solo una sección abierta a la vez (más limpio) o varias secciones abiertas al mismo tiempo (mejor para contenido de consulta). Escoge un estilo e íconos, o agrega CSS personalizado para que coincida al píxel con tu marca.
Copia el código de inserción de una línea y pégalo en Canva, Carrd, Notion, Hostinger, WordPress, Webflow o cualquiera de las más de 200 plataformas compatibles. El acordeón se muestra dentro de la página y los visitantes abren y cierran las secciones cuando quieren. Los cambios que hagas en el editor de Common Ninja se aplican a cada inserción sin volver a pegar el código.
Lista vertical (clásica), categorías agrupadas (secciones principales con subacordeones) o con íconos (un ícono junto a cada encabezado). Cambia de diseño en el editor sin volver a escribir el contenido. Cada diseño se reacomoda de forma adaptable en móviles, tabletas y computadoras.
Elige entre una biblioteca de estilos prediseñados (minimalista, colores de marca, modo oscuro, tarjeta suave, revista) para lograr rápido el aspecto que buscas. Cada estilo da formato a los encabezados, los indicadores de abrir y cerrar, la tipografía del cuerpo y los separadores de sección, así que tienes un punto de partida completo.
El cuerpo de cada sección admite párrafos, listas con viñetas y numeradas, enlaces, negritas o cursivas, imágenes dentro del texto e incluso video insertado. Lleva contenido completo al acordeón en vez de solo texto plano. Es útil para especificaciones de productos con imágenes, módulos de cursos con videos insertados y secciones de políticas con referencias enlazadas.
Agrega CSS personalizado sobre cualquier estilo para controlar la tipografía de los encabezados, el estilo del ícono de abrir y cerrar, la suavidad de las transiciones, el redondeo de bordes, la profundidad de las sombras y el tamaño según cada ancho de pantalla. El widget se integra con tu sistema de diseño sin tener que empezar desde cero.
El widget de acordeón incluye una variedad de diseños para que se integre sin problemas con el diseño y el estilo de tu sitio web. Elige el diseño que mejor se adapte a tus necesidades estéticas y funcionales, y dale a tu sitio un aspecto uniforme.
El widget de acordeón ofrece numerosos estilos (skins) para que elijas el que combine con la estética de tu marca. Ya sea que tu sitio tenga un diseño moderno, minimalista o tradicional, hay un estilo que mejorará su aspecto visual y te ahorrará tiempo de personalización.
Gracias a sus amplias opciones de personalización, puedes adaptar el widget de acordeón exactamente a lo que necesitas. Ajusta colores, fuentes, espaciado y más para crear un widget que combine perfectamente con el aspecto de tu sitio web.
El widget de acordeón es totalmente adaptable, así que se ve muy bien en cualquier dispositivo. Esta optimización para móviles es clave para ofrecer una experiencia uniforme en computadoras, tabletas y smartphones.
Para desarrolladores y diseñadores, el widget de acordeón admite CSS personalizado. Con esta función puedes personalizarlo a fondo y afinar el aspecto y el funcionamiento del widget para que coincidan con tu visión única.
Insertar el widget de acordeón en tu sitio web es sencillo, solo necesitas una línea de código. Por eso cualquier persona puede hacerlo, sin importar su nivel técnico, y el widget se actualiza automáticamente con cada cambio que haces.
El widget de acordeón ofrece varios ajustes de comportamiento para personalizar cómo se muestra el contenido. Elige abrir varias secciones al mismo tiempo, mantener ciertas secciones abiertas o expandir todas las secciones a la vez, según lo que necesite tu sitio.
Con el widget de acordeón puedes organizar tu contenido en categorías separadas para facilitar la navegación. Además, puedes acompañar estas categorías con emojis, para que tu contenido sea más atractivo y fácil de explorar.
El widget de acordeón incluye una selección de íconos para que elijas. Ya sea que prefieras una flecha hacia abajo, un signo de más u otros íconos comunes, tienes la libertad de elegir el que mejor encaje con tu diseño.
El widget de acordeón está diseñado para ser fácil de usar y no requiere saber programar para personalizarlo. Su panel intuitivo facilita los cambios, para que cualquier persona pueda integrar y personalizar el widget sin esfuerzo.
Convierte el contenido largo en una experiencia limpia que se abre con un toque
Abrir el editorSin tarjeta de crédito · Configuración en menos de 5 minutos
Common Ninja tiene widgets sin código increíbles que embellecerían cualquier sitio web, sin importar con qué creador de sitios esté hecho. Es muy fácil de usar y de personalizar. Tiene widgets para casi cualquiera que quiera que su sitio web impresione.
Traducido del inglés
Un servicio sobresaliente. Uso sus widgets para apoyarme en mi negocio de diseño web y, siempre que necesito ayuda, me ayudan muy rápido.
Traducido del inglés
¡¡¡Excelente empresa con excelente servicio!!! Lo usamos para crear una encuesta y fue muy fácil de usar. El servicio fue perfecto. Amit nos ayudó con cada problema y cada pregunta que tuvimos, ¡¡¡muchas gracias!!!
Traducido del inglés
Common Ninja nos salvó cuando estábamos creando nuestro sitio web, y la atención al cliente que nos dio Daniel, el cofundador y CEO, fue increíble.
Traducido del inglés
Sí. El plan gratuito incluye un widget de acordeón sin límite de tiempo y sin tarjeta de crédito. Cambia a un plan de pago solo cuando necesites más acordeones, más secciones por acordeón, ajustes de comportamiento avanzados, estilos premium o funciones como enlazar directamente a una sección mediante el hash de la URL y analíticas por sección.
Un widget de preguntas frecuentes está pensado para contenido de preguntas y respuestas e incluye el schema JSON-LD de FAQPage, para que esos pares puedan aparecer en los resultados enriquecidos de Google. Un acordeón es de uso general: encabezados de sección y contenido enriquecido para cualquier cosa (especificaciones de productos, módulos de cursos, textos de políticas, horarios, tablas comparativas). Usa el widget de preguntas frecuentes de Common Ninja cuando el contenido siga el formato de preguntas y respuestas y, además, quieras el schema. Usa este acordeón para todo lo demás.
Sí, se puede configurar. De forma predeterminada se abre una sola sección a la vez (al hacer clic en otra, se cierra la anterior; es lo más limpio para una lectura enfocada). Cambia al modo de varias abiertas si los visitantes deben poder abrir varias secciones al mismo tiempo (mejor para contenido de consulta en el que quieren comparar entre secciones).
Sí. El cuerpo de cada sección es un editor de texto enriquecido. Párrafos, listas con viñetas y numeradas, enlaces, negritas o cursivas, imágenes dentro del texto e incluso video insertado. Agrega contenido completo en lugar de texto plano. Es útil para especificaciones de productos con diagramas, módulos de cursos con adelantos en video insertados y textos de políticas con referencias enlazadas.
No, si se usa bien. El contenido de las secciones cerradas sigue estando en el HTML de la página. Los buscadores lo rastrean y lo indexan. Google ha confirmado que el contenido oculto detrás de pestañas y acordeones se trata como contenido completo para la indexación. El acordeón es un patrón de interfaz, no un mecanismo para ocultar contenido. Aun así, depender mucho del acordeón para el contenido importante de la parte superior de la página sigue siendo una decisión de experiencia de usuario. Si un mensaje clave queda dentro de una sección cerrada, los visitantes podrían no verlo.
Sí, en los planes de pago. Cada sección puede tener un hash de URL único para enlazarla directamente (por ejemplo, tusitio.com/pagina#politica-de-reembolso abre automáticamente la sección de política de reembolso al cargar la página). Es útil para documentación de soporte y contenido tipo preguntas frecuentes al que quieres enlazar desde respuestas por correo o búsquedas en tu base de conocimientos.
Crea el widget en el editor de Common Ninja (agrega secciones, elige un diseño, personaliza el aspecto), copia el código de inserción y pégalo en tu sitio: en Canva con la app Embed del panel Apps; en Carrd con un elemento Embed; en Notion con /embed y la URL de inserción; en Hostinger con Add Element → Embed Code. Los cambios que hagas en el editor se aplican a cada inserción sin volver a pegar el código.
Sí. Los encabezados de sección se pueden tocar en móviles, tabletas y computadoras. El contenido abierto se reacomoda en pantallas angostas, el formato de texto enriquecido (listas, imágenes, enlaces) se ajusta correctamente y los separadores de sección mantienen un espaciado legible. La animación de abrir y cerrar cuida el rendimiento de los navegadores móviles.
Elige tu plataforma. Cada una toma menos de 4 minutos.
Muestra preguntas y respuestas frecuentes para consultarlas rápido.
Usa pestañas para organizar el contenido en distintas secciones.
Crea popups atractivos y personalizados para aumentar tus conversiones.
Muestra datos o funciones lado a lado para comparar la información fácilmente.
Muestra las opciones de precio de tus productos o servicios de forma clara y ordenada.
Muestra eventos o momentos importantes en orden cronológico, con imágenes y texto.
El widget de acordeón es una herramienta que te permite organizar el contenido en secciones desplegables, para que tu sitio web sea más fácil de usar y de navegar.
Agregar el widget de acordeón a tu sitio web es sencillo. Copia el código que te damos y pégalo en el HTML de tu página, en el lugar donde quieres que aparezca el acordeón.
Sí, el widget de acordeón es totalmente personalizable. Puedes ajustar colores, fuentes, espaciado y más para que combine con el diseño de tu sitio web.
¡Por supuesto! El widget de acordeón está diseñado para ser totalmente adaptable, así que se ve muy bien en cualquier dispositivo, incluidos smartphones y tabletas.
Sí, el widget de acordeón te permite elegir entre varios íconos o subir tus propios íconos personalizados según el estilo de tu sitio web.
Sí, el widget de acordeón admite varios idiomas, así que es adecuado para sitios web con un público diverso.
Puedes personalizar el comportamiento del widget de acordeón, por ejemplo, abrir varias secciones a la vez, mantener secciones abiertas o expandir todas las secciones al mismo tiempo.
Sí, puedes organizar tu contenido en categorías separadas dentro del widget de acordeón, lo que mejora la navegación y la experiencia de usuario.
Sí, el widget de acordeón incluye una función de búsqueda que permite a los usuarios encontrar rápidamente contenido específico dentro de las secciones.
No necesitas saber programar. El widget de acordeón está diseñado para ser fácil de usar, con un panel intuitivo que simplifica la personalización.
Puedes actualizar el contenido directamente desde el panel del widget. Cualquier cambio que hagas se verá reflejado automáticamente en tu sitio web.
Sí, el widget de acordeón incluye analíticas y estadísticas que te permiten dar seguimiento a cómo interactúan los visitantes con tu contenido.
El widget de acordeón está diseñado para integrarse sin problemas con distintas plataformas web y sistemas de gestión de contenido.
Puedes agregar CSS personalizado desde el editor del widget, lo que te da opciones de personalización avanzadas para adaptarlo a las necesidades específicas de tu sitio web.
Convierte el contenido largo en secciones desplegables. Diseños en lista vertical, por grupos o con íconos, una o varias secciones abiertas, contenido con texto enriquecido (listas, enlaces, imágenes, video insertado), íconos por categoría, estilos atractivos y CSS personalizado. Insértalo en más de 200 plataformas, como Canva, Carrd, Notion, Hostinger, WordPress, Wix y Webflow.
Crea tu acordeónSin tarjeta de crédito · Configuración en menos de 5 minutos
