# 57 shortcodes y elementos

URL: https://canvaswp.com/es/templates/shortcodes/
Updated: 2026-11-03

Plantillas

Todos los elementos de contenido que incluye Canvas, cada uno en su propia página, con todas sus variaciones presentadas juntas para que pueda ver las opciones antes de construir.

[Abrir la vitrina en vivo](https://demos.canvaswp.com/classic/) [Explorar demos de sitios web](https://canvaswp.com/es/demos/)

Actualizado el 3 de noviembre de 2026

- [Animaciones (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/animations/)
- [Botones (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/buttons/)
- [Carrusel (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/carousel/)
- [Clientes (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/clients/)
- [Columnas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/columns-grids/)
- [Contadores (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/counters/)
- [Read More (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/read-more/)
- [Ticker (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/ticker/)
- [Cantidad en el carrito (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/cart-quantity/)
- [Elementos de paralaje (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/parallax-elements/)
- [Divisores (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/dividers/)
- [Icon Boxes (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/featured-boxes/)
- [Galerías (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/gallery/)
- [Estilos de encabezado (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/headings-dropcaps/)
- [Listas de iconos (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/icon-lists/)
- [Degradados (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/gradients/)
- [Lightbox (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/lightbox/)
- [Superposiciones de elementos (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/item-overlays/)
- [Elementos de formulario (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/form-elements/)
- [Carga de archivos (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/component-uploads/)
- [Circle Stack (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/circle-stack/)
- [Video Facade (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/video-facade/)
- [Elementos de desplazamiento (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/scroll-elements/)
- [Lists & Cards (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/lists-cards/)
- [Mapas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/maps/)
- [Media Embeds (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/media-embeds/)
- [Cuadros modales (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/modal-popovers/)
- [Notificaciones (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/notifications/)
- [Pagination (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/pagination-progress/)
- [Progreso y habilidades (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/progress-skills/)
- [Shape Dividers (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/shape-dividers/)
- [Cascading Images (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/cascading-images/)
- [Resaltador de código (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/code-highlighter/)
- [Acciones de medios (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/media-actions/)
- [Cuadros de precios (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/pricing/)
- [Process Steps (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/process-steps/)
- [Cajas promocionales (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/promo-boxes/)
- [Citas en bloque (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/quotes-blockquotes/)
- [Sliders de imágenes (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/image-sliders/)
- [Secciones (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/sections/)
- [Social Icons (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/social-icons/)
- [Animaciones al pasar el cursor (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/hover-animations/)
- [AJAX Button (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/ajax-button/)
- [Formularios condicionales (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/conditional/)
- [Precargadores (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/preloaders/)
- [Cuadros de alerta (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/style-boxes/)
- [Styled Icons (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/styled-icons/)
- [Tablas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/tables/)
- [Pestañas (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/tabs/)
- [Testimonios (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/testimonials-twitter/)
- [Thumbnails (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/thumbnails-slider/)
- [Toggles (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/toggles-accordions/)
- [Carga diferida (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/lazy-loading/)
- [Flip Cards (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/flip-cards/)
- [Selector de modo (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/color-mode-switcher/)
- [Cursor personalizado (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/custom-cursor/)
- [Image Compare (se abre en una pestaña nueva)](https://demos.canvaswp.com/classic/image-compare/)

Cada enlace abre una página real en la vitrina en vivo, creada con el mismo tema y los mismos bloques que usted instala.

Qué bloque usar

## El bloque detrás de cada elemento

Cada página de elementos muestra uno o más bloques de Canvas con sus variaciones una al lado de la otra. Busque el elemento que desea, inserte el bloque indicado debajo y las variaciones son ajustes en su panel.

- **Botones**
   Button, Page Title Buttons
- **Carrusel**
   Carousel, Product Carousel
- **Clientes**
   Clientes
- **Columnas**
   Column, Row
- **Contadores**
   Countdown, Counter
- **Read More**
   Read More
- **Ticker**
   Ticker
- **Cantidad en el carrito**
   Quantity Input
- **Elementos de paralaje**
   Parallax Image
- **Divisores**
   Divisor
- **Icon Boxes**
   Icon Box
- **Galerías**
   Gallery
- **Estilos de encabezado**
   Dropcap, Heading, Text Rotator
- **Listas de iconos**
   Icon List
- **Superposiciones de elementos**
   Overlay Content, Overlay Item
- **Elementos de formulario**
   Form Field
- **Circle Stack**
   Circle Stack
- **Lists & Cards**
   Link Tiles, Lists & Cards
- **Mapas**
   Map
- **Media Embeds**
   Media Embed
- **Cuadros modales**
   Modal
- **Notificaciones**
   Notification
- **Pagination**
   Pagination
- **Progreso y habilidades**
   Progress Bar
- **Shape Dividers**
   Plain Image, Shape Divider
- **Cascading Images**
   Cascading Images
- **Resaltador de código**
   Code Highlight
- **Acciones de medios**
   Background Video / Audio
- **Cuadros de precios**
   Inline SVG, Pricing Switcher, Pricing Table
- **Process Steps**
   Process Steps
- **Cajas promocionales**
   Promo Box
- **Citas en bloque**
   Cita
- **Sliders de imágenes**
   Image Slider
- **Secciones**
   Hero, Wrapper
- **Social Icons**
   Social Icons
- **AJAX Button**
   AJAX Button
- **Precargadores**
   Preloader
- **Cuadros de alerta**
   Alerta
- **Styled Icons**
   Styled Icon
- **Pestañas**
   Pestañas
- **Testimonios**
   Testimonios
- **Toggles**
   Accordion, Toggle
- **Flip Cards**
   Flip Card
- **Image Compare**
   Image Compare

Configuración compartida

## Lo que cada elemento lleva consigo

### El panel avanzado

Canvas añade el mismo panel avanzado a todos los tipos de bloque del sitio, incluidos los bloques del núcleo y los de otros plugins: una animación de entrada y salida, CSS personalizado limitado a ese bloque, atributos personalizados y condiciones de visualización por rol o dispositivo. La página de Animaciones muestra ese panel en acción.

### Valores predeterminados y estilos globales

Configure un botón como lo necesita su marca y guarde esos ajustes como predeterminados, para que el siguiente que inserte empiece con ellos. Un estilo global es un conjunto de ajustes que aplica a todo el sitio y que puede cambiar en un solo lugar más adelante.

### Gratis y premium, mismo plan

228 de los 314 bloques de Canvas son gratuitos y 86 son premium. Todos los planes los incluyen, así que ningún elemento de esta página requiere una mejora de plan.

- [La biblioteca completa de bloques](https://canvaswp.com/es/blocks/)

### Por qué el menú dice Shortcodes

The showcase keeps the menu names of Canvas HTML, the template these pages mirror, and Shortcodes is what that menu calls its element pages, so anyone who has built with the HTML template finds each page where they expect it. In Canvas for WordPress none of them is a shortcode. Each element is a registered block with its options in the sidebar, saved as standard block markup, and nothing asks you to remember a bracketed tag.

- [Lo que se traslada desde Canvas HTML](https://canvaswp.com/es/canvas-html-to-wordpress/)

Más plantillas

## El resto de la biblioteca

- [Plantillas de página 13](https://canvaswp.com/es/templates/page-templates/)
- [Diseños de portafolio 27](https://canvaswp.com/es/templates/portfolio/)
- [Diseños de blog 35](https://canvaswp.com/es/templates/blog/)
- [Diseños de tienda 9](https://canvaswp.com/es/templates/shop/)