# 57 Shortcodes e elementos URL: https://canvaswp.com/pt-br/templates/shortcodes/ Updated: 2026-11-05 Modelos Todos os elementos de conteúdo do Canvas, cada um em sua própria página, com todas as variações exibidas juntas para que você veja as opções antes de começar a montar. [Abrir a vitrine ao vivo](https://demos.canvaswp.com/classic/) [Explorar os sites demo](https://canvaswp.com/pt-br/demos/) Atualizado em 5 de novembro de 2026 - [Animações (abre em uma nova aba)](https://demos.canvaswp.com/classic/animations/) - [Botões (abre em uma nova aba)](https://demos.canvaswp.com/classic/buttons/) - [Carrossel (abre em uma nova aba)](https://demos.canvaswp.com/classic/carousel/) - [Clientes (abre em uma nova aba)](https://demos.canvaswp.com/classic/clients/) - [Colunas (abre em uma nova aba)](https://demos.canvaswp.com/classic/columns-grids/) - [Contadores (abre em uma nova aba)](https://demos.canvaswp.com/classic/counters/) - [Read More (abre em uma nova aba)](https://demos.canvaswp.com/classic/read-more/) - [Ticker (abre em uma nova aba)](https://demos.canvaswp.com/classic/ticker/) - [Quantidade no carrinho (abre em uma nova aba)](https://demos.canvaswp.com/classic/cart-quantity/) - [Elementos de parallax (abre em uma nova aba)](https://demos.canvaswp.com/classic/parallax-elements/) - [Divisores (abre em uma nova aba)](https://demos.canvaswp.com/classic/dividers/) - [Caixas de ícones (abre em uma nova aba)](https://demos.canvaswp.com/classic/featured-boxes/) - [Galerias (abre em uma nova aba)](https://demos.canvaswp.com/classic/gallery/) - [Estilos de título (abre em uma nova aba)](https://demos.canvaswp.com/classic/headings-dropcaps/) - [Listas de ícones (abre em uma nova aba)](https://demos.canvaswp.com/classic/icon-lists/) - [Gradientes (abre em uma nova aba)](https://demos.canvaswp.com/classic/gradients/) - [Lightbox (abre em uma nova aba)](https://demos.canvaswp.com/classic/lightbox/) - [Sobreposições de itens (abre em uma nova aba)](https://demos.canvaswp.com/classic/item-overlays/) - [Elementos de formulário (abre em uma nova aba)](https://demos.canvaswp.com/classic/form-elements/) - [Envio de arquivos (abre em uma nova aba)](https://demos.canvaswp.com/classic/component-uploads/) - [Circle Stack (abre em uma nova aba)](https://demos.canvaswp.com/classic/circle-stack/) - [Video Facade (abre em uma nova aba)](https://demos.canvaswp.com/classic/video-facade/) - [Elementos de rolagem (abre em uma nova aba)](https://demos.canvaswp.com/classic/scroll-elements/) - [Lists & Cards (abre em uma nova aba)](https://demos.canvaswp.com/classic/lists-cards/) - [Mapas (abre em uma nova aba)](https://demos.canvaswp.com/classic/maps/) - [Incorporações de mídia (abre em uma nova aba)](https://demos.canvaswp.com/classic/media-embeds/) - [Caixas modais (abre em uma nova aba)](https://demos.canvaswp.com/classic/modal-popovers/) - [Notificações (abre em uma nova aba)](https://demos.canvaswp.com/classic/notifications/) - [Pagination (abre em uma nova aba)](https://demos.canvaswp.com/classic/pagination-progress/) - [Progresso e habilidades (abre em uma nova aba)](https://demos.canvaswp.com/classic/progress-skills/) - [Shape Dividers (abre em uma nova aba)](https://demos.canvaswp.com/classic/shape-dividers/) - [Cascading Images (abre em uma nova aba)](https://demos.canvaswp.com/classic/cascading-images/) - [Realce de código (abre em uma nova aba)](https://demos.canvaswp.com/classic/code-highlighter/) - [Ações de mídia (abre em uma nova aba)](https://demos.canvaswp.com/classic/media-actions/) - [Caixas de preço (abre em uma nova aba)](https://demos.canvaswp.com/classic/pricing/) - [Process Steps (abre em uma nova aba)](https://demos.canvaswp.com/classic/process-steps/) - [Caixas promocionais (abre em uma nova aba)](https://demos.canvaswp.com/classic/promo-boxes/) - [Citações em bloco (abre em uma nova aba)](https://demos.canvaswp.com/classic/quotes-blockquotes/) - [Sliders de imagem (abre em uma nova aba)](https://demos.canvaswp.com/classic/image-sliders/) - [Seções (abre em uma nova aba)](https://demos.canvaswp.com/classic/sections/) - [Social Icons (abre em uma nova aba)](https://demos.canvaswp.com/classic/social-icons/) - [Animações ao passar o mouse (abre em uma nova aba)](https://demos.canvaswp.com/classic/hover-animations/) - [AJAX Button (abre em uma nova aba)](https://demos.canvaswp.com/classic/ajax-button/) - [Formulários condicionais (abre em uma nova aba)](https://demos.canvaswp.com/classic/conditional/) - [Pré-carregadores (abre em uma nova aba)](https://demos.canvaswp.com/classic/preloaders/) - [Caixas de alerta (abre em uma nova aba)](https://demos.canvaswp.com/classic/style-boxes/) - [Ícones estilizados (abre em uma nova aba)](https://demos.canvaswp.com/classic/styled-icons/) - [Tabelas (abre em uma nova aba)](https://demos.canvaswp.com/classic/tables/) - [Abas (abre em uma nova aba)](https://demos.canvaswp.com/classic/tabs/) - [Depoimentos (abre em uma nova aba)](https://demos.canvaswp.com/classic/testimonials-twitter/) - [Thumbnails (abre em uma nova aba)](https://demos.canvaswp.com/classic/thumbnails-slider/) - [Toggles (abre em uma nova aba)](https://demos.canvaswp.com/classic/toggles-accordions/) - [Lazy loading (abre em uma nova aba)](https://demos.canvaswp.com/classic/lazy-loading/) - [Flip Cards (abre em uma nova aba)](https://demos.canvaswp.com/classic/flip-cards/) - [Alternador de modo (abre em uma nova aba)](https://demos.canvaswp.com/classic/color-mode-switcher/) - [Cursor personalizado (abre em uma nova aba)](https://demos.canvaswp.com/classic/custom-cursor/) - [Image Compare (abre em uma nova aba)](https://demos.canvaswp.com/classic/image-compare/) Cada link abre uma página real na vitrine ao vivo, criada pelo mesmo tema e pelos mesmos blocos que você instala. Qual bloco ## O bloco por trás de cada elemento Cada página de elementos mostra um ou mais blocos Canvas com suas variações lado a lado. Encontre o elemento desejado, insira o bloco nomeado abaixo dele, e as variações são configurações do painel do bloco. - **Botões** Button, Page Title Buttons - **Carrossel** Carousel, Product Carousel - **Clientes** Clientes - **Colunas** Column, Row - **Contadores** Countdown, Counter - **Read More** Read More - **Ticker** Ticker - **Quantidade no carrinho** Quantity Input - **Elementos de parallax** Parallax Image - **Divisores** Divider - **Caixas de ícones** Icon Box - **Galerias** Gallery - **Estilos de título** Dropcap, Heading, Text Rotator - **Listas de ícones** Icon List - **Sobreposições de itens** Overlay Content, Overlay Item - **Elementos de formulário** Form Field - **Circle Stack** Circle Stack - **Lists & Cards** Link Tiles, Lists & Cards - **Mapas** Map - **Incorporações de mídia** Media Embed - **Caixas modais** Modal - **Notificações** Notificação - **Pagination** Pagination - **Progresso e habilidades** Progress Bar - **Shape Dividers** Plain Image, Shape Divider - **Cascading Images** Cascading Images - **Realce de código** Code Highlight - **Ações de mídia** Background Video / Audio - **Caixas de preço** Inline SVG, Pricing Switcher, Pricing Table - **Process Steps** Process Steps - **Caixas promocionais** Promo Box - **Citações em bloco** Citação - **Sliders de imagem** Image Slider - **Seções** Hero, Wrapper - **Social Icons** Social Icons - **AJAX Button** AJAX Button - **Pré-carregadores** Preloader - **Caixas de alerta** Alert - **Ícones estilizados** Styled Icon - **Abas** Abas - **Depoimentos** Depoimentos - **Toggles** Accordion, Toggle - **Flip Cards** Flip Card - **Image Compare** Image Compare Configurações compartilhadas ## O que cada elemento traz junto ### O painel avançado O Canvas adiciona o mesmo painel avançado a todos os tipos de bloco do site, incluindo os blocos nativos e os de outros plugins: uma animação de entrada e saída, CSS personalizado restrito a esse bloco, atributos personalizados e condições de exibição por função ou dispositivo. A página Animações mostra esse painel em funcionamento. ### Padrões e estilos globais Configure um botão da forma que sua marca preferir e salve essas configurações como padrão, para que o próximo que você inserir já comece com elas. Um estilo global dá nome a um conjunto de configurações que você aplica em todo o site e altera em um único lugar depois. ### Gratuito e premium, mesmo plano 228 dos 314 blocos do Canvas são gratuitos e 86 são premium. Todos os planos incluem todos eles, então nenhum elemento desta página exige um upgrade. - [A biblioteca completa de blocos](https://canvaswp.com/pt-br/blocks/) ### Por que o menu diz “Shortcodes” A vitrine mantém os nomes de menu do Canvas HTML, o modelo que estas páginas espelham, e Shortcodes é como esse menu chama as páginas dos seus elementos, para que quem já criou com o modelo HTML encontre cada página onde espera. No Canvas para WordPress, nenhum deles é um shortcode. Cada elemento é um bloco registrado, com as opções na barra lateral, salvo como marcação de bloco padrão, e nada exige que você lembre de uma tag entre colchetes. - [O que é aproveitado do Canvas HTML](https://canvaswp.com/pt-br/canvas-html-to-wordpress/) Mais modelos ## O restante da biblioteca - [Modelos de página 13](https://canvaswp.com/pt-br/templates/page-templates/) - [Layouts de portfólio 27](https://canvaswp.com/pt-br/templates/portfolio/) - [Layouts de blog 35](https://canvaswp.com/pt-br/templates/blog/) - [Layouts de loja 9](https://canvaswp.com/pt-br/templates/shop/)