# 57 Shortcode dan Elemen URL: https://canvaswp.com/id/templates/shortcodes/ Updated: 2026-11-05 Templat Setiap elemen konten yang disertakan Canvas, masing-masing di halamannya sendiri, dengan semua variasinya ditampilkan bersama agar Anda dapat melihat pilihan sebelum membangun. [Buka showcase langsung](https://demos.canvaswp.com/classic/) [Jelajahi situs demo](https://canvaswp.com/id/demos/) Diperbarui 5 November 2026 - [Animasi (membuka di tab baru)](https://demos.canvaswp.com/classic/animations/) - [Tombol (membuka di tab baru)](https://demos.canvaswp.com/classic/buttons/) - [Karusel (membuka di tab baru)](https://demos.canvaswp.com/classic/carousel/) - [Klien (membuka di tab baru)](https://demos.canvaswp.com/classic/clients/) - [Kolom (membuka di tab baru)](https://demos.canvaswp.com/classic/columns-grids/) - [Penghitung (membuka di tab baru)](https://demos.canvaswp.com/classic/counters/) - [Read More (membuka di tab baru)](https://demos.canvaswp.com/classic/read-more/) - [Ticker (membuka di tab baru)](https://demos.canvaswp.com/classic/ticker/) - [Jumlah Keranjang (membuka di tab baru)](https://demos.canvaswp.com/classic/cart-quantity/) - [Elemen Parallax (membuka di tab baru)](https://demos.canvaswp.com/classic/parallax-elements/) - [Pemisah (membuka di tab baru)](https://demos.canvaswp.com/classic/dividers/) - [Kotak Ikon (membuka di tab baru)](https://demos.canvaswp.com/classic/featured-boxes/) - [Galeri (membuka di tab baru)](https://demos.canvaswp.com/classic/gallery/) - [Gaya Heading (membuka di tab baru)](https://demos.canvaswp.com/classic/headings-dropcaps/) - [Daftar Ikon (membuka di tab baru)](https://demos.canvaswp.com/classic/icon-lists/) - [Gradien (membuka di tab baru)](https://demos.canvaswp.com/classic/gradients/) - [Lightbox (membuka di tab baru)](https://demos.canvaswp.com/classic/lightbox/) - [Overlay Item (membuka di tab baru)](https://demos.canvaswp.com/classic/item-overlays/) - [Elemen formulir (membuka di tab baru)](https://demos.canvaswp.com/classic/form-elements/) - [Unggah File (membuka di tab baru)](https://demos.canvaswp.com/classic/component-uploads/) - [Circle Stack (membuka di tab baru)](https://demos.canvaswp.com/classic/circle-stack/) - [Video Facade (membuka di tab baru)](https://demos.canvaswp.com/classic/video-facade/) - [Elemen Gulir (membuka di tab baru)](https://demos.canvaswp.com/classic/scroll-elements/) - [Lists & Cards (membuka di tab baru)](https://demos.canvaswp.com/classic/lists-cards/) - [Peta (membuka di tab baru)](https://demos.canvaswp.com/classic/maps/) - [Embed Media (membuka di tab baru)](https://demos.canvaswp.com/classic/media-embeds/) - [Kotak Modal (membuka di tab baru)](https://demos.canvaswp.com/classic/modal-popovers/) - [Notifikasi (membuka di tab baru)](https://demos.canvaswp.com/classic/notifications/) - [Pagination (membuka di tab baru)](https://demos.canvaswp.com/classic/pagination-progress/) - [Progres & Keahlian (membuka di tab baru)](https://demos.canvaswp.com/classic/progress-skills/) - [Shape Dividers (membuka di tab baru)](https://demos.canvaswp.com/classic/shape-dividers/) - [Cascading Images (membuka di tab baru)](https://demos.canvaswp.com/classic/cascading-images/) - [Penyorot Kode (membuka di tab baru)](https://demos.canvaswp.com/classic/code-highlighter/) - [Aksi Media (membuka di tab baru)](https://demos.canvaswp.com/classic/media-actions/) - [Kotak Harga (membuka di tab baru)](https://demos.canvaswp.com/classic/pricing/) - [Process Steps (membuka di tab baru)](https://demos.canvaswp.com/classic/process-steps/) - [Kotak Promo (membuka di tab baru)](https://demos.canvaswp.com/classic/promo-boxes/) - [Kutipan (membuka di tab baru)](https://demos.canvaswp.com/classic/quotes-blockquotes/) - [Slider Gambar (membuka di tab baru)](https://demos.canvaswp.com/classic/image-sliders/) - [Bagian (membuka di tab baru)](https://demos.canvaswp.com/classic/sections/) - [Social Icons (membuka di tab baru)](https://demos.canvaswp.com/classic/social-icons/) - [Animasi Hover (membuka di tab baru)](https://demos.canvaswp.com/classic/hover-animations/) - [AJAX Button (membuka di tab baru)](https://demos.canvaswp.com/classic/ajax-button/) - [Formulir Bersyarat (membuka di tab baru)](https://demos.canvaswp.com/classic/conditional/) - [Preloader (membuka di tab baru)](https://demos.canvaswp.com/classic/preloaders/) - [Kotak Peringatan (membuka di tab baru)](https://demos.canvaswp.com/classic/style-boxes/) - [Styled Icons (membuka di tab baru)](https://demos.canvaswp.com/classic/styled-icons/) - [Tabel (membuka di tab baru)](https://demos.canvaswp.com/classic/tables/) - [Tab (membuka di tab baru)](https://demos.canvaswp.com/classic/tabs/) - [Testimonials (membuka di tab baru)](https://demos.canvaswp.com/classic/testimonials-twitter/) - [Thumbnails (membuka di tab baru)](https://demos.canvaswp.com/classic/thumbnails-slider/) - [Toggles (membuka di tab baru)](https://demos.canvaswp.com/classic/toggles-accordions/) - [Lazy Loading (membuka di tab baru)](https://demos.canvaswp.com/classic/lazy-loading/) - [Flip Cards (membuka di tab baru)](https://demos.canvaswp.com/classic/flip-cards/) - [Pengalih Mode (membuka di tab baru)](https://demos.canvaswp.com/classic/color-mode-switcher/) - [Kursor Kustom (membuka di tab baru)](https://demos.canvaswp.com/classic/custom-cursor/) - [Image Compare (membuka di tab baru)](https://demos.canvaswp.com/classic/image-compare/) Setiap tautan membuka halaman sungguhan di showcase langsung, dibangun dengan tema dan blok yang sama dengan yang Anda pasang. Blok yang mana ## Blok di balik setiap elemen Setiap halaman elemen menampilkan satu atau beberapa blok Canvas beserta variasinya secara berdampingan. Temukan elemen yang Anda inginkan, sisipkan blok yang tertera di bawahnya, dan variasinya tersedia sebagai pengaturan di panelnya. - **Tombol** Button, Page Title Buttons - **Karusel** Carousel, Product Carousel - **Klien** Klien - **Kolom** Column, Row - **Penghitung** Countdown, Counter - **Read More** Read More - **Ticker** Ticker - **Jumlah Keranjang** Quantity Input - **Elemen Parallax** Parallax Image - **Pemisah** Divider - **Kotak Ikon** Icon Box - **Galeri** Gallery - **Gaya Heading** Dropcap, Heading, Text Rotator - **Daftar Ikon** Icon List - **Overlay Item** Overlay Content, Overlay Item - **Elemen formulir** Form Field - **Circle Stack** Circle Stack - **Lists & Cards** Link Tiles, Lists & Cards - **Peta** Map - **Embed Media** Media Embed - **Kotak Modal** Modal - **Notifikasi** Notification - **Pagination** Pagination - **Progres & Keahlian** Progress Bar - **Shape Dividers** Plain Image, Shape Divider - **Cascading Images** Cascading Images - **Penyorot Kode** Code Highlight - **Aksi Media** Background Video / Audio - **Kotak Harga** Inline SVG, Pricing Switcher, Pricing Table - **Process Steps** Process Steps - **Kotak Promo** Promo Box - **Kutipan** Quote - **Slider Gambar** Image Slider - **Bagian** Hero, Wrapper - **Social Icons** Social Icons - **AJAX Button** AJAX Button - **Preloader** Preloader - **Kotak Peringatan** Peringatan - **Styled Icons** Styled Icon - **Tab** Tab - **Testimonials** Testimonials - **Toggles** Accordion, Toggle - **Flip Cards** Flip Card - **Image Compare** Image Compare Pengaturan bersama ## Apa yang dibawa setiap elemen ### Panel lanjutan Canvas menambahkan panel lanjutan yang sama ke setiap jenis blok di situs, termasuk blok inti dan blok dari plugin lain: animasi masuk dan keluar, CSS kustom yang hanya berlaku untuk blok tersebut, atribut kustom, serta kondisi tampil berdasarkan peran atau perangkat. Halaman Animasi adalah panel tersebut dalam penggunaan nyata. ### Default dan gaya global Atur tombol sesuai keinginan merek Anda dan simpan pengaturan tersebut sebagai default, sehingga tombol berikutnya yang Anda sisipkan langsung memakai pengaturan itu. Gaya global adalah kumpulan pengaturan yang Anda terapkan di seluruh situs dan ubah di satu tempat nanti. ### Gratis dan premium, dalam paket yang sama 228 dari 314 blok Canvas gratis dan 86 blok lainnya bersifat premium. Setiap paket menyertakan semuanya, jadi elemen di halaman ini tidak pernah memerlukan peningkatan paket. - [Seluruh pustaka blok](https://canvaswp.com/id/blocks/) ### Mengapa menu bertuliskan Shortcodes Showcase ini mempertahankan nama menu Canvas HTML, templat yang menjadi acuan halaman-halaman ini, dan Shortcodes adalah nama yang digunakan menu tersebut untuk halaman elemen, sehingga siapa pun yang pernah membangun dengan templat HTML akan langsung menemukan setiap halaman di tempat yang mereka harapkan. Di Canvas for WordPress, tidak ada satu pun dari elemen tersebut yang berupa shortcode. Setiap elemen adalah blok terdaftar dengan opsinya di sidebar, disimpan sebagai markup blok standar, dan tidak ada yang mengharuskan Anda mengingat tag dalam kurung siku. - [Yang dibawa dari Canvas HTML](https://canvaswp.com/id/canvas-html-to-wordpress/) Templat lainnya ## Koleksi lainnya - [Templat Halaman 13](https://canvaswp.com/id/templates/page-templates/) - [Tata Letak Portofolio 27](https://canvaswp.com/id/templates/portfolio/) - [Tata Letak Blog 35](https://canvaswp.com/id/templates/blog/) - [Tata Letak Toko 9](https://canvaswp.com/id/templates/shop/)