---
title: "How to Add a Wishlist Button to Custom or Any Other Post Type in Elementor?"
url: https://theplusaddons.com/docs/add-a-wishlist-button-to-custom-or-any-other-post-type-in-elementor/
date: 2024-07-02
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Do you want to add a wishlist button to a custom post type or any other post type like posts, pages in Elementor? With the Woo Wishlist widget from The..."
image: https://theplusaddons.com/wp-content/uploads/2024/07/How-to-Add-Animated-Headings-In-Elementor-1-1-1024x570.jpg
word_count: 411
---

# How to Add a Wishlist Button to Custom or Any Other Post Type in Elementor?

## 

- Integrates the Woo Wishlist widget from The Plus Addons for Elementor to add a wishlist button to custom post types like 'Books'.
- Requires a custom loop skin for the post type and unique name 'tp-wishlist' for connecting the wishlist count.
- Displays the wishlist count by adding the Woo Wishlist widget with the same unique name 'tp-wishlist' and linking to the wishlist page.

Do you want to add a wishlist button to a custom post type or any other post type like posts, pages in Elementor? With the Woo Wishlist widget from The Plus Addons for Elementor, you can easily add a wishlist button to a custom post type or any other post type loop.

*To check the complete feature overview documentation of The Plus Addons for Elementor Woo Wishlist widget, [click here](https://theplusaddons.com/docs//add-woocommerce-product-wishlist-in-elementor/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

Let’s add the wishlist button to a custom post type called “*Books*”.

To do this, make sure you’ve [created a custom loop skin for the custom post type](https://theplusaddons.com/docs//create-elementor-custom-post-type-loop-skin/). Open the template and add the Woo Wishlist widget to the desired place, then follow the steps - 

> *Note: For normal posts or pages, you have to *[*use a custom skin*](https://theplusaddons.com/docs//create-custom-loop-skin-for-blog-post-in-elementor/)* as well.*

1. Select **Button** from the **Type** dropdown under the **Woo Wishlist** tab.

2. Then from the **Post Type** dropdown, select your custom post type name i.e. “*Books*” here.

3. In the **Unique Name** field, you have to add a unique name to connect with the Wishlist Count type. For instance, we’ve added *“tp-wishlist*” here.

![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-type-button-other-post-types.gif)

4. After making the necessary adjustments and style to the button update the template

5. Then you have to [use this template with the Dynamic Listing widget](https://theplusaddons.com/docs//create-elementor-custom-post-type-loop-skin/#Use-the-Template-With-Dynamic-Listing-Widget).

Now you’ll see the wishlist button in the custom post type listing that you can use to add posts to your wishlist. 

### Show Wishlist Count

Now if you want to show a wishlist count as well then add the Woo Wishlist widget to the page where you are showing the post listing with the wishlist button or in a common template like header, then follow the steps - 

1. From the **Type** dropdown, select **Count** under the **Woo Wishlist** tab.

2. Then from the **Post Type** dropdown, select your custom post type name i.e. “*Books*” here.

3. After that in the **Unique Name** field, you have to add the same name as added in the Button type above i.e. *“tp-wishlist*” here.

![](https://theplusaddons.com/wp-content/uploads/2024/07/woo-wishlist-type-count-other-post-types.gif)

In the **URL** field under the **Woo Wishlist Count Button** tab, you can add the wishlist page link, so when users click the wishlist count they can see the items added to their wishlist.

Now when you add a post to the wishlist, it will show the number of posts added to your wishlist.