Widget de alternancia de contenido Elementor para cambiar de sección (Pro)
Alternar contenido es un widget Master Addons Pro que coloca un interruptor encima (o debajo) de un bloque de contenido. Los visitantes hacen clic en una etiqueta y el contenido debajo cambia, la forma en que un interruptor de facturación mensual y anual cambia un conjunto de tarjetas de precios. Cada opción puede contener texto que escriba o una sección, página o plantilla de widget de Elementor guardada, y puede agregar tantas opciones como desee. Un indicador de color se desliza detrás de la etiqueta activa. Es un cambio entre conjuntos de contenido en lugar de una lista de expansión y colapso, por lo que para el uso de preguntas frecuentes plegables Acordeón avanzado en cambio.
Cómo agregar un cambio de contenido en Elementor
Alternar contenido necesita Elementor y un activo Complementos maestros Pro licencia. Si una opción debe mostrar un diseño completo, primero guárdela como plantilla.
- Guarde las secciones entre las que desea cambiar (por ejemplo, Precios mensuales y Precios anuales) como plantillas de Elementor.
- Edite su página con Elementor, busque en el panel de widgets Alternar contenido y arrástrelo a su lugar.
- En Elementos, cambie el nombre de Etiqueta uno y Etiqueta dos y agregue más elementos si los necesita.
- Para cada elemento, establezca Tipo en Contenido y escriba el texto, o configúrelo en Plantilla y elija la sección, página o widget guardado.
- En Alternar configuración, elija el índice activo, coloque el interruptor Antes o Después del contenido y configure la velocidad del indicador.
- Diseñe el alternador, el indicador y las etiquetas, configure Stack On para dispositivos móviles, luego obtenga una vista previa y haga clic en cada etiqueta.
Cada entorno está cubierto en el Alternar configuración del widget de contenido guía.
Texto o plantilla guardada en cada opción
Cada artículo en el Elementos el repetidor es una opción en el interruptor. Dale un Etiqueta y un opcional Icono (antes o después de la etiqueta, con Icon Spacing). Luego establezca Tipo al Contenido de un editor de texto con etiquetas dinámicas y multimedia, o a Plantilla y elija una Sección, Página o Widget guardado de su biblioteca Elementor.
- Cree las tablas de precios mensuales y anuales en dos secciones guardadas y luego apunte una opción a cada una.
- Un formulario, una galería o cualquier otro widget pueden aparecer en una opción una vez que se guarda como plantilla.
- Cada opción tiene su propio color de etiqueta, color de etiqueta activo y color indicador en su subpestaña Estilo.
Diseñe el alternador, el indicador y las etiquetas
El Alternador la sección estiliza la pista de cambio: estilo (redondo o cuadrado), color de fondo, radio de borde, alineación, zoom para escalarla, ancho (%), borde, sombra de caja, relleno y margen. Indicador diseña el resaltado deslizante con su propio fondo, alto, ancho, radio del borde, sombra de caja y acolchado. Etiquetas establece tipografía, una transición, espacio entre y colores para los estados predeterminado, flotante y activo.
- A Contenido la sección estiliza el panel a continuación con tipografía, relleno, margen, borde, color y fondo.
- La velocidad del indicador establece cuánto tiempo tarda la diapositiva, 0,3 segundos de forma predeterminada.
- El propio panel de contenido cambia inmediatamente. Sólo se desliza el indicador.
Opción predeterminada, posición y diseño móvil
Índice activo elige la opción que muestra cuándo se carga la página, 1 para la primera. Posición pone el interruptor Antes o Después del contenido. En pantallas pequeñas, Apilar (Todos, Tableta y Móvil, o Móvil) convierte la fila de etiquetas en una lista vertical, con controles separados de Alineación en línea y Alineación apilada.
- Con dos opciones, al hacer clic en la etiqueta activa se pasa a la otra, por lo que funciona como un interruptor de encendido y apagado.
- Con tres o más, al hacer clic en la etiqueta activa se pasa a la siguiente opción.
- La página no recuerda la elección, por lo que cada visita comienza con la opción Índice activo.
Alternar contenido vs acordeón vs pestañas en Elementor
Los tres ahorran espacio, pero resuelven problemas diferentes. El antiguo widget de alternancia de Elementor es una lista plegable y Elementor ahora lo oculta del panel en favor de Accordion. Ni Elementor ni Elementor Pro tienen un conmutador que intercambia un conjunto de contenido por otro, que es el trabajo que realiza Toggle Content.
| Widget | Lo que ven los visitantes | Mejor para | Dónde conseguirlo |
|---|---|---|---|
| Alternar contenido | Un cambio con etiquetas. Un conjunto de contenido se muestra a la vez. | Precios mensuales y anuales, planes personales y de negocios, dos versiones de una sección | Complementos maestros Pro |
| Acordeón | Una pila de títulos que se expanden y colapsan | Preguntas frecuentes y largas listas de respuestas breves | Elementor Accordion (gratis) o Acordeón avanzado (gratis) |
| Pestañas | Una fila de títulos de pestañas sobre un área de contenido | Varias secciones de peso similar, como Características, Especificaciones y Reseñas | Pestañas Elementor (gratis) o Pestañas avanzadas (gratis) |
Si los visitantes necesitan ver varias respuestas a la vez, utilice un acordeón. Si hay muchas secciones, las pestañas son más claras. Cuando la elección es entre dos o tres versiones de lo mismo, un cambio de contenido mantiene el diseño estable y hace que la elección sea obvia. También combina bien con el Tabla de precios widget.
Preguntas frecuentes para alternar contenido
¿alternar contenido es gratuito?
No. Alternar contenido es un widget profesional y necesita un Complementos maestros Pro licencia. El complemento gratuito tiene Acordeón avanzado y Pestañas avanzadas, que cubren listas plegables y secciones con pestañas.
¿puedo usar mis plantillas de Elementor guardadas dentro de un interruptor?
Sí. En un elemento, establezca Tipo en Plantilla, elija Sección, Página o Widget en Tipo de plantilla y luego elija la plantilla guardada. Esa opción muestra la plantilla completa cuando su etiqueta está activa.
¿en qué se diferencia un cambio de contenido de un acordeón o de pestañas?
Un acordeón expande y colapsa elementos en una lista, y las pestañas muestran una fila de títulos en un área de contenido. Un cambio de contenido es un interruptor que intercambia un conjunto de contenido completo por otro, lo que se adapta a opciones como precios mensuales o anuales. El propio widget de alternancia de Elementor es en realidad una lista plegable y ahora está oculto a favor de Accordion.
¿cómo se comporta en el móvil?
Las etiquetas se encuentran en fila de forma predeterminada. Configure Stack On en Mobile, Tablet & Mobile o All para apilarlas verticalmente y use Stacked Align para alinearlas. El contenido de la plantilla sigue su propia configuración responsiva.
¿Puedo tener más de dos opciones de alternancia?
Sí. Haga clic en Agregar elemento en el repetidor Elementos para agregar más. Con tres o más opciones, al hacer clic en la etiqueta activa se pasa a la siguiente y al hacer clic en cualquier otra etiqueta se salta directamente a ella. Para muchas secciones, las pestañas suelen ser más fáciles de escanear.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
![Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de publicaciones/páginas
