How to Use Kadence Step by Step (Beginner Guide)

About Aviv M.

Updated:5 July 2026
How to use Kadence step by step (beginner guide)

Kadence is one of the fastest, most flexible free WordPress themes available today. This beginner guide walks you through every step — from installation to a published, professional-looking site.

Table of Contents

  • What Kadence Is and Why Beginners Use It
  • Step 1: Set Up Reliable Hosting and Install WordPress
  • Step 2: Install the Kadence Theme
  • Step 3: Import a Starter Template (Skip the Blank Slate)
  • Step 4: Configure Global Design Settings
  • Step 5: Build Your Header and Footer
  • Step 6: Create and Edit Pages with Kadence Blocks
  • Step 7: Set Up Your Navigation Menu
  • Step 8: Configure Blog Archive and Single Post Settings
  • Kadence Free vs. Pro: What You Actually Need
  • Step 9: Optimize Performance Before You Publish
  • Step 10: Go Live — Final Checklist
  • How Kadence Compares to Other Beginner-Friendly Options
  • Frequently Asked Questions
  • Summary

Knowing how to use Kadence step by step (beginner guide) starts with one clear fact: Kadence is a free WordPress theme that handles global design settings, header/footer layouts, and page building through its companion block plugin — all without touching a line of code. Install it from the WordPress theme directory, activate Kadence Blocks, choose a starter template, and you can have a fully styled site live in under two hours. The paid Kadence Pro plan (starting at $79/year) adds extras, but most beginners won’t need it on day one.

How to use Kadence step by step (beginner guide)
Photo: Ketut Subiyanto (Pexels)


What Kadence Is and Why Beginners Use It

Kadence is not a standalone website builder. It runs on top of WordPress and works alongside the native WordPress block editor (Gutenberg). That distinction matters: your content lives in WordPress, not locked inside a proprietary platform.

The theme has been adopted widely because it loads fast, scores well on Core Web Vitals, and ships with a free block library that covers most design needs — buttons, advanced columns, icon lists, tabs, and forms.

The free version covers:
– Full header and footer builder
– Global color palette and typography controls
– WooCommerce compatibility
– Hundreds of free starter templates via the Kadence Starter Templates plugin

You do not need the Pro plan to follow this guide.


Step 1: Set Up Reliable Hosting and Install WordPress

Before Kadence comes into the picture, you need a WordPress site. Two hosting options work well for beginners:

  • Bluehost Basic — starts at $2.95/month (renews at $11.99/month), installs WordPress automatically at signup, and is officially recommended by WordPress.org.
  • Hostinger Business plan — starts at $3.99/month, slightly faster servers, and also includes a one-click WordPress installer.

Either will run Kadence without issues. Once WordPress is installed, log in to your wp-admin dashboard. That’s where everything else happens.


Step 2: Install the Kadence Theme

  1. In wp-admin, go to Appearance → Themes → Add New.
  2. Search for Kadence.
  3. Click Install, then Activate.

The theme is now live, but your site looks basic — a plain header and default fonts. Don’t worry. The next steps shape it into something usable.

Also install the Kadence Blocks plugin:

  1. Go to Plugins → Add New.
  2. Search Kadence Blocks.
  3. Install and activate.

Kadence Blocks adds advanced block types to the WordPress editor. Without it, you’re limited to standard WordPress blocks only.


Step 3: Import a Starter Template (Skip the Blank Slate)

Building from scratch takes hours. Starter templates compress that to minutes.

  1. Go to Appearance → Kadence → Starter Templates.
  2. If prompted, install the Kadence Starter Templates plugin.
  3. Browse the library — filter by niche (blog, business, portfolio, restaurant, etc.).
  4. Click a template you like, then Import Full Site.

The importer pulls in pages, menus, and global styles in one shot. You now have a complete design to edit instead of a blank canvas.

Practical tip: The “Simple Blog” and “Personal Blog” free templates work well for content-first sites. Pick one, then customize — don’t spend 30 minutes choosing.


Step 4: Configure Global Design Settings

This is how to use Kadence step by step (beginner guide) — global settings first, page-level edits second. Getting your colors and fonts right at the global level means you don’t manually style every heading and button throughout the site.

Go to Appearance → Customize. You’ll see the Kadence customizer panel on the left.

Colors

Navigate to General → Colors. Set your:
Palette colors — pick 2–3 brand colors. Kadence labels them Palette 1 through Palette 9.
Link color — should contrast well with your background.

Use the palette system. When you change Palette 1 later, every element tied to that color updates automatically.

Typography

Go to General → Typography. Set:
Body font — sans-serif fonts like Inter or Lato read well at small sizes.
Heading font — can differ from body. Many designers pair a serif heading with a sans-serif body.

Kadence integrates Google Fonts directly, so you get hundreds of free options without separate plugin installs.


Step 5: Build Your Header and Footer

The Kadence Header Builder is one of its strongest features. Go to Appearance → Customize → Header.

Header Layout

You’ll see a drag-and-drop grid with three rows (top bar, main row, bottom bar) and three columns each. Drag these elements into position:
Logo — click to upload your logo image.
Navigation — assigns your primary menu.
Search icon or button — optional but useful.

Set Sticky Header to “Stick to top” if you want the header to follow users as they scroll — a common preference for blogs.

Footer Layout

Go to Appearance → Customize → Footer. The same drag-and-drop logic applies. A simple two-column footer with a copyright widget and a short navigation list is enough for most beginners.


Step 6: Create and Edit Pages with Kadence Blocks

Now you build your actual pages. Go to Pages → Add New.

The editor is the standard WordPress block editor, but with Kadence Blocks installed, you have access to extra blocks under the Kadence section in the block inserter (the “+” icon).

Key Kadence Blocks for Beginners

Block What It Does When to Use
Advanced Columns Multi-column layouts with gap/padding control Homepage sections, feature rows
Advanced Button Styled CTA buttons with hover effects Lead capture, links
Icon List Bullet lists with custom icons Feature lists, benefit summaries
Info Box Card-style content block Services, offerings
Row Layout Full-width section with background color/image Hero sections, CTAs
Form (Pro) Lead capture forms Email opt-ins

To add a block: click the “+” icon, type “kadence”, and pick from the list.

Example workflow for a homepage hero section:
1. Add a Row Layout block. Set a full-width background color (use Palette 1 from your global settings).
2. Inside the row, add an Advanced Columns block — one column layout.
3. Add a heading, a short paragraph, and an Advanced Button pointing to your contact or start-here page.

That’s a functional hero section built in about five minutes.


Step 7: Set Up Your Navigation Menu

Go to Appearance → Menus. Create a new menu named “Primary Navigation.” Add the pages you’ve created — Home, About, Blog, Contact — then assign it to the Primary Menu location.

Back in the Header Builder (Appearance → Customize → Header), the Navigation element will now display your menu.

For a blog, keep the menu to five items or fewer. Crowded navigation confuses new visitors.


Step 8: Configure Blog Archive and Single Post Settings

If you’re running a blog, the way posts look matters. Go to Appearance → Customize → Post Layout.

Key settings:
Sidebar: Choose “no sidebar” for a cleaner, more modern look, or “right sidebar” if you want to display categories and a search bar.
Featured Image: Enable it. Featured images display in archives and on social shares.
Post Navigation: Enable “previous/next post” links at the bottom of each post to keep readers moving through your content.

Go to Appearance → Customize → Blog Archive to control how the post listing page looks — grid vs. list, excerpt vs. full post, number of columns.


Kadence Free vs. Pro: What You Actually Need

This is where most beginners overthink things. Here’s an honest breakdown:

Feature Kadence Free Kadence Pro ($79/yr)
Starter templates ~200+ (many free) Full library (700+)
Header/Footer Builder Full access Full access + more elements
Global Colors & Typography Yes Yes + extended palette
Transparent/Sticky Header (advanced) Basic sticky Full transparent + scroll effects
Kadence Blocks Pro Not included Included (forms, tabs, modal, etc.)
WooCommerce extensions Basic Advanced layouts
Custom Fonts (self-hosted) No Yes
Support Community forums Priority email support

Our take: Start free. Most bloggers and small business owners publish successfully for months on the free tier before needing anything in Pro. Upgrade when you hit a specific limitation — not before.


Step 9: Optimize Performance Before You Publish

Kadence is lightweight by design, but a few settings sharpen performance further.

In WordPress

  • Install a caching plugin. WP Super Cache (free) or W3 Total Cache (free) reduce page load time significantly.
  • Compress images before uploading. Tools like Squoosh (free, browser-based) can reduce image file sizes by 60–80% without visible quality loss.

In Kadence

Go to Appearance → Kadence → General. Enable:
Lazy load images — images below the fold load only when the user scrolls to them.
Preload key requests — helps the browser fetch critical assets earlier.

Run your site through Google PageSpeed Insights after launch. Kadence-based sites commonly score 90+ on mobile and desktop with basic optimization in place.


Step 10: Go Live — Final Checklist

Before you point people to your site, run through this list:

  • [ ] Homepage is set under Settings → Reading → Your homepage displays → A static page.
  • [ ] Blog page is assigned (if separate from homepage).
  • [ ] Privacy Policy and Terms pages are published (required for GDPR and AdSense if relevant).
  • [ ] Contact page includes a working form.
  • [ ] All placeholder text from the starter template is replaced.
  • [ ] Favicon is uploaded under Appearance → Customize → Site Identity.
  • [ ] Google Analytics or a privacy-friendly alternative (Fathom, Plausible) is connected.
  • [ ] Yoast SEO or Rank Math plugin is installed and configured.

How Kadence Compares to Other Beginner-Friendly Options

If you’re weighing Kadence against other approaches, here’s a fair comparison:

Tool Type Starting Cost Best For Page Builder Included
Kadence (free) WordPress theme + blocks $0 (theme) + hosting Bloggers, small business sites Yes (Kadence Blocks)
Elementor Pro WordPress page builder $59/yr (Pro) Visual drag-and-drop designers Yes
Thrive Suite WordPress conversion toolkit $299/yr Marketers building funnels on WordPress Yes (Thrive Architect)
Systeme.io All-in-one funnel builder $0 (free plan) Solopreneurs selling courses or products Yes (funnel-focused)
Kajabi All-in-one course platform $149/mo Course creators who want everything bundled Yes

Who should pick Kadence: Anyone building a WordPress blog or content site who wants full design control without a heavy price tag. It’s particularly strong for writers and bloggers who prioritize page speed and simplicity.

Who should look elsewhere: If you’re selling courses or building sales funnels, Kadence alone won’t handle that workflow. Systeme.io (free plan) or Kajabi are built for those use cases. If you want pixel-perfect visual drag-and-drop, Elementor Pro or Thrive Architect are more flexible.


Frequently Asked Questions

Is Kadence free to use?

Yes. The Kadence theme and Kadence Blocks plugin are both free and available from the WordPress.org directory. The Pro plan ($79/year) adds advanced blocks, more starter templates, and priority support, but it’s not required to build a functional site.

Do I need coding skills to use Kadence?

No. The theme customizer, header/footer builder, and Kadence Blocks all work through visual, point-and-click interfaces. Beginners with zero HTML or CSS knowledge can build a complete site using only the tools described in this guide.

How does Kadence affect site speed?

Kadence is one of the lighter WordPress themes available. It generates minimal CSS and JavaScript by default. Sites built with Kadence and a caching plugin regularly score in the 90–100 range on Google PageSpeed Insights, though actual scores depend on hosting quality, image sizes, and plugins installed.

Can I switch from another theme to Kadence without losing content?

Your pages and posts live in WordPress, not in your theme, so the text content carries over. However, theme-specific layouts and design elements won’t transfer. Expect to spend time recreating headers, footers, and any custom page designs after switching. Importing a Kadence starter template makes this faster.

Does Kadence work with WooCommerce?

Yes. Kadence has built-in WooCommerce support. The free version covers basic shop, product, and cart page styling. Kadence Pro adds more granular control over product layouts and checkout design.


Summary

Learning how to use Kadence step by step (beginner guide) is a straightforward process: get WordPress hosted, install the theme and blocks plugin, import a starter template, set global colors and fonts, build your header and footer, create pages using Kadence Blocks, configure blog settings, and optimize before going live.

The free tier handles everything most beginners need. The investment is time, not money — and most people get from blank install to a published site in a single afternoon.

Want more setup guides for bloggers and online entrepreneurs? Bookmark twofunnelsaway.com for ongoing coverage of tools, workflows, and strategies that actually move the needle.