El bloque Flip Box le permite crear tarjetas interactivas en su sitio web. Con el bloque GutenKit Flip Box podrás hacerlo fácilmente y en menos tiempo.

Consulta la documentación y aprende a utilizar el bloque GutenKit Flip Box.

¿Cómo se puede utilizar el bloque Flip Box? #

Acceso a su panel de WordPress –

• Encontrar Páginas/Publicaciones > Agregar nueva página/publicación o comience a editar una página existente con el editor de bloques.
• Busca el "+”Icono en el lado derecho o en la parte superior de la pantalla del editor. Pinchalo.
• Aparecerá un menú de bloqueo, busca “Caja volteada”.
• Cuando lo veas, haz clic en él o arrástralo y suéltalo en la pantalla del editor de bloques.

Edición de parte de contenido #

En la sección Flip Box, verá las siguientes opciones:

• Seleccionar estilo: Desde aquí, puedes elegir cualquier estilo para el flip box. Las opciones son: Estilo de giro, Estilo lateral, Estilo de zoom, Estilo 3D, Estilo de inserción, Estilo de transformación y Estilo de desvanecimiento.
• Dirección: La dirección del cuadro puede ser arriba, abajo, derecha o izquierda.

• Evento de ratón: Puede configurar el mouse para Colocar el cursor, hacer clic en el cuadro o hacer clic en el botón.
• Tipo de medio: Si desea mostrar algún medio, puede elegir cualquier Imagen o icono. De lo contrario, puede dejarlo en blanco eligiendo Ninguno.
• Elija icono/imagen: Dependiendo del tipo de medio, tendrá la opción de elegir el medio que desee.
• Título: Escribe aquí el título de tu flip box.
• Etiqueta HTML: Las opciones de etiquetas HTML son H1, H2, Span, P, etc.
• Subtítulo: En este campo tienes que escribir el subtítulo.
• Descripción: Puedes escribir el contenido de la descripción aquí.
• Duración: Establezca la duración del giro (segundo) usando la barra. Cuanto mayor sea el tiempo, más lento será el tiempo de giro y menor será la velocidad.

Botón: Si configura un botón para el cuadro desplegable, puede configurar un ícono, ajustar la posición del ícono, escribir una etiqueta e insertar un enlace URL.

Estilo #

• Envoltura: Con esta opción, puede personalizar la altura, la alineación, el fondo, la sombra del cuadro, el borde, el radio del borde, el relleno, etc.
• Icono frontal: Le permitirá ajustar el tamaño, el color, el fondo, el borde y más del icono.
• Icono Atrás: Para el ícono de retroceso también, puede ajustar el tamaño, el color, el fondo, el borde, etc.
• Título: Aquí puede diseñar el contenido del título cambiando la tipografía, el color y el margen.
• Subtítulo: De manera similar al título, también puedes diseñar el contenido del subtítulo cambiando la tipografía, el color y el margen.
• Descripción: Para presentar el contenido de la descripción de manera diferente, puede cambiar la tipografía, el color y el margen desde aquí.
• Botón de retroceso: Para diseñar el botón, puede ajustar el tamaño del icono, el espaciado, el color, el color del cursor, el fondo, el borde, etc.

Ahora, pruébelo usted mismo y permita que los visitantes del sitio web disfruten de contenido interactivo y descubran más información.