Caja abatible
¿qué pasa si una propiedad inmobiliaria en su página puede contar dos historias? Con Master Addons Flipbox Element, puede hacerlo. Esto no es sólo una tarjeta 'es una experiencia dinámica y bilateral'. Comience con un frente convincente que presenta un ícono y un título. Luego, al pasar el cursor, gira elegantemente para revelar descripciones detalladas, llamadas a la acción o información adicional en la parte posterior. Elija entre múltiples ajustes preestablecidos de estilo y más de una docena de animaciones fluidas. Son los elementos perfectos para funciones destacadas, presentaciones de servicios, perfiles de equipos o llamadas a la acción creativas que sorprenden y atraen.
Múltiples ajustes preestablecidos de diseño y ajustes preestablecidos de animación
Primero, elija su apariencia base entre cuatro ajustes preestablecidos de estilo: el clásico predeterminado, imagen frontal, diagonal e ícono frontal. Cada ajuste preestablecido cambia el diseño visual inicial. Luego, dale vida seleccionando un estilo de animación de una biblioteca enorme. Opte por un simple Flip Horizontal o Vertical, un sofisticado Flip 3D, un Fade suave u opciones creativas como rotaciones de cubos, Rollover o revelaciones diagonales. Esta combinación le permite adaptar perfectamente el comportamiento del flipbox a la energía de su sitio, sutil o dramática.
- Cuatro fundamentos de estilo: elija entre diseños preestablecidos predeterminados, de imagen frontal, diagonales y de icono frontal.
- Amplia biblioteca de animación: seleccione entre más de 15 animaciones que incluyen Flip, Fade, Cube, Rollover y 3D Flip.
- Controle el efecto: las animaciones se activan al flotar de forma predeterminada, creando una experiencia intuitiva e interactiva.
Creador de contenido de doble cara
Cree dos caras completas de contenido de forma independiente. Para el cuadro frontal, agregue un ícono (elija estilos apilados o enmarcados), un título sólido y una breve descripción teaser. Establezca la etiqueta HTML de alineación y título para SEO. Para el cuadro posterior, repita el proceso con contenido diferente (amplíe la descripción, agregue más detalles o concéntrese por completo en un llamado a la acción). Este enfoque de dos etapas le permite provocar con el frente y realizar entregas con el reverso.
- Paneles de contenido independientes: controles completamente separados para el contenido de Front Box y Back Box (Icono, Título, Descripción).
- Opciones de estilo de icono: presente los iconos apilados (sólidos) o enmarcados (bordeados) directamente desde la pestaña de contenido.
- Mensajería estratégica: utilice el frente para obtener un beneficio principal y el reverso para obtener detalles, características o pruebas sociales.
- Control estructural: establezca la alineación (izquierda, centro, derecha) para el contenido de cada lado de forma independiente.
Botón CTA con Hover
El cuadro posterior no es sólo para información, sino para acción. Incluya un botón de acción claro con texto de botón personalizable (como “Comprar ahora” o “Más información”) y un enlace. Luego, diseñelo a la perfección. Estilee los estados Normal y Hover por separado, controlando el color del texto, la tipografía, el color de fondo, el borde, el radio del borde y el relleno. Esto convierte la revelación del flipbox en una vía directa hacia la conversión, todo sin necesidad de un widget separado.
- Llamada directa a la acción: agregue un botón con texto y enlace que aparece en el cuadro posterior después del cambio.
- Estilismo de botones profesional: utilice controles de radio de borde, acolchado y fondo para un botón pulido.
Preguntas frecuentes para Flipbox
¿qué sucede en los dispositivos móviles donde no hay vuelo estacionario?
La interacción de volteo generalmente se activa mediante un toque en dispositivos móviles. El usuario toca la caja frontal para girarla hacia atrás y puede tocar nuevamente para voltearla hacia atrás. Esto lo hace completamente funcional e intuitivo en las pantallas táctiles.
¿Puedo usar una imagen en lugar de un ícono en el frente?
¡Sí! Uno de los ajustes preestablecidos de estilo se llama “Imagen frontal”. Al seleccionar este ajuste preestablecido, se cambiará el selector de iconos a un cargador de imágenes, lo que le permitirá utilizar una foto, un logotipo o un gráfico como imagen principal en el cuadro frontal.
¿el contenido del flipbox responde?
Absolutamente. El texto, los íconos y el botón interior escalarán y se ajustarán adecuadamente en diferentes tamaños de pantalla. La altura de la caja abatible que configuró también es responsiva, pero puede ajustarla específicamente para dispositivos móviles usando el modo de edición responsiva de Elementor si es necesario.
¿Cuál es un buen uso en el mundo real de este elemento?
- Cajas de servicio: Frontal: Icono y nombre del servicio (por ejemplo, “Diseño web”). Atrás: Descripción y botón “Obtener una cotización”.
- Perfiles del equipo: Frente: Foto y nombre. Atrás: enlaces biológicos y sociales.
- Características del producto: Frente: Icono de característica y título. Atrás: especificaciones detalladas y enlace “Ver producto”.
- Estadísticas: Frente: Un número grande. Atrás: Lo que significa y un enlace fuente.
¿puedo vincular todo el flipbox a una página sin el botón separado?
De forma predeterminada, solo puede agregar un enlace al botón. Pero con la ayuda de nuestra extensión de enlace Wrapper, puede vincular todo el flipbox.
¿Cómo elijo la animación adecuada?
Considere el ritmo de su sitio. Para sitios corporativos o limpios, use Flip Horizontal/Vertical o Fade. Para sitios creativos, tecnológicos o de cartera, 3D Flip, Cube o Rollover pueden agregar más personalidad. Vista previa de algunos 'el mejor se siente suave y no distrae la atención de su mensaje.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
