Kadence Block Tutorials

Comprehensive Kadence Block tutorials to help you get the most out of using the free Kadence blocks plugin.

Row Layout Block

The Kadence Row layout block is a fundamental block for designing website layouts. Imagine your website as a grid with rows and columns. In each column, you can place your content (blocks). 

View the tutorial

Accordion Block

The accordion block is a series of collapsable panels, panes rows. If you click on the header or + icon it will expand and show the content.

View the tutorial

Gallery Block (Adv)

Create stunning photo galleries, carousels, and sliders! Enable custom links, captions, and more. Plus you can select the image size for performance.

View the tutorial

Button Block (Adv)

The Advanced Button block is a powerful way to add buttons to your pages or posts. This block enables you to add single or multiple buttons per line and easily style the text sizing, colours, borders and sizing

View the tutorial

Countdown

The Countdown Block from Kadence allows you to countdown to a specific date in the future. This block is great if you are counting down to the launch of your website or trying to build urgency for the sale of a course.

View the tutorial

Spacer/Divider

The Spacer/Divider block from Kadence enables you to easily create divider and spacing in your content. You can even define the height per screen size.

View the tutorial

Countup

The Countup block from Kadence allows you to count up to a specific number. This is great if you want to showcase the number of items you’ve worked on, awards you’ve achieved or coffees you have drunk.

View the tutorial

Google Maps Block

The Google Maps Block enables you to quickly add a Google map to your post or page without an API key.

View the tutorial

Icon Block

The Icon Block enables you to add icons to your page or post. You can choose from over 1500+ SVG Icons to add into your page and style the size, colors, background, border, etc.

View the tutorial

Image Block (Adv)

The Image Block gives you greater control over how your images are displayed. With this block you can amend the sizing and apply shadows, masks and filters all within the editor. 

View the tutorial

Show More Block

Easy way to preview of a larger section of content.

View the tutorial

Text (Adv)

The Advanced Text block enables you to add text content to your post or page and customize the font family (even Google fonts), color, size, style, and highlight words.

View the tutorial

Icon List Block

Create compelling lists that really attract viewers by using custom icons instead of a default bullet. Choose from over 1500+ SVG icons to add to your list and style the list using custom colors, fonts, and sizes.

View the tutorial

Progress Bar Block

The Progress bar Block enables you to gve a visual representation of the completion or progress of a task, process, or goal. It is often used to give users a sense of how much of a task has been completed or how far they are in a process.

View the tutorial

Testimonial Block

Create confidence in your brand or product by showing off beautiful and unique testimonials. Display add as a carousel or a grid.

View the tutorial

Posts Block

Display a clean grid of posts anywhere on your site, great for your home page where you want to tease your blog.

View the tutorial

Tabs Block

Create custom vertical or horizontal tabs with advanced styling controls. Each tab content is an empty canvas able to contain any other blocks.

View the tutorial

Table of Contents Block

The table of contents block allows you to quickly navigate to the headings within your post or page by automatically creating anchor links to those headings.

View the tutorial

Section Block

Kadence provides the Section block to help design sections of content. The Section block is automatically included in Row Layout blocks. You can add any block to the section and design it using block settings.

View the tutorial

Lottie Animation Block

This block allows you to add in Lottie Animation Blocks.

View the tutorial

Form Block

This block enables you to add a form or subscribe opt-in to your post or page

View the tutorial

Advanced Form Block

This is the new Form Block from Kadence that enables you to add forms to your post or page

View the tutorial

Info Box Block

The Info Box block provides a clickable box that contains an image or icon and optionally containing a title, description and learn more text. You can style static and hover colors change fonts, borders, even show a box-shadow.

View the tutorial
Get Kadence today view kadence starter templates