# 57 shortcodes en elementen URL: https://canvaswp.com/nl/templates/shortcodes/ Updated: 2026-11-05 Sjablonen Elk inhoudselement dat Canvas meelevert, elk op een eigen pagina, met alle varianten samen weergegeven, zodat je de opties kunt bekijken voordat je gaat bouwen. [De live showcase openen](https://demos.canvaswp.com/classic/) [Demowebsites bekijken](https://canvaswp.com/nl/demos/) Laatst bijgewerkt 5 november 2026 - [Animaties (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/animations/) - [Knoppen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/buttons/) - [Carrousel (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/carousel/) - [Klanten (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/clients/) - [Kolommen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/columns-grids/) - [Tellers (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/counters/) - [Lees meer (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/read-more/) - [Ticker (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/ticker/) - [Winkelwagenhoeveelheid (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/cart-quantity/) - [Parallax-elementen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/parallax-elements/) - [Scheidingslijnen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/dividers/) - [Icon Boxes (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/featured-boxes/) - [Galerijen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/gallery/) - [Kopstijlen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/headings-dropcaps/) - [Icon Lists (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/icon-lists/) - [Verlopen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/gradients/) - [Lightbox (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/lightbox/) - [Item-overlays (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/item-overlays/) - [Formulierelementen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/form-elements/) - [Bestandsuploads (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/component-uploads/) - [Circle Stack (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/circle-stack/) - [Video Facade (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/video-facade/) - [Scrollelementen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/scroll-elements/) - [Lists & Cards (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/lists-cards/) - [Kaarten (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/maps/) - [Media-embeds (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/media-embeds/) - [Modal-vensters (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/modal-popovers/) - [Meldingen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/notifications/) - [Pagination (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/pagination-progress/) - [Voortgang & vaardigheden (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/progress-skills/) - [Shape Dividers (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/shape-dividers/) - [Cascading Images (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/cascading-images/) - [Code Highlighter (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/code-highlighter/) - [Mediacties (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/media-actions/) - [Prijsboxen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/pricing/) - [Process Steps (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/process-steps/) - [Promoboxen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/promo-boxes/) - [Citaten (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/quotes-blockquotes/) - [Image Sliders (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/image-sliders/) - [Secties (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/sections/) - [Social Icons (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/social-icons/) - [Hover-animaties (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/hover-animations/) - [AJAX Button (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/ajax-button/) - [Voorwaardelijke formulieren (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/conditional/) - [Preloaders (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/preloaders/) - [Alertboxen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/style-boxes/) - [Gestileerde iconen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/styled-icons/) - [Tabellen (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/tables/) - [Tabs (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/tabs/) - [Testimonials (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/testimonials-twitter/) - [Thumbnails (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/thumbnails-slider/) - [Toggles (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/toggles-accordions/) - [Lazy loading (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/lazy-loading/) - [Flip Cards (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/flip-cards/) - [Modeschakelaar (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/color-mode-switcher/) - [Aangepaste cursor (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/custom-cursor/) - [Image Compare (opent in een nieuw tabblad)](https://demos.canvaswp.com/classic/image-compare/) Elke link opent een echte pagina in de live showcase, opgebouwd met hetzelfde thema en dezelfde blokken die je installeert. Welk blok ## Het blok achter elk element Elke elementpagina toont een of meer Canvas-blokken met hun varianten naast elkaar. Zoek het element dat je wilt, voeg het blok toe dat eronder wordt genoemd, en de varianten zijn instellingen in het instellingenpaneel. - **Knoppen** Button, Page Title Buttons - **Carrousel** Carousel, Product Carousel - **Klanten** Klanten - **Kolommen** Column, Row - **Tellers** Countdown, Counter - **Lees meer** Lees meer - **Ticker** Ticker - **Winkelwagenhoeveelheid** Quantity Input - **Parallax-elementen** Parallax Image - **Scheidingslijnen** Divider - **Icon Boxes** Icon Box - **Galerijen** Gallery - **Kopstijlen** Dropcap, Heading, Text Rotator - **Icon Lists** Icon List - **Item-overlays** Overlay Content, Overlay Item - **Formulierelementen** Form Field - **Circle Stack** Circle Stack - **Lists & Cards** Link Tiles, Lists & Cards - **Kaarten** Map - **Media-embeds** Media Embed - **Modal-vensters** Modal - **Meldingen** Notification - **Pagination** Pagination - **Voortgang & vaardigheden** Progress Bar - **Shape Dividers** Plain Image, Shape Divider - **Cascading Images** Cascading Images - **Code Highlighter** Code Highlight - **Mediacties** Background Video / Audio - **Prijsboxen** Inline SVG, Pricing Switcher, Pricing Table - **Process Steps** Process Steps - **Promoboxen** Promo Box - **Citaten** Citaat - **Image Sliders** Image Slider - **Secties** Hero, Wrapper - **Social Icons** Social Icons - **AJAX Button** AJAX Button - **Preloaders** Preloader - **Alertboxen** Alert - **Gestileerde iconen** Styled Icon - **Tabs** Tabs - **Testimonials** Testimonials - **Toggles** Accordion, Toggle - **Flip Cards** Flip Card - **Image Compare** Image Compare Gedeelde instellingen ## Wat elk element met zich meebrengt ### Het geavanceerde paneel Canvas voegt hetzelfde geavanceerde paneel toe aan elk bloktype op de site, inclusief core-blokken en blokken van andere plugins: een animatie bij binnenkomst en verdwijnen, aangepaste CSS die tot dat blok beperkt blijft, aangepaste attributen en weergavevoorwaarden op basis van rol of apparaat. De pagina Animaties laat dat paneel in actie zien. ### Standaardwaarden en globale stijlen Stel een knop in zoals jouw merk dat wil en sla die instellingen op als standaard, zodat de volgende knop die je invoegt daarmee begint. Een globale stijl is een set instellingen die je over de hele site toepast en later op één plek wijzigt. ### Gratis en premium, hetzelfde abonnement 228 van de Canvas-blokken zijn gratis en zijn premium. Elk abonnement bevat ze allemaal, dus een element op deze pagina vereist nooit een upgrade. - [De volledige blokbibliotheek](https://canvaswp.com/nl/blocks/) ### Waarom het menu Shortcodes zegt De showcase behoudt de menunamen van Canvas HTML, het sjabloon waarop deze pagina's zijn gebaseerd, en Shortcodes is hoe dat menu zijn elementpagina's noemt, zodat iedereen die met het HTML-sjabloon heeft gebouwd elke pagina vindt waar hij die verwacht. In Canvas voor WordPress is geen van deze een shortcode. Elk element is een geregistreerd blok met zijn opties in de zijbalk, opgeslagen als standaard blokmarkup, en je hoeft nooit een tag tussen vierkante haakjes te onthouden. - [Wat er meekomt van Canvas HTML](https://canvaswp.com/nl/canvas-html-to-wordpress/) Meer sjablonen ## De rest van de bibliotheek - [Paginasjablonen 13](https://canvaswp.com/nl/templates/page-templates/) - [Portfolio-layouts 27](https://canvaswp.com/nl/templates/portfolio/) - [Bloglayouts 35](https://canvaswp.com/nl/templates/blog/) - [Winkellayouts 9](https://canvaswp.com/nl/templates/shop/)