# 314 bloques para el editor de bloques de WordPress URL: https://canvaswp.com/es/blocks/ Updated: 2026-11-05 Bloques Bloques reales con paneles de ajustes reales, insertados desde el insertador de bloques que ofrece WordPress. Sin shortcodes, sin lienzo propietario y sin un segundo editor que aprender. Todo lo que ve un visitante es un control en la barra lateral. Actualizado el 5 de noviembre de 2026 314 Bloques en total 228 En el plan gratuito 209 En el insertador 105 Limitado a la demo 10 Familias La biblioteca ## 209 bloques que puede insertar hoy Filtre por familia o busque por nombre, palabra clave o lo que hace el bloque. Los bloques premium están marcados y todos los planes incluyen cada uno de ellos. El insertador de bloques de WordPress, con las familias de Canvas debajo de las básicas. Nada de esto es un shortcode y nada abre un segundo editor. Buscar bloques por nombre, descripción o palabra clave Mostrando todos los 209 bloques ### Posts 31 bloques, listados en Entradas del insertador de bloques. #### 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)](https://demos.canvaswp.com/agency/works/) #### 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)](https://demos.canvaswp.com/classic/) [Ajustes del bloque Blog Archive Loop en la documentación](https://docs.canvaswp.com/block-blog-archive) #### 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)](https://demos.canvaswp.com/classic/blog-grid/) [Ajustes del bloque Blog Loop en la documentación](https://docs.canvaswp.com/block-blog-loop) #### 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](https://docs.canvaswp.com/block-blog-single) #### 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)](https://demos.canvaswp.com/construction/projects-5/) #### 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)](https://demos.canvaswp.com/illustrator/) #### 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)](https://demos.canvaswp.com/interior-design/portfolio/stonecroft/) #### 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)](https://demos.canvaswp.com/law-firm/recent-cases/) #### 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)](https://demos.canvaswp.com/photography/explore/) #### 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](https://docs.canvaswp.com/block-post-archive-index) #### 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)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Ajustes del bloque Post Author en la documentación](https://docs.canvaswp.com/block-post-author) #### 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)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Ajustes del bloque Post Comments en la documentación](https://docs.canvaswp.com/block-post-comments) #### 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)](https://demos.canvaswp.com/classic/blog/2021/02/10/blog-single/) [Ajustes del bloque Post Content en la documentación](https://docs.canvaswp.com/block-post-content) #### 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)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Ajustes del bloque Post Date en la documentación](https://docs.canvaswp.com/block-post-date) #### 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)](https://demos.canvaswp.com/classic/blog-grid/) [Ajustes del bloque Post Excerpt en la documentación](https://docs.canvaswp.com/block-post-excerpt) #### 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)](https://demos.canvaswp.com/classic/blog-mixed-feed/) [Ajustes del bloque Post Image en la documentación](https://docs.canvaswp.com/block-post-image) #### 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)](https://demos.canvaswp.com/classic/blog-timeline-left-sidebar/) [Ajustes del bloque Post Media en la documentación](https://docs.canvaswp.com/block-post-media) #### 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)](https://demos.canvaswp.com/classic/blog-mixed-feed/) [Ajustes del bloque Post Meta en la documentación](https://docs.canvaswp.com/block-post-meta) #### 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)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Ajustes del bloque Post Navigation en la documentación](https://docs.canvaswp.com/block-post-navigation) #### 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)](https://demos.canvaswp.com/speaker/) [Ajustes del bloque Post Read More en la documentación](https://docs.canvaswp.com/block-post-read-more) #### 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)](https://demos.canvaswp.com/classic/blog/2021/02/10/blog-single/) [Ajustes del bloque Post Reading Bar en la documentación](https://docs.canvaswp.com/block-post-reading-bar) #### 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)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Ajustes del bloque Post Reading Time en la documentación](https://docs.canvaswp.com/block-post-reading-time) #### 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)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Ajustes del bloque Post Related en la documentación](https://docs.canvaswp.com/block-post-related) #### 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)](https://demos.canvaswp.com/classic/event-single/) [Ajustes del bloque Post Share en la documentación](https://docs.canvaswp.com/block-post-share) #### 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)](https://demos.canvaswp.com/classic/blog-mixed-feed/) [Ajustes del bloque Post Terms en la documentación](https://docs.canvaswp.com/block-post-terms) #### 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)](https://demos.canvaswp.com/classic/blog-mixed-feed/) [Ajustes del bloque Post Title en la documentación](https://docs.canvaswp.com/block-post-title) #### 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)](https://demos.canvaswp.com/classic/blog/2026/03/05/design-tokens-that-survive-a-rebrand/) [Ajustes del bloque Post Table of Contents en la documentación](https://docs.canvaswp.com/block-post-toc) #### 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)](https://demos.canvaswp.com/classic/blog-grid/) [Ajustes del bloque Posts en la documentación](https://docs.canvaswp.com/block-posts) #### 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)](https://demos.canvaswp.com/classic/widgets/) [Ajustes del bloque Recent Comments en la documentación](https://docs.canvaswp.com/block-recent-comments) #### 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)](https://demos.canvaswp.com/resume/works/) ### Contenido 30 bloques, listados en Contenido en el insertador de bloques. #### 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)](https://demos.canvaswp.com/classic/media-actions/) [Ajustes del bloque Background Video / Audio en la documentación](https://docs.canvaswp.com/block-background-video) #### 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)](https://demos.canvaswp.com/classic/cascading-images/) [Ajustes del bloque Cascading Images en la documentación](https://docs.canvaswp.com/block-cascading-images) #### 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)](https://demos.canvaswp.com/classic/services/) [Ajustes del bloque Chart en la documentación](https://docs.canvaswp.com/block-chart) #### 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)](https://demos.canvaswp.com/classic/circle-stack/) [Ajustes del bloque Circle Stack en la documentación](https://docs.canvaswp.com/block-circle-stack) #### 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)](https://demos.canvaswp.com/classic/clients/) [Ajustes del bloque Clientes en la documentación](https://docs.canvaswp.com/block-clients) #### 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)](https://demos.canvaswp.com/classic/profile/) [Ajustes del bloque Data Table en la documentación](https://docs.canvaswp.com/block-data-table) #### 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)](https://demos.canvaswp.com/classic/maps/) [Ajustes del bloque Map en la documentación](https://docs.canvaswp.com/block-google-map) #### 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)](https://demos.canvaswp.com/classic/hover-parallax/) [Ajustes del bloque Hover Card en la documentación](https://docs.canvaswp.com/block-hover-card) #### 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)](https://demos.canvaswp.com/classic/icons/) [Ajustes del bloque Icon Browser en la documentación](https://docs.canvaswp.com/block-icon-browser) #### 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)](https://demos.canvaswp.com/classic/pricing/) [Ajustes del bloque Inline SVG en la documentación](https://docs.canvaswp.com/block-inline-svg) #### 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)](https://demos.canvaswp.com/classic/lists-cards/) [Ajustes del bloque Link Tiles en la documentación](https://docs.canvaswp.com/block-link-tiles) #### 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)](https://demos.canvaswp.com/classic/lists-cards/) [Ajustes del bloque Lists & Cards en la documentación](https://docs.canvaswp.com/block-list-cards) #### 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)](https://demos.canvaswp.com/classic/media-embeds/) [Ajustes del bloque Media Embed en la documentación](https://docs.canvaswp.com/block-media-embed) #### 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](https://docs.canvaswp.com/block-nav-tree) #### 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)](https://demos.canvaswp.com/classic/navigation/) [Ajustes del bloque Navbar en la documentación](https://docs.canvaswp.com/block-navbar) #### 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)](https://demos.canvaswp.com/classic/item-overlays/) [Ajustes del bloque Overlay Content en la documentación](https://docs.canvaswp.com/block-overlay-content) #### 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)](https://demos.canvaswp.com/classic/item-overlays/) [Ajustes del bloque Overlay Item en la documentación](https://docs.canvaswp.com/block-overlay-item) #### 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)](https://demos.canvaswp.com/classic/page-title/) [Ajustes del bloque Título de página en la documentación](https://docs.canvaswp.com/block-page-title) #### 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)](https://demos.canvaswp.com/classic/buttons/) [Ajustes del bloque Page Title Buttons en la documentación](https://docs.canvaswp.com/block-page-title-buttons) #### 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)](https://demos.canvaswp.com/classic/particles/) [Ajustes del bloque Particles en la documentación](https://docs.canvaswp.com/block-particles) #### 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)](https://demos.canvaswp.com/classic/preloaders/) [Ajustes del bloque Preloader en la documentación](https://docs.canvaswp.com/block-preloader) #### 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)](https://demos.canvaswp.com/classic/pricing/) [Ajustes del bloque Pricing Switcher en la documentación](https://docs.canvaswp.com/block-pricing-switcher) #### 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)](https://demos.canvaswp.com/classic/blog/2026/02/11/jane-doe-on-building-type/) [Ajustes del bloque Q&A Item en la documentación](https://docs.canvaswp.com/block-qa-item) #### 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)](https://demos.canvaswp.com/classic/pie-skills/) [Ajustes del bloque Rounded Skill en la documentación](https://docs.canvaswp.com/block-rounded-skill) #### 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)](https://demos.canvaswp.com/xmas/) [Ajustes del bloque Scroll Arrow en la documentación](https://docs.canvaswp.com/block-scroll-arrow) #### 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)](https://demos.canvaswp.com/beauty-kit/results/) [Ajustes del bloque Star Rating en la documentación](https://docs.canvaswp.com/block-star-rating) #### 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)](https://demos.canvaswp.com/classic/testimonials-twitter/) [Ajustes del bloque Testimonios en la documentación](https://docs.canvaswp.com/block-testimonials) #### 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](https://docs.canvaswp.com/block-thumbnails) #### 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)](https://demos.canvaswp.com/classic/ticker/) [Ajustes del bloque Ticker en la documentación](https://docs.canvaswp.com/block-ticker) #### 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)](https://demos.canvaswp.com/classic/widgets/) [Ajustes del bloque Twitter Feed en la documentación](https://docs.canvaswp.com/block-twitter-feed) ### Canvas 29 bloques, listados en Canvas en el insertor de bloques. #### 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)](https://demos.canvaswp.com/classic/style-boxes/) [Ajustes del bloque Alerta en la documentación](https://docs.canvaswp.com/block-alert) #### 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)](https://demos.canvaswp.com/classic/buttons/) [Ajustes del bloque Botón en la documentación](https://docs.canvaswp.com/block-button) #### 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)](https://demos.canvaswp.com/classic/code-highlighter/) [Ajustes del bloque Code Highlight en la documentación](https://docs.canvaswp.com/block-code-highlight) #### 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)](https://demos.canvaswp.com/classic/counters/) [Ajustes del bloque Counter en la documentación](https://docs.canvaswp.com/block-counter) #### 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)](https://demos.canvaswp.com/classic/dividers/) [Ajustes del bloque Divisor en la documentación](https://docs.canvaswp.com/block-divider) #### 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)](https://demos.canvaswp.com/classic/headings-dropcaps/) [Ajustes del bloque Dropcap en la documentación](https://docs.canvaswp.com/block-dropcap) #### 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)](https://demos.canvaswp.com/classic/headings-dropcaps/) [Ajustes del bloque Heading en la documentación](https://docs.canvaswp.com/block-heading) #### 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](https://docs.canvaswp.com/block-highlight) #### 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)](https://demos.canvaswp.com/classic/featured-boxes/) [Ajustes del bloque Icon Box en la documentación](https://docs.canvaswp.com/block-icon-box) #### 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)](https://demos.canvaswp.com/classic/icon-lists/) [Ajustes del bloque Icon List en la documentación](https://docs.canvaswp.com/block-icon-list) #### 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)](https://demos.canvaswp.com/classic/login-register/) [Ajustes del bloque Login Form en la documentación](https://docs.canvaswp.com/block-login-form) #### 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)](https://demos.canvaswp.com/classic/notifications/) [Ajustes del bloque Notification en la documentación](https://docs.canvaswp.com/block-notification) #### 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)](https://demos.canvaswp.com/classic/page-title/) [Ajustes del bloque Page Title Breadcrumbs en la documentación](https://docs.canvaswp.com/block-page-title-breadcrumbs) #### 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)](https://demos.canvaswp.com/classic/page-title/) [Ajustes del bloque Page Title Heading en la documentación](https://docs.canvaswp.com/block-page-title-heading) #### 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)](https://demos.canvaswp.com/classic/page-title/) [Ajustes del bloque Page Title Subtitle en la documentación](https://docs.canvaswp.com/block-page-title-subtitle) #### 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)](https://demos.canvaswp.com/classic/shape-dividers/) [Ajustes del bloque Plain Image en la documentación](https://docs.canvaswp.com/block-plain-image) #### 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)](https://demos.canvaswp.com/project/portfolio/open-imagination/) [Ajustes del bloque Portfolio Excerpt en la documentación](https://docs.canvaswp.com/block-portfolio-excerpt) #### 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)](https://demos.canvaswp.com/classic/pricing/) [Ajustes del bloque Pricing Table en la documentación](https://docs.canvaswp.com/block-pricing-table) #### 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)](https://demos.canvaswp.com/classic/process-steps/) [Ajustes del bloque Process Steps en la documentación](https://docs.canvaswp.com/block-process-steps) #### 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)](https://demos.canvaswp.com/classic/progress-skills/) [Ajustes del bloque Progress Bar en la documentación](https://docs.canvaswp.com/block-progress-bar) #### 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)](https://demos.canvaswp.com/classic/promo-boxes/) [Ajustes del bloque Promo Box en la documentación](https://docs.canvaswp.com/block-promo-box) #### 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)](https://demos.canvaswp.com/classic/quotes-blockquotes/) [Ajustes del bloque Cita en la documentación](https://docs.canvaswp.com/block-quote) #### 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)](https://demos.canvaswp.com/classic/read-more/) [Ajustes del bloque Read More en la documentación](https://docs.canvaswp.com/block-read-more) #### 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)](https://demos.canvaswp.com/classic/login-register/) [Ajustes del bloque Register Form en la documentación](https://docs.canvaswp.com/block-register-form) #### 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)](https://demos.canvaswp.com/classic/shape-dividers/) [Ajustes del bloque Shape Divider en la documentación](https://docs.canvaswp.com/block-shape-divider) #### 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)](https://demos.canvaswp.com/classic/social-icons/) [Ajustes del bloque Social Icons en la documentación](https://docs.canvaswp.com/block-social-icons) #### 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)](https://demos.canvaswp.com/classic/team/) [Ajustes del bloque Stat List en la documentación](https://docs.canvaswp.com/block-stat-list) #### 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)](https://demos.canvaswp.com/classic/styled-icons/) [Ajustes del bloque Styled Icon en la documentación](https://docs.canvaswp.com/block-styled-icon) #### 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)](https://demos.canvaswp.com/classic/team/) [Ajustes del bloque Team Member en la documentación](https://docs.canvaswp.com/block-team-card) ### Interactivo 25 bloques, listados en la categoría Interactivo del insertador de bloques. #### 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)](https://demos.canvaswp.com/classic/toggles-accordions/) [Ajustes del bloque Accordion en la documentación](https://docs.canvaswp.com/block-accordion) #### 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)](https://demos.canvaswp.com/classic/ajax-button/) [Ajustes del bloque AJAX Button en la documentación](https://docs.canvaswp.com/block-ajax-button) #### 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)](https://demos.canvaswp.com/classic/carousel/) [Ajustes del bloque Carrusel en la documentación](https://docs.canvaswp.com/block-carousel) #### 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)](https://demos.canvaswp.com/classic/counters/) [Ajustes del bloque Cuenta regresiva en la documentación](https://docs.canvaswp.com/block-countdown) #### 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)](https://demos.canvaswp.com/classic/flip-cards/) [Ajustes del bloque Flip Card en la documentación](https://docs.canvaswp.com/block-flip-card) #### 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)](https://demos.canvaswp.com/classic/gallery/) [Ajustes del bloque Gallery en la documentación](https://docs.canvaswp.com/block-gallery) #### 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)](https://demos.canvaswp.com/classic/gdpr-layout-2/) [Ajustes del bloque Cookie Consent en la documentación](https://docs.canvaswp.com/block-gdpr-consent) #### 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](https://docs.canvaswp.com/block-hover-3d) #### 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)](https://demos.canvaswp.com/classic/image-compare/) [Ajustes del bloque Image Compare en la documentación](https://docs.canvaswp.com/block-image-compare) #### 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)](https://demos.canvaswp.com/classic/image-hotspot/) [Ajustes del bloque Image Hotspot en la documentación](https://docs.canvaswp.com/block-image-hotspot) #### 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)](https://demos.canvaswp.com/classic/image-sliders/) [Ajustes del bloque Image Slider en la documentación](https://docs.canvaswp.com/block-image-slider) #### 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)](https://demos.canvaswp.com/classic/modal-popovers/) [Ajustes del bloque Modal en la documentación](https://docs.canvaswp.com/block-modal) #### 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)](https://demos.canvaswp.com/classic/navigation/) [Ajustes del bloque Nav en la documentación](https://docs.canvaswp.com/block-nav) #### 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)](https://demos.canvaswp.com/classic/offcanvas/) [Ajustes del bloque Off-Canvas en la documentación](https://docs.canvaswp.com/block-off-canvas) #### 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)](https://demos.canvaswp.com/classic/pagination-progress/) [Ajustes del bloque Pagination en la documentación](https://docs.canvaswp.com/block-pagination) #### 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)](https://demos.canvaswp.com/classic/parallax-elements/) [Ajustes del bloque Parallax Image en la documentación](https://docs.canvaswp.com/block-parallax-image) #### 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](https://docs.canvaswp.com/block-scroll-reveal) #### 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)](https://demos.canvaswp.com/home-living/) [Ajustes del bloque Slider en la documentación](https://docs.canvaswp.com/block-slider) #### 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)](https://demos.canvaswp.com/classic/profile/) [Ajustes del bloque Tab Strip en la documentación](https://docs.canvaswp.com/block-tab-nav) #### 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)](https://demos.canvaswp.com/classic/tabs/) [Ajustes del bloque Pestañas en la documentación](https://docs.canvaswp.com/block-tabs) #### 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](https://docs.canvaswp.com/block-text-fill-scroll) #### 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)](https://demos.canvaswp.com/classic/headings-dropcaps/) [Ajustes del bloque Text Rotator en la documentación](https://docs.canvaswp.com/block-text-rotator) #### 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)](https://demos.canvaswp.com/classic/toggles-accordions/) [Ajustes del bloque Toggle en la documentación](https://docs.canvaswp.com/block-toggle) #### 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](https://docs.canvaswp.com/block-video-facade) #### 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)](https://demos.canvaswp.com/classic/event-single-full-width-video/) [Ajustes del bloque YouTube Background en la documentación](https://docs.canvaswp.com/block-youtube-bg) ### WooCommerce 24 bloques aparecen bajo WooCommerce en el selector de bloques. #### 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)](https://demos.canvaswp.com/conference/tickets/) [Ajustes del bloque Conference Tickets en la documentación](https://docs.canvaswp.com/block-conference-tickets) #### 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)](https://demos.canvaswp.com/classic/shop-filter/) [Ajustes del bloque Store Price Filter en la documentación](https://docs.canvaswp.com/block-store-price-filter) #### 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](https://docs.canvaswp.com/block-wishlist) #### 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](https://docs.canvaswp.com/block-wishlist-button) #### 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)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Ajustes del bloque Add to Cart en la documentación](https://docs.canvaswp.com/block-woo-add-to-cart) #### 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)](https://demos.canvaswp.com/classic/cart/) [Ajustes del bloque Cart Table en la documentación](https://docs.canvaswp.com/block-woo-cart-table) #### 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)](https://demos.canvaswp.com/classic/cart/) [Ajustes del bloque Cart Totals en la documentación](https://docs.canvaswp.com/block-woo-cart-totals) #### 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](https://docs.canvaswp.com/block-woo-checkout-billing) #### 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](https://docs.canvaswp.com/block-woo-checkout-order) #### 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)](https://demos.canvaswp.com/classic/cart/) [Ajustes del bloque Cross-Sells en la documentación](https://docs.canvaswp.com/block-woo-cross-sells) #### 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)](https://demos.canvaswp.com/classic/cart/) [Ajustes del bloque WooCommerce Notices en la documentación](https://docs.canvaswp.com/block-woo-notices) #### 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)](https://demos.canvaswp.com/classic/carousel/) [Ajustes del bloque Product Carousel en la documentación](https://docs.canvaswp.com/block-woo-product-carousel) #### 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)](https://demos.canvaswp.com/classic/product/blue-round-neck-tshirt/) [Ajustes del bloque Product Categories en la documentación](https://docs.canvaswp.com/block-woo-product-categories) #### 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)](https://demos.canvaswp.com/classic/product/men-aviator-sunglasses/) [Ajustes del bloque Product Gallery Linker en la documentación](https://docs.canvaswp.com/block-woo-product-gallery-linker) #### 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)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Ajustes del bloque Product Images en la documentación](https://docs.canvaswp.com/block-woo-product-images) #### 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)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Ajustes del bloque Product Meta en la documentación](https://docs.canvaswp.com/block-woo-product-meta) #### 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)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Ajustes del bloque Product Price en la documentación](https://docs.canvaswp.com/block-woo-product-price) #### 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)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Ajustes del bloque Product Rating en la documentación](https://docs.canvaswp.com/block-woo-product-rating) #### 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)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Ajustes del bloque Product Share en la documentación](https://docs.canvaswp.com/block-woo-product-share) #### 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)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Ajustes del bloque Product Short Description en la documentación](https://docs.canvaswp.com/block-woo-product-short-description) #### 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)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Ajustes del bloque Product Tabs en la documentación](https://docs.canvaswp.com/block-woo-product-tabs) #### 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)](https://demos.canvaswp.com/classic/shop/) [Ajustes del bloque Productos en la documentación](https://docs.canvaswp.com/block-woo-products) #### 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)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Ajustes del bloque Related Products en la documentación](https://docs.canvaswp.com/block-woo-related-products) #### 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)](https://demos.canvaswp.com/classic/product/pink-printed-dress-colors/) [Ajustes del bloque Variation Swatches en la documentación](https://docs.canvaswp.com/block-woo-variation-swatches) ### Cabecera 22 bloques, listados en Cabecera del insertador de bloques #### 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)](https://demos.canvaswp.com/classic/menu-app-1/) [Ajustes del bloque App Menu en la documentación](https://docs.canvaswp.com/block-app-menu) #### 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](https://docs.canvaswp.com/block-color-scheme-toggle) #### 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)](https://demos.canvaswp.com/hosting/) [Ajustes del bloque Header Button en la documentación](https://docs.canvaswp.com/block-header-button) #### 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)](https://demos.canvaswp.com/classic/) [Ajustes del bloque Header Cart en la documentación](https://docs.canvaswp.com/block-header-cart) #### 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)](https://demos.canvaswp.com/restaurant/) [Ajustes del bloque Header Container en la documentación](https://docs.canvaswp.com/block-header-container) #### 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)](https://demos.canvaswp.com/classic/header-saas/) [Ajustes del bloque Header Icon Link en la documentación](https://docs.canvaswp.com/block-header-icon-link) #### 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)](https://demos.canvaswp.com/classic/menu-7/) [Ajustes del bloque Header Info en la documentación](https://docs.canvaswp.com/block-header-info) #### 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)](https://demos.canvaswp.com/restaurant/) [Ajustes del bloque Header Logo en la documentación](https://docs.canvaswp.com/block-header-logo) #### 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)](https://demos.canvaswp.com/restaurant/) [Ajustes del bloque Header Navigation en la documentación](https://docs.canvaswp.com/block-header-navigation) #### 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)](https://demos.canvaswp.com/classic/) [Ajustes del bloque Header Root en la documentación](https://docs.canvaswp.com/block-header-root) #### 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)](https://demos.canvaswp.com/classic/) [Ajustes del bloque Header Search en la documentación](https://docs.canvaswp.com/block-header-search) #### 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)](https://demos.canvaswp.com/classic/header-directory/) [Ajustes del bloque Header Shop Search en la documentación](https://docs.canvaswp.com/block-header-shop-search) #### 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](https://docs.canvaswp.com/block-header-side-panel-trigger) #### 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)](https://demos.canvaswp.com/classic/shop-1-right-sidebar/) [Ajustes del bloque Header Social en la documentación](https://docs.canvaswp.com/block-header-social) #### 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](https://docs.canvaswp.com/block-header-topbar) #### 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](https://docs.canvaswp.com/block-header-wishlist) #### 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)](https://demos.canvaswp.com/restaurant/) [Ajustes del bloque Header Zone en la documentación](https://docs.canvaswp.com/block-header-zone) #### 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)](https://demos.canvaswp.com/classic/profile/) [Ajustes del bloque Icon Nav List en la documentación](https://docs.canvaswp.com/block-icon-nav-list) #### 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](https://docs.canvaswp.com/block-language-switcher) #### 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)](https://demos.canvaswp.com/classic/mega-menu/) [Ajustes del bloque Mega Menu Column en la documentación](https://docs.canvaswp.com/block-mega-menu) #### 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)](https://demos.canvaswp.com/classic/page-submenu/) [Ajustes del bloque Page Menu en la documentación](https://docs.canvaswp.com/block-page-menu) #### 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)](https://demos.canvaswp.com/classic/shop-1-right-sidebar/) [Ajustes del bloque Top Links en la documentación](https://docs.canvaswp.com/block-top-links) ### Diseño 19 bloques, listados en Diseño en el insertador de bloques. #### 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)](https://demos.canvaswp.com/classic/columns-grids/) [Ajustes del bloque Column en la documentación](https://docs.canvaswp.com/block-column) #### 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](https://docs.canvaswp.com/block-container) #### 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)](https://demos.canvaswp.com/classic/footer-2/) [Ajustes del bloque Copyrights en la documentación](https://docs.canvaswp.com/block-copyrights) #### 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)](https://demos.canvaswp.com/classic/footer-2/) [Ajustes del bloque Footer About en la documentación](https://docs.canvaswp.com/block-footer-about) #### 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)](https://demos.canvaswp.com/classic/footer-3/) [Ajustes del bloque Footer Contacts en la documentación](https://docs.canvaswp.com/block-footer-contacts) #### 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)](https://demos.canvaswp.com/classic/footer-4/) [Ajustes del bloque Footer Instagram en la documentación](https://docs.canvaswp.com/block-footer-instagram) #### 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)](https://demos.canvaswp.com/classic/footer-2/) [Ajustes del bloque Footer Widget Area en la documentación](https://docs.canvaswp.com/block-footer-widget-area) #### 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)](https://demos.canvaswp.com/classic/portfolio-filter-styles/) [Ajustes del bloque Grid Filter en la documentación](https://docs.canvaswp.com/block-grid-filter) #### 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)](https://demos.canvaswp.com/classic/sections/) [Ajustes del bloque Hero en la documentación](https://docs.canvaswp.com/block-hero-slot) #### 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)](https://demos.canvaswp.com/modern-blog/) [Ajustes del bloque Image Element en la documentación](https://docs.canvaswp.com/block-image-element) #### 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)](https://demos.canvaswp.com/classic/contact/) [Ajustes del bloque Inline Contact en la documentación](https://docs.canvaswp.com/block-inline-contact) #### 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)](https://demos.canvaswp.com/classic/full-width/) [Ajustes del bloque Inline Text en la documentación](https://docs.canvaswp.com/block-inline-text) #### 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)](https://demos.canvaswp.com/classic/hover-parallax/) [Ajustes del bloque Line Break en la documentación](https://docs.canvaswp.com/block-line-break) #### 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)](https://demos.canvaswp.com/classic/page-title/) [Ajustes del bloque Título de página en la documentación](https://docs.canvaswp.com/block-page-title-slot) #### 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)](https://demos.canvaswp.com/classic/cart-quantity/) [Ajustes del bloque Quantity Input en la documentación](https://docs.canvaswp.com/block-quantity-input) #### 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)](https://demos.canvaswp.com/classic/columns-grids/) [Ajustes del bloque Row en la documentación](https://docs.canvaswp.com/block-row) #### 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)](https://demos.canvaswp.com/classic/slider-canvas/) [Ajustes del bloque Page Slider en la documentación](https://docs.canvaswp.com/block-slider-slot) #### 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)](https://demos.canvaswp.com/classic/widgets/) [Ajustes del bloque Widget Links en la documentación](https://docs.canvaswp.com/block-widget-links) #### 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)](https://demos.canvaswp.com/classic/sections/) [Ajustes del bloque Wrapper en la documentación](https://docs.canvaswp.com/block-wrapper) ### Eventos 16 bloques, listados bajo Eventos en el selector de bloques. #### 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)](https://demos.canvaswp.com/conference/) [Ajustes del bloque Conference Program en la documentación](https://docs.canvaswp.com/block-conference-events) #### 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)](https://demos.canvaswp.com/classic/events/) [Ajustes del bloque Event Archive Grid en la documentación](https://docs.canvaswp.com/block-event-archive) #### 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](https://docs.canvaswp.com/block-event-categories) #### 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)](https://demos.canvaswp.com/classic/event-single/) [Ajustes del bloque Event Content en la documentación](https://docs.canvaswp.com/block-event-content) #### 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](https://docs.canvaswp.com/block-event-date) #### Event Excerpt Incluido en cualquier plan Muestra un extracto recortado del evento actual. [Ajustes del bloque Event Excerpt en la documentación](https://docs.canvaswp.com/block-event-excerpt) #### 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)](https://demos.canvaswp.com/classic/event-single/) [Ajustes del bloque Event Image en la documentación](https://docs.canvaswp.com/block-event-image) #### 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](https://docs.canvaswp.com/block-event-location) #### 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)](https://demos.canvaswp.com/classic/event-single-both-sidebar/) [Ajustes del bloque Event Meta en la documentación](https://docs.canvaswp.com/block-event-meta) #### 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)](https://demos.canvaswp.com/classic/event-single-both-sidebar/) [Ajustes del bloque Event Navigation en la documentación](https://docs.canvaswp.com/block-event-navigation) #### 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](https://docs.canvaswp.com/block-event-organizer) #### 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)](https://demos.canvaswp.com/classic/events-list/) [Ajustes del bloque Event Posts en la documentación](https://docs.canvaswp.com/block-event-posts) #### 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](https://docs.canvaswp.com/block-event-price) #### 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)](https://demos.canvaswp.com/classic/events/spring-music-fest/) [Ajustes del bloque Related Events en la documentación](https://docs.canvaswp.com/block-event-related) #### 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](https://docs.canvaswp.com/block-event-title) #### 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)](https://demos.canvaswp.com/classic/events-calendar/) [Ajustes del bloque Events Calendar en la documentación](https://docs.canvaswp.com/block-events-calendar) ### Portafolio 8 bloques en la categoría Portafolio del insertor de bloques. #### 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)](https://demos.canvaswp.com/classic/projects/) [Ajustes del bloque Portfolio Archive Grid en la documentación](https://docs.canvaswp.com/block-portfolio-archive) #### 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)](https://demos.canvaswp.com/media-agency/portfolio/meridian-brand-identity/) [Ajustes del bloque Portfolio Categories en la documentación](https://docs.canvaswp.com/block-portfolio-categories) #### 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)](https://demos.canvaswp.com/classic/projects/open-imagination/) [Ajustes del bloque Portfolio Content en la documentación](https://docs.canvaswp.com/block-portfolio-content) #### 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)](https://demos.canvaswp.com/classic/projects/open-imagination/) [Ajustes del bloque Portfolio Image en la documentación](https://docs.canvaswp.com/block-portfolio-image) #### 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)](https://demos.canvaswp.com/classic/projects/open-imagination/) [Ajustes del bloque Portfolio Meta en la documentación](https://docs.canvaswp.com/block-portfolio-meta) #### 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)](https://demos.canvaswp.com/classic/projects/open-imagination/) [Ajustes del bloque Portfolio Navigation en la documentación](https://docs.canvaswp.com/block-portfolio-navigation) #### 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)](https://demos.canvaswp.com/classic/projects/open-imagination/) [Ajustes del bloque Portfolio Related en la documentación](https://docs.canvaswp.com/block-portfolio-related) #### 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)](https://demos.canvaswp.com/media-agency/portfolio/meridian-brand-identity/) [Ajustes del bloque Portfolio Title en la documentación](https://docs.canvaswp.com/block-portfolio-title) ### Formularios 5 bloques, listados en Formularios dentro del insertor de bloques. #### 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)](https://demos.canvaswp.com/classic/forms-styles/) [Ajustes del bloque Form en la documentación](https://docs.canvaswp.com/block-form-container) #### 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)](https://demos.canvaswp.com/classic/index-shop/) [Ajustes del bloque Form Embed en la documentación](https://docs.canvaswp.com/block-form-embed) #### 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)](https://demos.canvaswp.com/classic/form-elements/) [Ajustes del bloque Form Field en la documentación](https://docs.canvaswp.com/block-form-field) #### 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)](https://demos.canvaswp.com/classic/forms-styles/) [Ajustes del bloque Form Submit Button en la documentación](https://docs.canvaswp.com/block-form-submit) #### 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)](https://demos.canvaswp.com/classic/widgets/) [Ajustes del bloque Quick Contact en la documentación](https://docs.canvaswp.com/block-quick-contact) Bloques específicos de cada demo ## 105 bloques que llegan con su demo Algunos diseños necesitan un bloque que solo tiene sentido dentro de ese diseño. Esos bloques siempre están registrados, así que una demo que haya importado seguirá mostrándose siempre, pero no aparecen en el insertador de bloques de los sitios que nunca los pidieron. ### Entradas 72 Publicaciones académicas, Mosaicos de álbum, Proyectos de arquitectura, Equipo de arquitectura, Galería de composición, Burbujas de artistas, Menú de panadería, Elementos de barbería, y 64 más. **Ver todos los 72 bloques Posts** Publicaciones académicas, Mosaicos de álbumes, Proyectos de arquitectura, Equipo de arquitectura, Galería de arreglos, Burbujas de artistas, Menú de panadería, Artículos de barbería, Kits de belleza, Alquiler de bicicletas, Servicios de contabilidad, Plantillas de bots, Trabajos de la agencia de branding, Trabajos del estudio de branding, Menú de cafetería, Campañas, Cuadrícula de capacidades, Servicios de cuidado, Causas, Películas del canal, Equipo de limpieza, Servicios de limpieza, Ponentes de conferencias, Patrocinadores de conferencias, Espacios de coworking, Vitrina de creadores, Clases de CrossFit, Entrenamiento de CrossFit, Equipo dental, Tratamientos dentales, Médicos, Inmuebles, Programa del evento, Ponentes del evento, Ponentes del evento, Cartel del festival, Menú de food truck, Noticias del club de fútbol, Partidas de videojuegos, Producto de audífonos, Tiendas de audífonos, Habitaciones de hostal, Coberturas de seguros, Noticias del preescolar, Programas del preescolar, Episodios de estilo de vida, Publicaciones de estilo de vida, Programas de préstamos, Disciplinas de artes marciales, Departamentos médicos, Médicos clínicos, Especialidades médicas, Elementos del menú, Publicaciones de mudanzas, Servicios de mudanza, Artículos NFT, Servicios para mascotas, Tomas del fotógrafo, Módulos de plataforma, Episodios de podcast, Recetas, Residencias, Obras de arquitecto independiente, Tratamientos de spa, Noticias de tenis, Torneos de tenis, Tratamientos de terapia, Colección de pistas, Hoteles para viajes, Paquetes de viaje, Catas de vino, Clases de yoga. ### WooCommerce 10 Merchandising del canal, Pases de evento, Parte del carrito de moda, Parte de producto de moda, Productos de moda, Productos de equipamiento, Estampas de ilustrador, Selección de estilo de vida, Productos de la tienda, Productos de comercio electrónico. ### Contenido 7 Tarjetas de artículos, Calculadora financiera, Discusión del foro, Miembros del foro, Hilos del foro, Categorías de recetas, Calculadora de alquiler. ### Interactivos 6 Barra del reproductor de audio, Opción de configurador, Búsqueda de dominio, Precio de hosting, Control deslizante de hosting, Botón de reproducir pista. ### Canvas 4 Preguntas frecuentes dentales, Fondo de cuadrícula con puntos, Flujo de transacciones en vivo, Tarjeta virtual. ### Cabecera 3 Desplegable de cabecera del foro, Superposición de búsqueda del foro, Menú del fotógrafo. ### Portafolio 3 Motion Works, Portfolio Grid, Videographer Works. Opciones del tema enumera todos los bloques que registra Canvas, incluidos los específicos de cada demo, cada uno con un interruptor que lo quita del insertador de bloques y evita que se carguen sus recursos del front-end. Al importar una demo, sus bloques aparecen en las páginas que construye, totalmente editables, con los mismos paneles de configuración que tiene cada bloque de Canvas. Si revierte la demo, los bloques se eliminan con ella. Controles compartidos ## Todos los bloques incluyen estas opciones Siete ajustes aparecen en cada bloque que registra Canvas, y los primeros cuatro también aparecen en los bloques del núcleo y de terceros, porque se añaden al editor y no solo a nuestros bloques. La barra lateral de un bloque seleccionado. Todo lo que ve un visitante se configura aquí, por eso no hay una vista de código que abrir. ### Animación Muestra un bloque al entrar en el área visible de la pantalla, con velocidad, retardo y una animación de salida opcional. El movimiento respeta la preferencia de movimiento reducido del visitante. ### CSS personalizado Escriba CSS para una instancia concreta del bloque cuando un control nativo no permita lograr lo que busca. Se aplica solo a ese bloque y se filtra antes de llegar a la página. ### Atributos personalizados Añada atributos data o atributos ARIA al elemento raíz de un bloque desde la barra lateral, para que un script de terceros o un entorno de pruebas pueda encontrarlo. ### Condiciones de visualización Puede mostrar u ocultar un bloque según el estado de inicio de sesión, el rol del usuario, el tamaño del dispositivo o el valor de una de las Opciones del tema, para que una sola página pueda atender a varios públicos. ### Valores predeterminados de los bloques Configure un bloque una vez, a su gusto, y luego guarde esos ajustes como predeterminados para todos los bloques que inserte después en este sitio. - [Cómo funciona el editor](https://canvaswp.com/es/editor/) ### Preajustes de estilos globales Guarde un estilo con nombre y aplíquelo a bloques en cualquier parte del sitio. Si cambia el preajuste más adelante, todos los bloques que lo usen cambiarán con él. ### Carga de recursos por bloque Cada página carga solo el CSS y el JavaScript de los bloques que realmente muestra, por lo que una página sin slider nunca descarga el script del slider. - [Rendimiento](https://canvaswp.com/es/performance/) Comience desde una sección ## 183 patrones de bloques Un patrón coloca una sección terminada en la página como bloques normales que luego usted edita. No hay HTML sin procesar dentro de uno, así que cada encabezado, imagen, icono y enlace sigue siendo un control en la barra lateral. Los patrones se agrupan en 17 categorías dentro del insertador: - Cabecera - Contenido - Formularios - Pie de página - Blog - Hero - Gallery - Llamada a la acción - Precios - Páginas - Características - Eventos - Ventana emergente - Social - Testimonios - Portafolio - FAQ Los patrones están etiquetados, no bloqueados: un patrón premium sigue visible en el insertador con su etiqueta, y se muestra completo cuando los bloques que contiene son gratuitos. Las 173 plantillas de bloque y las 4 variaciones de estilo que incluye el tema funcionan de la misma manera, en el Editor del sitio.