314 bloques para el editor de bloques de WordPress

Academic Works Gratis

Registros de portafolio tal como los dibuja el diseño académico: filas de libros, tarjetas de artículos de revistas y los detalles del propio registro en su página.

Agency Works Gratis

Muestre los proyectos del portafolio como un carrusel o cuadrícula de estilo agencia, o presente una página individual de proyecto (atributos, llamada a la acción de contacto, proyectos relacionados).

Véalo en vivo: Agency Works en Portafolio (se abre en una pestaña nueva)

Blog Archive Loop Gratis

Bucle de blog para la consulta principal (índice, categoría, etiqueta, autor, fecha). Usa los parciales blog-entry del tema y la paginación.

Véalo en vivo: Blog Archive Loop en Inicio (se abre en una pestaña nueva) Ajustes del bloque Blog Archive Loop en la documentación

Blog Loop Gratis

Bucle de entradas de blog componible. Componga la tarjeta de cada entrada a partir de los bloques Post Image/Title/Meta/Excerpt; el contenedor, la paginación y la estructura de la línea de tiempo se definen mediante el diseño.

Véalo en vivo: Blog Loop en Blog | Cuadrícula (se abre en una pestaña nueva) Ajustes del bloque Blog Loop en la documentación

Blog Single Post Gratis

Diseño de entrada de blog individual (título, metadatos, imagen, contenido, etiquetas, compartir, navegación, autor, comentarios, relacionadas + barra lateral). Para single.html.

Ajustes del bloque Blog Single Post en la documentación

Construction Projects Gratis

Muestra los proyectos del tipo de entrada Proyectos como una cuadrícula de portafolio (2 a 5 columnas), o muestra una sola página de proyecto (atributos, llamada a la acción de contacto, proyectos relacionados).

Véalo en vivo: Construction Projects en Proyectos | 5 columnas (se abre en una pestaña nueva)

Illustrator Works Gratis

Elementos de portafolio en una cuadrícula filtrable de tarjetas cuadradas con marcos de colores, o las piezas de una sola página de proyecto.

Véalo en vivo: Illustrator Works en Inicio (se abre en una pestaña nueva)

Interior Projects Gratis

Muestra los proyectos de estudio del tipo de entrada Proyectos como una cuadrícula de portafolio filtrable, o genera una página individual de proyecto (barra lateral de detalles, llamada a la acción para consultas, proyectos relacionados).

Véalo en vivo: Interior Projects en Stonecroft (se abre en una pestaña nueva)

Law Firm Cases Gratis

Muestra los casos del tipo de contenido Portfolio como tarjetas, o una página individual de caso (atributos, llamada a la acción de contacto, casos relacionados).

Véalo en vivo: Law Firm Cases en Casos recientes (se abre en una pestaña nueva)

Photo Shots Gratis

Muestra fotografías del tipo de contenido Shots como una cuadrícula de vista previa expandible, o una página individual de cada foto (marco, datos de captura, llamada a la acción para consultas, fotos relacionadas).

Véalo en vivo: Photo Shots en Explorar (se abre en una pestaña nueva)

Post Archive Index Gratis

Cada entrada con una fecha y un título, opcionalmente agrupada por año y mes: el índice de « todo lo que hemos publicado ».

Ajustes del bloque Post Archive Index en la documentación

Post Author Gratis

Muestra la tarjeta de biografía del autor de la entrada actual, con avatar, nombre visible y descripción biográfica.

Véalo en vivo: Post Author en La web lenta: por qué las mejores experiencias de lectura se vuelven más silenciosas (se abre en una pestaña nueva) Ajustes del bloque Post Author en la documentación

Post Comments Gratis

Muestra la plantilla de comentarios de WordPress, con la lista de comentarios y el formulario para enviarlos.

Véalo en vivo: Post Comments en La web lenta: por qué las mejores experiencias de lectura se vuelven más silenciosas (se abre en una pestaña nueva) Ajustes del bloque Post Comments en la documentación

Post Content Gratis

Muestra todo el contenido de la entrada actual, aplicando todos los filtros de contenido, incluidos los shortcodes y los embeds.

Véalo en vivo: Post Content en Esta es una entrada estándar con una imagen de vista previa (se abre en una pestaña nueva) Ajustes del bloque Post Content en la documentación

Post Date Gratis

La fecha de publicación de la entrada por sí sola, para una línea de autoría que la lista de metadatos no puede mostrar.

Véalo en vivo: Post Date en La web lenta: por qué las mejores experiencias de lectura se vuelven más silenciosas (se abre en una pestaña nueva) Ajustes del bloque Post Date en la documentación

Post Excerpt Gratis

Muestra un extracto de la entrada actual, cortado por palabras y con longitud configurable.

Véalo en vivo: Post Excerpt en Blog | Cuadrícula (se abre en una pestaña nueva) Ajustes del bloque Post Excerpt en la documentación

Post Image Gratis

Muestra la imagen destacada de la entrada actual, con tamaño configurable y un enlace permanente opcional.

Véalo en vivo: Post Image en Blog | Feed mixto (se abre en una pestaña nueva) Ajustes del bloque Post Image en la documentación

Post Media Gratis

El contenedor de medios principal de la entrada actual: su imagen destacada, incrustación de video o audio, control deslizante de galería, cuadrícula de miniaturas, cita, enlace o tarjeta de estado, según el formato de la entrada.

Véalo en vivo: Post Media en Blog | Línea de tiempo con barra lateral izquierda (se abre en una pestaña nueva) Ajustes del bloque Post Media en la documentación

Post Meta Gratis

Muestra metadatos de la entrada configurables, como la fecha, el autor, las categorías y el número de comentarios.

Véalo en vivo: Post Meta en Blog | Feed mixto (se abre en una pestaña nueva) Ajustes del bloque Post Meta en la documentación

Post Navigation Gratis

Muestra los enlaces de navegación a la entrada anterior y a la siguiente de la entrada actual.

Véalo en vivo: Post Navigation en La web lenta: por qué las mejores experiencias de lectura se vuelven más silenciosas (se abre en una pestaña nueva) Ajustes del bloque Post Navigation en la documentación

Post Read More Gratis

Muestra un enlace o botón «Leer más» que apunta al enlace permanente de la entrada actual.

Véalo en vivo: Post Read More en Inicio (se abre en una pestaña nueva) Ajustes del bloque Post Read More en la documentación

Post Reading Bar Gratis

Muestra el tiempo de lectura y los controles de tamaño de fuente, impresión y compartir al desplazarse para la entrada actual.

Véalo en vivo: Post Reading Bar en Esta es una entrada estándar con una imagen de vista previa (se abre en una pestaña nueva) Ajustes del bloque Post Reading Bar en la documentación

Post Reading Time Gratis

Cuánto tarda en leerse la entrada, calculado a partir de su propio contenido.

Véalo en vivo: Post Reading Time en La web lenta: por qué las mejores experiencias de lectura se vuelven más silenciosas (se abre en una pestaña nueva) Ajustes del bloque Post Reading Time en la documentación

Post Related Gratis

Muestra una cuadrícula de entradas relacionadas de las mismas categorías que la entrada actual.

Véalo en vivo: Post Related en La web lenta: por qué las mejores experiencias de lectura se vuelven más silenciosas (se abre en una pestaña nueva) Ajustes del bloque Post Related en la documentación

Post Share Gratis

Muestra enlaces para compartir en redes sociales la entrada actual, con redes, estilo y tamaño configurables.

Véalo en vivo: Post Share en Event Single (se abre en una pestaña nueva) Ajustes del bloque Post Share en la documentación

Post Terms Gratis

Muestra los términos de taxonomía (categorías o etiquetas) de la entrada actual con estilos de texto, insignia, píldora, nube de etiquetas o categoría en línea.

Véalo en vivo: Post Terms en Blog | Feed mixto (se abre en una pestaña nueva) Ajustes del bloque Post Terms en la documentación

Post Title Gratis

Muestra el título de la entrada actual dentro de una etiqueta de encabezado configurable, con un enlace permanente opcional.

Véalo en vivo: Post Title en Blog | Feed mixto (se abre en una pestaña nueva) Ajustes del bloque Post Title en la documentación

Post Table of Contents Gratis

Un índice de los encabezados de la entrada, con anclas que funcionan y un indicador que sigue al lector.

Véalo en vivo: Post Table of Contents en Una guía práctica sobre tokens de diseño que sobreviven a un cambio de marca (se abre en una pestaña nueva) Ajustes del bloque Post Table of Contents en la documentación

Posts Gratis

Consulte y muestre entradas en diversos diseños, como cuadrícula, lista, masonry y línea de tiempo. Admite filtrado por categoría, etiqueta, tipo de entrada personalizado y ordenación.

Véalo en vivo: Posts en Blog | Cuadrícula (se abre en una pestaña nueva) Ajustes del bloque Posts en la documentación

Recent Comments Gratis

Los comentarios aprobados más recientes de todo el sitio, cada uno con el avatar, el nombre y las primeras palabras de quien comenta, con un enlace al hilo de comentarios.

Véalo en vivo: Recent Comments en Widgets (se abre en una pestaña nueva) Ajustes del bloque Recent Comments en la documentación

Resume Works Gratis

Muestra proyectos del tipo de contenido Works en una lista compacta o en una cuadrícula de mosaicos, o una sola página de proyecto (atributos, CTA y proyectos relacionados).

Véalo en vivo: Resume Works en Trabajos (se abre en una pestaña nueva)

Background Video / Audio Gratis

Una capa de video o audio en bucle, autoalojada, para un hero, un fondo de sección o un reproductor diseñado. Solo genera el elemento multimedia, para que el contenedor que lo posiciona siga siendo suyo.

Véalo en vivo: Background Video / Audio en Acciones de medios (se abre en una pestaña nueva) Ajustes del bloque Background Video / Audio en la documentación

Cascading Images Incluido en cualquier plan

Composición de imágenes en capas con traslación, rotación, escala, z-index y retraso de animación por imagen, además de formas decorativas de fondo opcionales.

Véalo en vivo: Cascading Images en Cascading Images (se abre en una pestaña nueva) Ajustes del bloque Cascading Images en la documentación

Chart Incluido en cualquier plan

Dibuje un gráfico a partir de un conjunto de datos que usted proporcione, para que las cifras de un informe o de una comparación de precios se lean de un vistazo. El tipo de gráfico, sus datos y sus etiquetas provienen de la configuración que usted introduzca.

Véalo en vivo: Chart en Servicios - Diseño 1 (se abre en una pestaña nueva) Ajustes del bloque Chart en la documentación

Circle Stack Incluido en cualquier plan

Una pila horizontal de avatares circulares, íconos o insignias de texto: ideal para adelantos de equipo, prueba social y cifras de seguidores.

Véalo en vivo: Circle Stack en Circle Stacks (se abre en una pestaña nueva) Ajustes del bloque Circle Stack en la documentación

Clientes Gratis

Muestre logotipos de clientes, socios o marcas en una cuadrícula adaptable o en un carrusel owl-carousel, con enlaces y compatibilidad opcional con lightbox.

Véalo en vivo: Clientes en Clientes (se abre en una pestaña nueva) Ajustes del bloque Clientes en la documentación

Data Table Incluido en cualquier plan

Organice filas y columnas de información estructurada, como una lista de especificaciones o una comparación de planes, con encabezados de columna por los que los visitantes puedan ordenar y una fila de resumen opcional al pie.

Véalo en vivo: Data Table en Perfil de usuario (se abre en una pestaña nueva) Ajustes del bloque Data Table en la documentación

Map Gratis

Un mapa de Google Maps o OpenStreetMap con marcadores personalizados, nivel de zoom y, en Google Maps, ajustes de tipo y estilo de mapa.

Véalo en vivo: Map en Mapas (se abre en una pestaña nueva) Ajustes del bloque Map en la documentación

Hover Card Gratis

Tarjeta de imagen que se inclina en 3D bajo el puntero, con un título y una categoría que se elevan hacia el espectador.

Véalo en vivo: Hover Card en Hover Parallax (se abre en una pestaña nueva) Ajustes del bloque Hover Card en la documentación

Icon Browser Gratis

Cuadrícula de referencia con búsqueda de todos los íconos de los paquetes de íconos habilitados.

Véalo en vivo: Icon Browser en Iconos (se abre en una pestaña nueva) Ajustes del bloque Icon Browser en la documentación

Inline SVG Gratis

Icono vectorial dibujado a partir de datos de trazado SVG, con tamaño, color, viewBox y opacidad por capa como controles de la barra lateral.

Véalo en vivo: Inline SVG en Precios (se abre en una pestaña nueva) Ajustes del bloque Inline SVG en la documentación

Link Tiles Gratis

Una cuadrícula de mosaicos con icono y etiqueta, cada uno enlazado a una página. Se omiten los mosaicos que apuntan a una página que no existe.

Véalo en vivo: Link Tiles en List Groups & Cards (se abre en una pestaña nueva) Ajustes del bloque Link Tiles en la documentación

Lists & Cards Gratis

Grupos de listas y tarjetas basados en Bootstrap, con varios estilos, colores y diseños.

Véalo en vivo: Lists & Cards en List Groups & Cards (se abre en una pestaña nueva) Ajustes del bloque Lists & Cards en la documentación

Media Embed Gratis

Coloque un reproductor de video o audio en la página desde un servicio de hosting, desde un archivo que haya subido o desde una dirección de inserción que le haya proporcionado un proveedor, con el tamaño según la relación de aspecto que elija.

Véalo en vivo: Media Embed en Media Embeds (se abre en una pestaña nueva) Ajustes del bloque Media Embed en la documentación

Nav Tree Gratis

Un árbol de enlaces de varios niveles con sangría: la lista de navegación que usan un panel lateral o la barra lateral de la documentación.

Ajustes del bloque Nav Tree en la documentación

Navbar Gratis

Barra de navegación plegable con marca, botón hamburguesa, enlaces desplegables y, opcionalmente al final, un formulario de búsqueda, botón o texto.

Véalo en vivo: Navbar en Navegación (se abre en una pestaña nueva) Ajustes del bloque Navbar en la documentación

Overlay Content Gratis

Una capa de contenido dentro de una superposición: alineada, opcionalmente enmascarada, con iconos de activación y bloques anidados.

Véalo en vivo: Overlay Content en Superposiciones de elementos (se abre en una pestaña nueva) Ajustes del bloque Overlay Content en la documentación

Overlay Item Gratis

Una tarjeta de imagen con una superposición encima: distintivo, capa de tinte y una o más capas de contenido superpuesto.

Véalo en vivo: Overlay Item en Superposiciones de elementos (se abre en una pestaña nueva) Ajustes del bloque Overlay Item en la documentación

Título de página Gratis

La barra de título de página / hero. Coloque dentro un encabezado, un subtítulo y migas de pan; elija la alineación, una imagen de fondo, paralaje y un esquema oscuro.

Véalo en vivo: Título de página en Diseño de título de página alineado a la izquierda (se abre en una pestaña nueva) Ajustes del bloque Título de página en la documentación

Page Title Buttons Gratis

Botones de acción en el área de título de página. Lee los botones propios de cada página en modo dinámico, o muestra los botones que defina aquí. Un botón sin enlace se convierte en un disparador de desplazamiento.

Véalo en vivo: Page Title Buttons en Botones (se abre en una pestaña nueva) Ajustes del bloque Page Title Buttons en la documentación

Particles Gratis

Una capa de fondo animada con partículas para una sección: red de líneas, campo de estrellas, burbujas, nieve o low poly.

Véalo en vivo: Particles en Particles (se abre en una pestaña nueva) Ajustes del bloque Particles en la documentación

Preloader Gratis

Un indicador de carga animado en CSS, en cualquiera de los estilos de cargador del sistema de diseño.

Véalo en vivo: Preloader en Precargadores (se abre en una pestaña nueva) Ajustes del bloque Preloader en la documentación

Pricing Switcher Incluido en cualquier plan

Interruptor que controla la visualización de precios mensual/anual (o de cualquier otro par de estados) en bloques Pricing Table emparejados.

Véalo en vivo: Pricing Switcher en Precios (se abre en una pestaña nueva) Ajustes del bloque Pricing Switcher en la documentación

Q&A Item Gratis

Una pregunta y su respuesta, cada una con su propio marcador: el bloque básico de una entrevista.

Véalo en vivo: Q&A Item en Jane Doe sobre veinte años de diseño tipográfico (se abre en una pestaña nueva) Ajustes del bloque Q&A Item en la documentación

Rounded Skill Gratis

Un anillo circular de habilidad que se llena según su porcentaje y muestra en el centro la cifra, un texto propio, un icono o un contador.

Véalo en vivo: Rounded Skill en Gráfico circular y habilidades (se abre en una pestaña nueva) Ajustes del bloque Rounded Skill en la documentación

Scroll Arrow Incluido en cualquier plan

Una flecha animada para bajar en las secciones Hero: realiza un desplazamiento suave hasta el ancla de la sección de destino.

Véalo en vivo: Scroll Arrow en Christmas Sale Store (se abre en una pestaña nueva) Ajustes del bloque Scroll Arrow en la documentación

Star Rating Gratis

Una calificación con estrellas que se define como una puntuación única. Admite medias estrellas, íconos personalizados y un elemento contenedor opcional.

Véalo en vivo: Star Rating en Resultados (se abre en una pestaña nueva) Ajustes del bloque Star Rating en la documentación

Testimonios Gratis

Muestre lo que dicen sus clientes sobre usted en una cuadrícula, un carrusel giratorio o burbujas de diálogo, con un autor, una foto y una calificación con estrellas en cada testimonio.

Véalo en vivo: Testimonios en Testimonios y Twitter (se abre en una pestaña nueva) Ajustes del bloque Testimonios en la documentación

Thumbnails Gratis

Cuadrícula de miniaturas de imágenes con efectos al pasar el cursor y pies de foto opcionales. Admite lightbox y superposiciones de enlaces.

Ajustes del bloque Thumbnails en la documentación

Ticker Gratis

Cinta de anuncios animada con elementos, dirección, velocidad y estilo configurables.

Véalo en vivo: Ticker en Marquesinas (se abre en una pestaña nueva) Ajustes del bloque Ticker en la documentación

Twitter Feed Gratis

Un feed rotativo con los tweets más recientes de una cuenta, que se carga al abrir la página. Elija la cuenta, cuántos mostrar y cómo se distribuye el widget.

Véalo en vivo: Twitter Feed en Widgets (se abre en una pestaña nueva) Ajustes del bloque Twitter Feed en la documentación

Alerta Gratis

Cuadros de alerta y notificación que usan la alerta de Bootstrap o el sistema style-msg de Canvas. Admite variantes rellenas, con borde y extendidas, con icono opcional y botón para cerrar.

Véalo en vivo: Alerta en Style Boxes (se abre en una pestaña nueva) Ajustes del bloque Alerta en la documentación

Botón Gratis

Botón completo con variantes de estilo, tamaños, formas, colores, íconos, efectos al pasar el cursor y opciones de sombra.

Véalo en vivo: Botón en Botones (se abre en una pestaña nueva) Ajustes del bloque Botón en la documentación

Code Highlight Incluido en cualquier plan

Bloque de código con resaltado de sintaxis, impulsado por Prism.js. Admite 15+ lenguajes y un botón opcional para copiar al portapapeles.

Véalo en vivo: Code Highlight en Resaltador de código (se abre en una pestaña nueva) Ajustes del bloque Code Highlight en la documentación

Counter Gratis

Contador numérico animado con icono, prefijo y sufijo, y una leyenda.

Véalo en vivo: Counter en Contadores (se abre en una pestaña nueva) Ajustes del bloque Counter en la documentación

Divisor Gratis

Divisor horizontal con icono opcional, variantes de estilo, alineación, preajustes de ancho y soporte para enlaces de desplazamiento.

Véalo en vivo: Divisor en Divisores (se abre en una pestaña nueva) Ajustes del bloque Divisor en la documentación

Dropcap Gratis

Letra capital con estilo y su texto de párrafo. Admite variantes con recuadro, borde, círculo y círculo con borde, con posición a la izquierda o a la derecha.

Véalo en vivo: Dropcap en Encabezados y letras capitulares (se abre en una pestaña nueva) Ajustes del bloque Dropcap en la documentación

Heading Gratis

Encabezado con estilo y subtítulo opcional. Admite los tipos Heading Block, Title Block, Emphasis Title y Fancy Title.

Véalo en vivo: Heading en Encabezados y letras capitulares (se abre en una pestaña nueva) Ajustes del bloque Heading en la documentación

Highlight Gratis

Texto resaltado con variantes de estilo configurables: marcador, subrayado, degradado, contorno y solo texto. Admite texto opcional antes y después del contenido, y cualquier etiqueta HTML de nivel de bloque.

Ajustes del bloque Highlight en la documentación

Icon Box Gratis

Caja de características con icono, título y descripción. Admite varios estilos de icono, tamaños, diseños y efectos al pasar el cursor.

Véalo en vivo: Icon Box en Cuadros destacados (se abre en una pestaña nueva) Ajustes del bloque Icon Box en la documentación

Icon List Gratis

Lista de iconos con elementos repetibles. Cada elemento tiene un icono (clase CSS), una etiqueta de texto y un enlace opcional. Admite las variantes de tamaño predeterminado, grande y extra grande.

Véalo en vivo: Icon List en Listas de iconos (se abre en una pestaña nueva) Ajustes del bloque Icon List en la documentación

Login Form Incluido en cualquier plan

Muestra un formulario de inicio de sesión de WordPress con el estilo de Canvas. Muestra un mensaje de bienvenida a los usuarios que ya han iniciado sesión.

Véalo en vivo: Login Form en Inicio de sesión y registro (se abre en una pestaña nueva) Ajustes del bloque Login Form en la documentación

Notification Gratis

Muestra una notificación emergente que se activa al hacer clic en un botón o automáticamente al cargar la página.

Véalo en vivo: Notification en Notificaciones (se abre en una pestaña nueva) Ajustes del bloque Notification en la documentación

Page Title Breadcrumbs Gratis

Muestra una ruta de migas de pan (Inicio > Principal > Actual) para la página o entrada actual.

Véalo en vivo: Page Title Breadcrumbs en Diseño de título de página alineado a la izquierda (se abre en una pestaña nueva) Ajustes del bloque Page Title Breadcrumbs en la documentación

Page Title Heading Gratis

Muestra el título de la página o de la entrada como encabezado. Admite los modos de origen dinámico (contexto) y estático (literal).

Véalo en vivo: Page Title Heading en Diseño de título de página alineado a la izquierda (se abre en una pestaña nueva) Ajustes del bloque Page Title Heading en la documentación

Page Title Subtitle Gratis

Muestra el subtítulo de la página. Lee el metadato _canvas_page_subtitle en modo dinámico, o muestra un texto personalizado en modo estático.

Véalo en vivo: Page Title Subtitle en Diseño de título de página alineado a la izquierda (se abre en una pestaña nueva) Ajustes del bloque Page Title Subtitle en la documentación

Plain Image Gratis

Un elemento img sin envoltorio figure, con control exacto de clases, enlace opcional y un par srcset para pantallas retina (2x) opcional.

Véalo en vivo: Plain Image en Shape Dividers (se abre en una pestaña nueva) Ajustes del bloque Plain Image en la documentación

Portfolio Excerpt Incluido en cualquier plan

Muestra un extracto recortado del elemento de portafolio actual.

Véalo en vivo: Portfolio Excerpt en Open Imagination (se abre en una pestaña nueva) Ajustes del bloque Portfolio Excerpt en la documentación

Pricing Table Incluido en cualquier plan

Tarjeta flexible de precios. Admite los diseños predeterminado, simple, minimalista y extendido, con un selector de precios, una lista de características y un botón de llamada a la acción opcionales.

Véalo en vivo: Pricing Table en Precios (se abre en una pestaña nueva) Ajustes del bloque Pricing Table en la documentación

Process Steps Gratis

Indicadores de pasos numerados o con iconos, con líneas conectoras punteadas. Opcionalmente, activa el contenido en pestañas de Bootstrap 5 con navegación anterior y siguiente.

Véalo en vivo: Process Steps en Process Steps (se abre en una pestaña nueva) Ajustes del bloque Process Steps en la documentación

Progress Bar Gratis

Barra animada de habilidades o progreso con contador de porcentaje, orientación horizontal o vertical y patrones de rayas de Bootstrap.

Véalo en vivo: Progress Bar en Barras de progreso y habilidades (se abre en una pestaña nueva) Ajustes del bloque Progress Bar en la documentación

Promo Box Gratis

Caja promocional con título, subtexto y botón de llamada a la acción. Admite los estilos predeterminado, con borde, claro y oscuro.

Véalo en vivo: Promo Box en Cajas promocionales (se abre en una pestaña nueva) Ajustes del bloque Promo Box en la documentación

Cita Gratis

Bloque de cita con borde predeterminado, estilos de cita con icono y de globo de diálogo. Admite alineación inversa, pie de cita y anulación opcional de los colores del borde y del icono.

Véalo en vivo: Cita en Citas y bloques de cita (se abre en una pestaña nueva) Ajustes del bloque Cita en la documentación

Read More Gratis

Área de contenido plegable con expansión y contracción animadas, activada desde un enlace de leer más.

Véalo en vivo: Read More en Read More (se abre en una pestaña nueva) Ajustes del bloque Read More en la documentación

Register Form Incluido en cualquier plan

Un formulario de registro de usuarios con el estilo de Canvas. Requiere tener activado el registro de usuarios en la configuración de WordPress.

Véalo en vivo: Register Form en Inicio de sesión y registro (se abre en una pestaña nueva) Ajustes del bloque Register Form en la documentación

Shape Divider Gratis

Divisor de forma decorativo en SVG para transiciones entre secciones.

Véalo en vivo: Shape Divider en Shape Dividers (se abre en una pestaña nueva) Ajustes del bloque Shape Divider en la documentación

Social Icons Gratis

Grupo de enlaces a íconos de redes sociales con animación al pasar el cursor, varios estilos, tamaños y posición fija opcional.

Véalo en vivo: Social Icons en Social Icons (se abre en una pestaña nueva) Ajustes del bloque Social Icons en la documentación

Stat List Gratis

Una lista de cifras, cada una con un valor en negrita sobre una etiqueta breve, como años de experiencia, lanzamientos o premios.

Véalo en vivo: Stat List en Equipo (se abre en una pestaña nueva) Ajustes del bloque Stat List en la documentación

Styled Icon Gratis

Icono independiente con estilo relleno, con borde o simple, variantes de forma, opciones de color y enlace opcional.

Véalo en vivo: Styled Icon en Styled Icons (se abre en una pestaña nueva) Ajustes del bloque Styled Icon en la documentación

Team Member Gratis

Un miembro del equipo con foto, nombre, cargo, biografía, enlaces a redes sociales y cifras, en forma de tarjeta, fila de lista, tarjeta de estadísticas, tarjeta apilada o retrato de líder.

Véalo en vivo: Team Member en Equipo (se abre en una pestaña nueva) Ajustes del bloque Team Member en la documentación

Accordion Gratis

Apile paneles con título que se abren y cierran, para que una larga serie de preguntas o material de referencia quepa en una sola página y los visitantes amplíen solo las partes que necesitan.

Véalo en vivo: Accordion en Toggles y acordeones (se abre en una pestaña nueva) Ajustes del bloque Accordion en la documentación

AJAX Button Gratis

Botón que carga contenido externo mediante AJAX en un contenedor. Admite los modos de inserción: añadir al final, anteponer y reemplazar.

Véalo en vivo: AJAX Button en AJAX Button (se abre en una pestaña nueva) Ajustes del bloque AJAX Button en la documentación

Carrusel Gratis

Slider owl-carousel adaptable, con número de elementos por punto de quiebre, reproducción automática, flechas de navegación, puntos, lightbox y compatibilidad con carga diferida.

Véalo en vivo: Carrusel en Carrusel (se abre en una pestaña nueva) Ajustes del bloque Carrusel en la documentación

Cuenta regresiva Incluido en cualquier plan

Temporizador de cuenta regresiva o de conteo ascendente con tecnología del plugin jQuery countdown.

Véalo en vivo: Cuenta regresiva en Contadores (se abre en una pestaña nueva) Ajustes del bloque Cuenta regresiva en la documentación

Flip Card Incluido en cualquier plan

Una tarjeta 3D con efecto de giro, con cara frontal y posterior, cada una con su propio fondo, que se voltea al pasar el cursor sobre ella.

Véalo en vivo: Flip Card en Flip Cards (se abre en una pestaña nueva) Ajustes del bloque Flip Card en la documentación

Gallery Gratis

Galería de imágenes con diseño en mampostería, columnas configurables, control del espacio entre elementos y visor de imágenes opcional.

Véalo en vivo: Gallery en Gallery (se abre en una pestaña nueva) Ajustes del bloque Gallery en la documentación

Cookie Consent Gratis

Barra de consentimiento de cookies con una ventana modal de preferencias de privacidad y conmutadores de consentimiento por servicio.

Véalo en vivo: Cookie Consent en Diseño RGPD 2 (se abre en una pestaña nueva) Ajustes del bloque Cookie Consent en la documentación

Hover 3D Gratis

Tarjeta con un efecto de inclinación en perspectiva CSS al mover el cursor, que funciona con el módulo JS del tema.

Ajustes del bloque Hover 3D en la documentación

Image Compare Incluido en cualquier plan

Control deslizante de comparación de imágenes antes/después con orientación, desplazamiento, estilo del tirador y etiquetas laterales configurables.

Véalo en vivo: Image Compare en Image Compare (se abre en una pestaña nueva) Ajustes del bloque Image Compare en la documentación

Image Hotspot Incluido en cualquier plan

Imagen interactiva con marcadores posicionados que muestran información emergente al pasar el cursor o al hacer clic.

Véalo en vivo: Image Hotspot en Puntos interactivos en imágenes (se abre en una pestaña nueva) Ajustes del bloque Image Hotspot en la documentación

Image Slider Incluido en cualquier plan

Control deslizante de imágenes impulsado por FlexSlider, con animación de deslizamiento o desvanecimiento, reproducción automática, flechas, puntos, navegación por miniaturas y soporte para deslizamiento táctil.

Véalo en vivo: Image Slider en Sliders de imágenes (se abre en una pestaña nueva) Ajustes del bloque Image Slider en la documentación

Modal Incluido en cualquier plan

Active un cuadro modal / ventana emergente desde un botón o un enlace, o ábralo automáticamente al cargar la página.

Véalo en vivo: Modal en Modal y popovers (se abre en una pestaña nueva) Ajustes del bloque Modal en la documentación

Nav Gratis

Una barra de navegación con pestañas, píldoras o subrayado, con estados activo y deshabilitado y menús desplegables de un nivel.

Véalo en vivo: Nav en Navegación (se abre en una pestaña nueva) Ajustes del bloque Nav en la documentación

Off-Canvas Gratis

Un panel off-canvas deslizante de Bootstrap 5 (inicio / final / superior / inferior) que se abre con un botón o un enlace.

Véalo en vivo: Off-Canvas en Bootstrap Off-Canvas (se abre en una pestaña nueva) Ajustes del bloque Off-Canvas en la documentación

Pagination Gratis

Una fila de paginación con estilo circular, redondeado, en píldora, 3D, transparente o de botón, en tres tamaños y con cualquier alineación.

Véalo en vivo: Pagination en Paginación y barras de progreso (se abre en una pestaña nueva) Ajustes del bloque Pagination en la documentación

Parallax Image Incluido en cualquier plan

Sección de imagen parallax de ancho completo con superposición y contenido opcionales.

Véalo en vivo: Parallax Image en Elementos de paralaje (se abre en una pestaña nueva) Ajustes del bloque Parallax Image en la documentación

Scroll Reveal Incluido en cualquier plan

Anima el contenido para que aparezca en pantalla mientras el usuario se desplaza por la página.

Ajustes del bloque Scroll Reveal en la documentación

Slider Incluido en cualquier plan

Inserte un control deslizante de Canvas en cualquier parte del sitio seleccionándolo. Las diapositivas, los efectos, la navegación y la altura se configuran en el propio control deslizante.

Véalo en vivo: Slider en Decoración del hogar e interiores (se abre en una pestaña nueva) Ajustes del bloque Slider en la documentación

Tab Strip Gratis

Una barra de pestañas cuyos paneles son bloques normales en otras partes de la página.

Véalo en vivo: Tab Strip en Perfil de usuario (se abre en una pestaña nueva) Ajustes del bloque Tab Strip en la documentación

Pestañas Gratis

Divida el contenido relacionado en pestañas con etiqueta para que los visitantes lean una sección a la vez, lo que mantiene una página larga de comparación o de especificaciones lo bastante breve para recorrerla de un vistazo.

Véalo en vivo: Pestañas en Pestañas (se abre en una pestaña nueva) Ajustes del bloque Pestañas en la documentación

Text Fill Scroll Incluido en cualquier plan

Rellena progresivamente el color del texto conforme el elemento entra en la vista.

Ajustes del bloque Text Fill Scroll en la documentación

Text Rotator Gratis

Texto animado que rota o se escribe dentro de un elemento de encabezado.

Véalo en vivo: Text Rotator en Encabezados y letras capitulares (se abre en una pestaña nueva) Ajustes del bloque Text Rotator en la documentación

Toggle Gratis

Oculte un contenido detrás de un encabezado que el visitante hace clic para mostrarlo, por ejemplo para una respuesta larga o un conjunto de términos que no deben ocupar la página por defecto.

Véalo en vivo: Toggle en Toggles y acordeones (se abre en una pestaña nueva) Ajustes del bloque Toggle en la documentación

Video Facade Gratis

Incrustación de video con carga diferida detrás de una imagen en miniatura; el iframe solo se carga al hacer clic, para páginas más rápidas.

Ajustes del bloque Video Facade en la documentación

YouTube Background Gratis

Video de YouTube que se reproduce como fondo ambiental silenciado, detrás del contenido superpuesto.

Véalo en vivo: YouTube Background en Evento individual | Video de ancho completo (se abre en una pestaña nueva) Ajustes del bloque YouTube Background en la documentación

Conference Tickets Incluido en cualquier plan

Cuadros de precios para una categoría de productos de entradas, cada uno con un selector de cantidad y un enlace activo para agregar al carrito.

Véalo en vivo: Conference Tickets en Entradas (se abre en una pestaña nueva) Ajustes del bloque Conference Tickets en la documentación

Store Price Filter Incluido en cualquier plan

Un control de rango de precio de doble manija que filtra la cuadrícula de productos en su lugar.

Véalo en vivo: Store Price Filter en Tienda con filtros (se abre en una pestaña nueva) Ajustes del bloque Store Price Filter en la documentación

Lista de deseos Gratis

Los productos que un comprador guardó, con su precio, existencias y un botón para añadir al carrito. Colóquelo en la página elegida en Opciones del tema, Wishlist.

Ajustes del bloque Lista de deseos en la documentación

Wishlist Button Gratis

Guarda el producto actual en la lista de deseos del comprador. Utilícelo en las plantillas de producto y en las tarjetas de producto.

Ajustes del bloque Wishlist Button en la documentación

Add to Cart Incluido en cualquier plan

Muestra el formulario de añadir al carrito de WooCommerce para el producto actual, con un campo de cantidad opcional.

Véalo en vivo: Add to Cart en Vestido corto a cuadros (se abre en una pestaña nueva) Ajustes del bloque Add to Cart en la documentación

Cart Table Incluido en cualquier plan

Muestre la tabla del carrito de WooCommerce con los artículos, las cantidades y los totales.

Véalo en vivo: Cart Table en Carrito (se abre en una pestaña nueva) Ajustes del bloque Cart Table en la documentación

Cart Totals Incluido en cualquier plan

Permite mostrar el panel de totales del carrito de WooCommerce, con el subtotal, el envío y el botón de finalizar compra.

Véalo en vivo: Cart Totals en Carrito (se abre en una pestaña nueva) Ajustes del bloque Cart Totals en la documentación

Checkout Billing Incluido en cualquier plan

Muestra el formulario de dirección de facturación del proceso de pago de WooCommerce.

Ajustes del bloque Checkout Billing en la documentación

Checkout Order Review Incluido en cualquier plan

Muestra el resumen de revisión del pedido de pago de WooCommerce con los artículos y los totales.

Ajustes del bloque Checkout Order Review en la documentación

Cross-Sells Incluido en cualquier plan

Muestra los productos de venta cruzada del carrito de WooCommerce actual. Solo se muestra cuando el carrito está activo y contiene productos de venta cruzada.

Véalo en vivo: Cross-Sells en Carrito (se abre en una pestaña nueva) Ajustes del bloque Cross-Sells en la documentación

WooCommerce Notices Incluido en cualquier plan

Muestra los avisos de WooCommerce: errores, mensajes de éxito o avisos informativos.

Véalo en vivo: WooCommerce Notices en Carrito (se abre en una pestaña nueva) Ajustes del bloque WooCommerce Notices en la documentación

Product Carousel Incluido en cualquier plan

Muestra productos de WooCommerce en un carrusel owl-carousel desplazable. Compatible con reproducción automática, flechas de navegación, puntos de paginación y breakpoints responsivos.

Véalo en vivo: Product Carousel en Carrusel (se abre en una pestaña nueva) Ajustes del bloque Product Carousel en la documentación

Product Categories Incluido en cualquier plan

Muestra las categorías de productos de WooCommerce como una cuadrícula de tarjetas adaptable, con miniaturas, nombres y cantidades de productos.

Véalo en vivo: Product Categories en Camiseta azul de cuello redondo (se abre en una pestaña nueva) Ajustes del bloque Product Categories en la documentación

Product Gallery Linker Incluido en cualquier plan

Una tira de miniaturas que desplaza el carrusel de la galería de productos hasta la imagen en la que haga clic.

Véalo en vivo: Product Gallery Linker en Gafas de sol aviador para hombre (se abre en una pestaña nueva) Ajustes del bloque Product Gallery Linker en la documentación

Product Images Incluido en cualquier plan

Muestra la imagen destacada del producto de WooCommerce y, opcionalmente, las miniaturas de la galería.

Véalo en vivo: Product Images en Vestido corto a cuadros (se abre en una pestaña nueva) Ajustes del bloque Product Images en la documentación

Product Meta Incluido en cualquier plan

Muestra la tarjeta de metadatos del producto: SKU, categorías y etiquetas.

Véalo en vivo: Product Meta en Vestido corto a cuadros (se abre en una pestaña nueva) Ajustes del bloque Product Meta en la documentación

Product Price Incluido en cualquier plan

Muestra el precio del producto de WooCommerce, incluido el precio de oferta y el formato de moneda.

Véalo en vivo: Product Price en Vestido corto a cuadros (se abre en una pestaña nueva) Ajustes del bloque Product Price en la documentación

Product Rating Incluido en cualquier plan

Muestra la calificación con estrellas y, de forma opcional, el número de reseñas del producto actual de WooCommerce.

Véalo en vivo: Product Rating en Vestido corto a cuadros (se abre en una pestaña nueva) Ajustes del bloque Product Rating en la documentación

Product Share Incluido en cualquier plan

Muestra la tarjeta «Compartir:» con enlaces para compartir en redes sociales del producto actual de WooCommerce.

Véalo en vivo: Product Share en Vestido corto a cuadros (se abre en una pestaña nueva) Ajustes del bloque Product Share en la documentación

Product Short Description Incluido en cualquier plan

Muestra la descripción corta del producto con su formato de párrafo intacto.

Véalo en vivo: Product Short Description en Vestido corto a cuadros (se abre en una pestaña nueva) Ajustes del bloque Product Short Description en la documentación

Product Tabs Incluido en cualquier plan

Muestra las pestañas de datos del producto de WooCommerce: Descripción, Información adicional y Reseñas.

Véalo en vivo: Product Tabs en Vestido corto a cuadros (se abre en una pestaña nueva) Ajustes del bloque Product Tabs en la documentación

Productos Incluido en cualquier plan

Muestre productos de WooCommerce en una cuadrícula o en una lista. Filtre por origen, categoría, etiqueta y orden.

Véalo en vivo: Productos en Productos (se abre en una pestaña nueva) Ajustes del bloque Productos en la documentación

Related Products Incluido en cualquier plan

Muestra una cuadrícula de productos de WooCommerce relacionados con el producto actual. Solo se muestra en plantillas de producto individual.

Véalo en vivo: Related Products en Vestido corto a cuadros (se abre en una pestaña nueva) Ajustes del bloque Related Products en la documentación

Variation Swatches Incluido en cualquier plan

Puntos de color o botones en forma de píldora que permiten elegir la variación de un producto variable.

Véalo en vivo: Variation Swatches en Vestido estampado rosa (se abre en una pestaña nueva) Ajustes del bloque Variation Swatches en la documentación

App Menu Gratis

Una barra de navegación estilo app fijada en la parte inferior de la pantalla en dispositivos pequeños.

Véalo en vivo: App Menu en Menú - Estilo App 1 (se abre en una pestaña nueva) Ajustes del bloque App Menu en la documentación

Color Scheme Toggle Gratis

Interruptor de modo oscuro para visitantes. Aparece en el sitio mientras Dark Mode Switch esté activado en Opciones del tema > Color Scheme > Dark Mode, con una ubicación que incluya la cabecera.

Ajustes del bloque Color Scheme Toggle en la documentación

Header Button Gratis

Un botón o enlace de llamada a la acción para una cabecera creada, con el estilo de las clases de botón del tema.

Véalo en vivo: Header Button en Inicio (se abre en una pestaña nueva) Ajustes del bloque Header Button en la documentación

Header Cart Gratis

El icono del mini carrito de WooCommerce + menú desplegable para una cabecera construida. No muestra nada cuando WooCommerce está inactivo.

Véalo en vivo: Header Cart en Inicio (se abre en una pestaña nueva) Ajustes del bloque Header Cart en la documentación

Header Container Gratis

La raíz de una cabecera construida: suelte dentro un Logotipo, una Navegación y otras partes de la cabecera.

Véalo en vivo: Header Container en Restaurante italiano (se abre en una pestaña nueva) Ajustes del bloque Header Container en la documentación

Header Icon Link Gratis

Un enlace único que solo muestra un icono para una cabecera creada (lista de deseos, cuenta, usuario, activador del carrito, ventana modal de inicio de sesión), que usa el marcado .header-misc-icon.

Véalo en vivo: Header Icon Link en Header SaaS (se abre en una pestaña nueva) Ajustes del bloque Header Icon Link en la documentación

Header Info Gratis

Un pequeño elemento en línea con información o contacto (teléfono, correo electrónico, horario o texto), con un icono y un enlace opcionales para la cabecera que cree.

Véalo en vivo: Header Info en Menú - Estilo 7 (se abre en una pestaña nueva) Ajustes del bloque Header Info en la documentación

Header Logo Gratis

El logotipo del sitio para una cabecera creada. Usa el Site Logo de Opciones del tema de forma predeterminada, o una imagen personalizada que usted elija.

Véalo en vivo: Header Logo en Restaurante italiano (se abre en una pestaña nueva) Ajustes del bloque Header Logo en la documentación

Header Navigation Gratis

El menú de navegación principal para una cabecera creada. Elija un menú y la alineación.

Véalo en vivo: Header Navigation en Restaurante italiano (se abre en una pestaña nueva) Ajustes del bloque Header Navigation en la documentación

Header Root Gratis

El elemento más externo de una cabecera construida: incluye las clases de variante y los atributos data-sticky-* que lee el script de cabecera fija del tema. Coloque dentro el grupo #header-wrap (y cualquier otro contenido de la cabecera).

Véalo en vivo: Header Root en Inicio (se abre en una pestaña nueva) Ajustes del bloque Header Root en la documentación

Header Search Gratis

El alternador de búsqueda de la cabecera. Emite el disparador #top-search al que está conectado el desplegable de búsqueda del tema.

Véalo en vivo: Header Search en Inicio (se abre en una pestaña nueva) Ajustes del bloque Header Search en la documentación

Header Shop Search Gratis

Un campo de búsqueda de productos siempre visible para una fila de cabecera: la alternativa para tiendas y directorios al botón de búsqueda de la cabecera. Elija un campo simple con un icono de reposo o un grupo de entrada con botón de envío.

Véalo en vivo: Header Shop Search en Directorio de cabeceras (se abre en una pestaña nueva) Ajustes del bloque Header Shop Search en la documentación

Header Side Panel Trigger Gratis

El icono de encabezado que abre el Panel lateral. Solo se muestra mientras el Panel lateral esté activado en Opciones del tema.

Ajustes del bloque Header Side Panel Trigger en la documentación

Header Social Gratis

Una fila de enlaces de iconos sociales o de contacto para una cabecera creada, usando el marcado y los estilos de top-social.

Véalo en vivo: Header Social en Tienda de moda en línea - Barra lateral de la tienda (se abre en una pestaña nueva) Ajustes del bloque Header Social en la documentación

Header Topbar Gratis

La barra de utilidades compacta sobre una cabecera creada (#top-bar): añada dentro Top Links, Header Social, Header Info o un Language Switcher.

Ajustes del bloque Header Topbar en la documentación

Header Wishlist Gratis

Un corazón en la cabecera que enlaza con la lista de deseos y muestra cuántos productos hay guardados.

Ajustes del bloque Header Wishlist en la documentación

Header Zone Gratis

Un espacio de posicionamiento dentro de una fila de Header Container: arrastre un logotipo, una navegación o un pequeño grupo de elementos de cabecera dentro, y luego use los campos de alineación, orden y visibilidad para colocarlo.

Véalo en vivo: Header Zone en Restaurante italiano (se abre en una pestaña nueva) Ajustes del bloque Header Zone en la documentación

Icon Nav List Gratis

Una lista vertical de .nav icon-link de Bootstrap (nav-item > nav-link > icono + texto), utilizada por los paneles de menú off-canvas.

Véalo en vivo: Icon Nav List en Perfil de usuario (se abre en una pestaña nueva) Ajustes del bloque Icon Nav List en la documentación

Language Switcher Gratis

Un menú desplegable de idiomas compacto para una cabecera diseñada: muestra el idioma actual y enumera los demás, usando el marcado primary-menu with-arrows.

Ajustes del bloque Language Switcher en la documentación

Mega Menu Column Incluido en cualquier plan

Una sola columna de megamenú (.mega-menu-column): un encabezado con lista de enlaces, enlaces simples o contenido de widget libre. Coloque una o más dentro de un bloque Row como contenido de su Megamenú (Apariencia > Menús > Megamenú sigue controlando el tipo y el estilo del panel externo).

Véalo en vivo: Mega Menu Column en Megamenú (se abre en una pestaña nueva) Ajustes del bloque Mega Menu Column en la documentación

Page Menu Gratis

Una barra de navegación de página para subcabeceras, con variantes fija y de puntos laterales: desplazamiento con anclas de una sola página o enlaces simples. Utilice solo una por página.

Véalo en vivo: Page Menu en Página con submenú (se abre en una pestaña nueva) Ajustes del bloque Page Menu en la documentación

Top Links Gratis

El menú de enlaces de la barra superior, con un desplegable opcional de un solo nivel, que usa el marcado y los estilos de .top-links.

Véalo en vivo: Top Links en Tienda de moda en línea - Barra lateral de la tienda (se abre en una pestaña nueva) Ajustes del bloque Top Links en la documentación

Column Gratis

Una columna de cuadrícula adaptable (.col-*). Defina anchos por punto de quiebre y coloque cualquier contenido dentro.

Véalo en vivo: Column en Columnas y cuadrículas (se abre en una pestaña nueva) Ajustes del bloque Column en la documentación

Container Gratis

Un contenedor .container adaptable. Coloque filas y columnas dentro para crear diseños de sección.

Ajustes del bloque Container en la documentación

Copyrights Gratis

Un fragmento de la barra de copyright del pie de página: la línea de copyright con sus enlaces, o el menú de enlaces en línea. Inserte la variación Copyrights Bar del Wrapper para ambos, uno al lado del otro.

Véalo en vivo: Copyrights en Pie de página - Diseño 2 (se abre en una pestaña nueva) Ajustes del bloque Copyrights en la documentación

Footer About Gratis

Una columna "About" para el pie de página con logotipo, descripción y dirección opcional, con el marcado .footer-logo.

Véalo en vivo: Footer About en Pie de página - Diseño 2 (se abre en una pestaña nueva) Ajustes del bloque Footer About en la documentación

Footer Contacts Gratis

Filas de contacto grandes con etiqueta y valor, usando el marcado y los estilos de .footer-big-contacts.

Véalo en vivo: Footer Contacts en Footer - Layout 3 (se abre en una pestaña nueva) Ajustes del bloque Footer Contacts en la documentación

Footer Instagram Gratis

Un widget de Instagram para el pie de página / flujo de fotos: una cuadrícula en mosaico de imágenes con enlaces opcionales, que usa el marcado .masonry-thumbs.

Véalo en vivo: Footer Instagram en Pie de página - Diseño 4 (se abre en una pestaña nueva) Ajustes del bloque Footer Instagram en la documentación

Footer Widget Area Gratis

El contenedor raíz de una fila de widgets del pie de página: coloque dentro los bloques Footer About, Widget Links, Footer Contacts, Subscribe o Footer Instagram.

Véalo en vivo: Footer Widget Area en Pie de página - Diseño 2 (se abre en una pestaña nueva) Ajustes del bloque Footer Widget Area en la documentación

Grid Filter Incluido en cualquier plan

Barra de filtros por categoría de Isotope (.grid-filter) que controla las cuadrículas filtrables con Isotope. Toma los elementos de una taxonomía o de una lista manual.

Véalo en vivo: Grid Filter en Estilos de filtro de portafolio (se abre en una pestaña nueva) Ajustes del bloque Grid Filter en la documentación

Hero Gratis

Muestra la sección hero que cada página asigna en su panel Hero, o una sección hero que usted elija. Cree las secciones hero en Canvas → Heroes.

Véalo en vivo: Hero en Secciones (se abre en una pestaña nueva) Ajustes del bloque Hero en la documentación

Image Element Gratis

Una imagen simple sin figura ni leyenda alrededor, para logotipos e insignias que se colocan en línea junto a otro contenido.

Véalo en vivo: Image Element en Inicio (se abre en una pestaña nueva) Ajustes del bloque Image Element en la documentación

Inline Contact Gratis

Una fila horizontal de elementos de contacto con icono y texto (correo electrónico, teléfono, Skype, etc.) separados por puntos medios: la línea de contacto de la barra #copyrights.

Véalo en vivo: Inline Contact en Contacto (se abre en una pestaña nueva) Ajustes del bloque Inline Contact en la documentación

Inline Text Gratis

Un fragmento de texto que se encuentra directamente dentro de su contenedor, sin párrafo ni span propio. Solo hojas en línea.

Véalo en vivo: Inline Text en Diseño de ancho completo (se abre en una pestaña nueva) Ajustes del bloque Inline Text en la documentación

Line Break Gratis

Un salto de línea simple que se usa para dar espacio. Agregue clases responsivas en el panel Avanzado para romper la fila solo en algunos tamaños de pantalla.

Véalo en vivo: Line Break en Hover Parallax (se abre en una pestaña nueva) Ajustes del bloque Line Break en la documentación

Título de página Gratis

Muestra la franja del título de página que cada página presenta bajo su cabecera, según se configure en el panel Título de página de la página y en Opciones del tema. La franja en sí es la parte de plantilla Título de página.

Véalo en vivo: Título de página en Diseño de título de página alineado a la izquierda (se abre en una pestaña nueva) Ajustes del bloque Título de página en la documentación

Quantity Input Gratis

Un control .quantity: un campo numérico flanqueado por botones de menos y más. Es estático y no depende del producto; combínelo con un botón para una fila de "Agregar al carrito".

Véalo en vivo: Quantity Input en Cantidad en el carrito (se abre en una pestaña nueva) Ajustes del bloque Quantity Input en la documentación

Row Gratis

Una fila de cuadrícula. Coloque bloques de Canvas Column dentro para organizar el contenido en una cuadrícula adaptable.

Véalo en vivo: Row en Columnas y cuadrículas (se abre en una pestaña nueva) Ajustes del bloque Row en la documentación

Page Slider Gratis

Muestra el slider que cada página asigna en su panel Slider, o un slider que usted elija. Las diapositivas, los efectos y la altura se configuran en el propio slider.

Véalo en vivo: Page Slider en Canvas Slider (se abre en una pestaña nueva) Ajustes del bloque Page Slider en la documentación

Widget Links Gratis

Columna de lista de enlaces para el pie de página, con el marcado y los estilos de .widget_links.

Véalo en vivo: Widget Links en Widgets (se abre en una pestaña nueva) Ajustes del bloque Widget Links en la documentación

Wrapper Gratis

Un elemento HTML básico que solo lleva las clases que usted le asigna y contiene otros bloques en su interior. Utilícelo cuando un diseño requiera un contenedor exacto sin clases adicionales del editor.

Véalo en vivo: Wrapper en Secciones (se abre en una pestaña nueva) Ajustes del bloque Wrapper en la documentación

Conference Program Incluido en cualquier plan

Agenda de sesiones con pestañas por día, o una fila de tarjetas de próximos eventos, creada a partir de los registros de eventos.

Véalo en vivo: Conference Program en Canvas Development Conference (se abre en una pestaña nueva) Ajustes del bloque Conference Program en la documentación

Event Archive Grid Incluido en cualquier plan

Cuadrícula de eventos para la consulta principal (archivo + categoría). Usa el fragmento event-entry-grid y la paginación compartida.

Véalo en vivo: Event Archive Grid en Eventos (se abre en una pestaña nueva) Ajustes del bloque Event Archive Grid en la documentación

Event Categories Incluido en cualquier plan

Muestra las categorías asignadas al evento actual. Admite estilos de texto, insignia y píldora. Solo se muestra en el tipo de entrada canvas_event.

Ajustes del bloque Event Categories en la documentación

Event Content Incluido en cualquier plan

Muestra el contenido completo de la entrada del evento actual mediante el filtro the_content. Solo se muestra en el tipo de entrada canvas_event.

Véalo en vivo: Event Content en Event Single (se abre en una pestaña nueva) Ajustes del bloque Event Content en la documentación

Event Date Incluido en cualquier plan

Muestra las fechas de inicio y fin del evento con hora opcional e icono de calendario. Solo se muestra en el tipo de entrada canvas_event.

Ajustes del bloque Event Date en la documentación

Event Excerpt Incluido en cualquier plan

Muestra un extracto recortado del evento actual.

Ajustes del bloque Event Excerpt en la documentación

Event Image Incluido en cualquier plan

Muestra la imagen destacada del evento actual. Solo se muestra en el tipo de entrada canvas_event.

Véalo en vivo: Event Image en Event Single (se abre en una pestaña nueva) Ajustes del bloque Event Image en la documentación

Event Location Incluido en cualquier plan

Muestra el nombre y la dirección del lugar del evento, con un enlace opcional a Google Maps y un icono de ubicación. Solo se muestra en el tipo de entrada canvas_event.

Ajustes del bloque Event Location en la documentación

Event Meta Incluido en cualquier plan

Muestra los metadatos del evento: fecha, ubicación, organizador y precio. Cada campo se puede mostrar u ocultar de forma independiente. Solo se muestra en el tipo de entrada canvas_event.

Véalo en vivo: Event Meta en Event Single | Ambas barras laterales (se abre en una pestaña nueva) Ajustes del bloque Event Meta en la documentación

Event Navigation Incluido en cualquier plan

Muestra los enlaces de navegación de eventos anterior y siguiente, con etiquetas configurables y miniaturas opcionales. Solo se muestra en el tipo de publicación canvas_event.

Véalo en vivo: Event Navigation en Event Single | Ambas barras laterales (se abre en una pestaña nueva) Ajustes del bloque Event Navigation en la documentación

Event Organizer Incluido en cualquier plan

Muestra el organizador del evento con un enlace opcional a su sitio web y un icono de persona. Solo se muestra en el tipo de entrada canvas_event.

Ajustes del bloque Event Organizer en la documentación

Event Posts Incluido en cualquier plan

Consulta y muestra entradas canvas_event en una cuadrícula de tarjetas adaptable. Admite el filtrado por eventos próximos, pasados o todos. Se puede colocar en cualquier página.

Véalo en vivo: Event Posts en Lista de eventos (se abre en una pestaña nueva) Ajustes del bloque Event Posts en la documentación

Event Price Incluido en cualquier plan

Muestra el precio del evento o una etiqueta configurable para gratuito cuando no se define ningún precio. Admite estilos de texto y de insignia. Solo se muestra en el tipo de contenido canvas_event.

Ajustes del bloque Event Price en la documentación

Related Events Incluido en cualquier plan

Muestra una cuadrícula de eventos relacionados según las categorías en común. Solo se muestra en el tipo de entrada canvas_event.

Véalo en vivo: Related Events en Spring Music Fest (se abre en una pestaña nueva) Ajustes del bloque Related Events en la documentación

Event Title Incluido en cualquier plan

Muestra el título del evento actual dentro de una etiqueta de encabezado configurable, con un enlace permanente opcional. Solo se muestra en el tipo de entrada canvas_event.

Ajustes del bloque Event Title en la documentación

Events Calendar Incluido en cualquier plan

Un calendario de eventos en vista mensual de cuadrícula, con controles para mes anterior, mes siguiente y hoy. Cada día enlaza con los eventos que tienen lugar ese día.

Véalo en vivo: Events Calendar en Events Calendar (se abre en una pestaña nueva) Ajustes del bloque Events Calendar en la documentación

Portfolio Archive Grid Incluido en cualquier plan

Cuadrícula de portafolio para la consulta principal (archivo + categoría). Usa el parcial portfolio-entry-grid y la cuadrícula superpuesta #portfolio.

Véalo en vivo: Portfolio Archive Grid en Portafolio (se abre en una pestaña nueva) Ajustes del bloque Portfolio Archive Grid en la documentación

Portfolio Categories Incluido en cualquier plan

Muestra las categorías de taxonomía asignadas al proyecto de portafolio actual. Úselo dentro de las plantillas individuales de portafolio.

Véalo en vivo: Portfolio Categories en Meridian Brand Identity (se abre en una pestaña nueva) Ajustes del bloque Portfolio Categories en la documentación

Portfolio Content Incluido en cualquier plan

Muestra el contenido completo del proyecto de portafolio actual. Úselo dentro de las plantillas individuales de portafolio.

Véalo en vivo: Portfolio Content en Open Imagination (se abre en una pestaña nueva) Ajustes del bloque Portfolio Content en la documentación

Portfolio Image Incluido en cualquier plan

Muestra el área multimedia del proyecto de portafolio actual: imagen destacada, galería en carrusel, video del proyecto o cuadrícula de miniaturas. Úselo dentro de las plantillas individuales de portafolio.

Véalo en vivo: Portfolio Image en Open Imagination (se abre en una pestaña nueva) Ajustes del bloque Portfolio Image en la documentación

Portfolio Meta Incluido en cualquier plan

Muestra los detalles del proyecto del portafolio: cliente, fecha, habilidades y URL. Úselo dentro de las plantillas individuales de portafolio.

Véalo en vivo: Portfolio Meta en Open Imagination (se abre en una pestaña nueva) Ajustes del bloque Portfolio Meta en la documentación

Portfolio Navigation Incluido en cualquier plan

Muestra los enlaces de navegación a los proyectos de portafolio anterior y siguiente. Úselo dentro de las plantillas individuales de portafolio.

Véalo en vivo: Portfolio Navigation en Open Imagination (se abre en una pestaña nueva) Ajustes del bloque Portfolio Navigation en la documentación

Portfolio Related Incluido en cualquier plan

Muestra proyectos de portafolio relacionados según las categorías compartidas. Utilícelo dentro de las plantillas individuales de portafolio.

Véalo en vivo: Portfolio Related en Open Imagination (se abre en una pestaña nueva) Ajustes del bloque Portfolio Related en la documentación

Portfolio Title Incluido en cualquier plan

Muestra el título del proyecto de portafolio actual. Úselo dentro de las plantillas individuales de portafolio.

Véalo en vivo: Portfolio Title en Meridian Brand Identity (se abre en una pestaña nueva) Ajustes del bloque Portfolio Title en la documentación

Form Incluido en cualquier plan

Un formulario funcional. Coloque dentro los bloques Form Field y Form Submit: los envíos se validan, se guardan y se envían por correo electrónico.

Véalo en vivo: Form en Estilos de formularios (se abre en una pestaña nueva) Ajustes del bloque Form en la documentación

Form Embed Incluido en cualquier plan

Inserte un formulario de Canvas en cualquier parte del sitio seleccionando su ID de formulario.

Véalo en vivo: Form Embed en Índice de tienda (se abre en una pestaña nueva) Ajustes del bloque Form Embed en la documentación

Form Field Incluido en cualquier plan

Un solo campo de entrada de formulario. Úselo dentro de Canvas Form para recopilar la información del usuario.

Véalo en vivo: Form Field en Elementos de formulario (se abre en una pestaña nueva) Ajustes del bloque Form Field en la documentación

Form Submit Button Incluido en cualquier plan

El botón de envío de un formulario de Canvas. Admite variantes de estilo, tamaño, modo de ancho completo e icono.

Véalo en vivo: Form Submit Button en Estilos de formularios (se abre en una pestaña nueva) Ajustes del bloque Form Submit Button en la documentación

Quick Contact Incluido en cualquier plan

Un widget compacto de formulario de contacto «Quick Quotation» (nombre / correo electrónico / mensaje), con el estilo del CSS de formularios de Canvas.

Véalo en vivo: Quick Contact en Widgets (se abre en una pestaña nueva) Ajustes del bloque Quick Contact en la documentación