---
title: Theme Compatibility
description: "WPCafe is compatible with several popular WordPress themes. Below are the setup steps and examples for using WPCafe with each supported theme. ![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/blocksy-screenshot.jpg) ### **Blocksy Theme Compatibility** After installing and activating the **Blocksy** theme, install and activate the **Blocksy Companion**…"
url: "https://themewinter.com/docs/plugins/wp-cafe/theme-compatibility-check/"
updated: "2026-10-01"
category: WPCafe / General settings
---

# Theme Compatibility

WPCafe is compatible with several popular WordPress themes. Below are the setup steps and examples for using WPCafe with each supported theme.

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/blocksy-screenshot.jpg)

### **Blocksy Theme Compatibility**

After installing and activating the **Blocksy** theme, install and activate the **Blocksy Companion** plugin. See the screenshot below:

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/blocksy_1.png)

Install the demo content and start using the Blocksy theme with the WPCafe plugin.

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/blocksy_2.png)

### **Generate Shortcode**

Go to **WPCafe **→ Settings**→ Shortcode** and copy any shortcode you want to use on your site. See the screenshot below:

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/wpc_shortocodes-1024x513.png)

### **Use the Shortcode**:

After generating the shortcode, paste it into your desired page or post. See the screenshot below:

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/shortcode_1-1024x363.png)

### **Output in Blocksy Theme:**

WPCafe content will display on the page as shown in the screenshot.

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/shortcode_output_1-1024x616.png)

**Food with Reservation**:

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/wpc_reservations-1024x522.png)

### **GeneratePress Theme Compatibility**

WPCafe works with GeneratePress and supports its Elementor-based layouts.

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/generatepress_screenshot.png)

#### **Elementor Widgets**

You can use all available WPCafe Elementor widgets with the GeneratePress theme.

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/generatepress_widget.png)

#### **Food with Reservation Output**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/generatepress_widget_output-1024x572.png)

#### **Food Menu Tab Pro Output**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/generatepress_widget_output2-1024x564.png)

#### **Using WPCafe Shortcodes**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/generatepress_widget_output3-1024x556.png)

### **Kadence Theme Compatibility**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/kadence-screenshot.png)

#### **Kadence Theme Required plugin**

After installing and activating the **Kadence** theme, install and activate the **Kadence Starter Templates** plugin. See the screenshot below:

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/kadence-plugin.png)

### **Elementor Widgets**

You can use all available WPCafe Elementor widgets with the Kadence theme.

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/generatepress_widget.png)

### **Food Menu Tab Pro with Elementor**

Add the **Food Menu Tab Pro** widget using Elementor and configure it as needed.

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/generatepress_widget_output2-1024x564.png)

#### **Using Gutenberg with Kadence**

##### **Generate Shortcode**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/wpc_shortocodes-1024x513.png)

##### **Kendence Shortcode Use :**

After generating the shortcode, paste it on the page. See the screenshot:

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/shortcode_1-1024x363.png)

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/wpc_reservations-1024x522.png)

### **Neve Theme Compatibility**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/nave-screenshot.png)

#### **Gutenberg Blocks and Template Library**

After installing and activating the Neve theme, install the ****Template Library plugin by Neve****Theme. See the screenshot below:

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/nave-plugin.png)

#### **WpCafe Shortcode Generation**

Go to Admin Dashboard => WPCafe => Available Shortcode, and you will see all the available shortcodes. See the screenshot below:

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/wpc_shortocodes-1024x513.png)

#### **WpCafe Shortcode Use**

After generating the shortcode, paste it on the page; see the screenshot

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/nave-shortcode-1024x498.png)

#### **Shortcode Output**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/wpc_reservations-1024x522.png)

#### **Wpcafe Elementor Widget in ****Neve****** **Theme**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/nave_elementor-1024x762.jpg)

#### **Wpcafe Elementor Widget Use**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2021/12/nave_elementor_widget1-1024x756.jpg)

### **Ocean WP Theme**

![](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/02/ocean-1024x525.png)