Alternar contenido
¿tiene demasiado contenido abarrotando su página? Organízalo con cambios elegantes e interactivos. Pero este no es sólo un widget básico de expansión/colapso. El elemento Alternar contenido de Master Addons le permite colocar plantillas guardadas completas de Elementor dentro de cada palanca. Cree preguntas frecuentes detalladas, compare características del producto o cree testimonios con pestañas, todo dentro de una interfaz limpia y que ahorra espacio. Diseñe cada parte del alternador, desde el indicador deslizante hasta las etiquetas con íconos, y anime el interruptor con transiciones suaves y profesionales. Es la forma inteligente de ocultar la complejidad y guiar a sus visitantes a través de su contenido, paso a paso.
Más allá del texto: incruste plantillas completas
¿por qué limitar sus cambios a texto simple? Cada elemento de alternancia puede ser un tipo de contenido poderoso: elija un editor de texto sin formato o, más poderosamente, una plantilla. Seleccione cualquier plantilla Elementor guardada -gn, como una sección testimonial, una tabla de precios o una lista de funciones -ñan y anícela dentro del interruptor. Esto le permite crear interfaces con pestañas increíblemente ricas donde al hacer clic en una etiqueta se intercambian secciones enteras de contenido, no solo un párrafo.
- Libertad de contenido ilimitada: coloque testimonios, formularios de contacto, galerías de imágenes o especificaciones de productos en alternancias separadas.
- Reutilice su mejor trabajo: inserte sus secciones o páginas Elementor prediseñadas para mantener la coherencia.
- Perfecto para comparaciones: utilice un interruptor para “Detalles del Plan A” y otro para “Detalles del Plan B”, cada uno con su propia plantilla completa.
Personalización visual completa
Haga que el interruptor sea un elemento de diseño. Diseñe el contenedor principal de Toggler con fondos, bordes y elija su estilo (como una pastilla redondeada o un rectángulo nítido). Luego, diseñe el indicador dinámico que se desliza entre las opciones (personaliza su color, tamaño y radio del borde). Finalmente, diseñe las etiquetas con tipografía completa, colores y agregue íconos para mayor claridad. Tienes control independiente sobre los estados Normal, Flover y Activo para cada parte, creando un componente interactivo verdaderamente pulido.
- Formas de palanca personalizadas: cree interruptores de palanca en forma de pastilla, rectangulares o redondeados personalizados.
- Indicador deslizante animado: diseña el selector móvil que resalta visualmente la elección activa.
- Diseño de etiquetas e íconos: controle el texto de las etiquetas, el espaciado y agregue íconos (como una marca de verificación o un ícono de información) a cada opción.
Funcionalidad suave y control responsivo
Controle cómo se siente y funciona el interruptor. Establezca el índice activo predeterminado (que se abre primero). Ajuste la velocidad del indicador para obtener una animación de diapositivas ágil o suave. Utilice la función Stack On para controlar el comportamiento responsivo (haciendo que las etiquetas se apilen verticalmente en el móvil si es necesario). Administre la posición del alternador en relación con el contenido y el espacio entre elementos para garantizar un diseño limpio y funcional en todos los dispositivos.
- Animación controlada: establezca la velocidad del indicador deslizante para obtener una sensación de respuesta perfecta.
- Diseños optimizados para dispositivos móviles: utilice Stack On para adaptar el interruptor horizontal a una lista vertical en pantallas móviles.
- Valores predeterminados inteligentes: elija qué panel de contenido está visible cuando se carga la página por primera vez.
Preguntas frecuentes para alternar contenido
¿en qué se parece esto mejor que otros? Alternar widget?
La otra opción es para preguntas y respuestas de texto simple. Nuestro elemento Alternar contenido es un sistema de diseño y diseño. Las ventajas clave son: 1) La capacidad de insertar plantillas guardadas completas en cada palanca, 2) Un indicador visual deslizante (como un interruptor iOS), 3) Estilo separado para el alternador, el indicador y las etiquetas, y 4) Controles responsivos más avanzados (como Stack On).
¿puedo usar mis plantillas (secciones) de Elementor existentes dentro de un interruptor?
¡sí, absolutamente! Esa es una de sus características más poderosas. Al agregar contenido a un elemento de alternancia, configure el Tipo de contenido en “Plantilla”. Luego, puede seleccionar cualquier plantilla que haya guardado en su biblioteca Elementor. Se cargará perfectamente dentro de ese panel de alternancia.
¿cuál es un gran uso en el mundo real para el tipo de contenido "Template" dentro de los alternos?
Imagine una página de producto de software. Podrías tener tres alternancias: “Características”, “Precios” y “Testimonios.” En lugar de escribir texto, inserta su plantilla de cuadrícula de características prediseñadas en el primer interruptor, su plantilla de tabla de precios en el segundo y una plantilla deslizante de Testimonios en el tercero. Acabas de crear una potente descripción general del producto con pestañas en minutos.
¿Cómo se comporta esto en los teléfonos móviles?
Es totalmente responsivo. El interruptor de palanca y el contenido se reducirán para adaptarse a la pantalla. También puede usar la configuración Stack On para cambiar el diseño ñan, por ejemplo, haciendo que las etiquetas de palanca se apilen verticalmente en lugar de sentarse una al lado de la otra en pantallas muy pequeñas, lo que hace que sea más fácil tocarlas. El contenido interno (ya sea texto o una plantilla) también responderá en función de su propia configuración responsiva.
¿puedo tener más de dos elementos alternos?
Sí, puede agregar elementos de alternancia ilimitados haciendo clic en el botón “Agregar elemento”. Esto lo hace perfecto para páginas de preguntas frecuentes detalladas, procesos de varios pasos o comparar varios planes u opciones de productos diferentes uno al lado del otro.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
