WooCommerce · Elementor
Wishlist Button widget for Elementor
Wishlist Button is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Wishlist Button” in the Elementor panel.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
Wishlist Button is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Wishlist Button” in the Elementor panel.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Wishlist Button”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Product Source”, “Product ID”, “Default text”, “Added text”. Style and Content tabs are listed on this page.
When to use it
- An Elementor page that needs Wishlist Button.
- A layout in the product grids, cart, checkout, and shop pages group.
- Search the panel for “Wishlist Button” after King Addons is active.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Button — Product Source | The chosen value is read in render() and applied on the front end. Options: Current product (single page); Custom product ID. |
| Button — Product ID | Numeric value used in this widget’s render/JS. |
| Button — Default text | Saved on the widget and consumed in render(). |
| Button — Added text | Saved on the widget and consumed in render(). |
| Button — Display | The chosen value is read in render() and applied on the front end. Options: Icon with text; Icon only. |
| Button — Icon class | Saved on the widget and consumed in render(). |
| Style — Text color | Writes CSS `color` onto the widget’s front-end markup. |
| Style — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Style — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-wishlist-button__label`. |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
Does Wishlist Button require WooCommerce?
Yes. Install WooCommerce and add products (or complete a cart) before this widget has anything to show.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related woocommerce widgets
360° Product Viewer
360° Product Viewer is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “360° Product Viewer” in the Elementor panel.
Quick View Product
Quick View Product is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Quick View Product” in the Elementor panel.
Single Product
Single Product is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Single Product” in the Elementor panel.
Wishlist Counter
Wishlist Counter is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Wishlist Counter” in the Elementor panel.
Wishlist Icon
Wishlist Icon is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Wishlist Icon” in the Elementor panel.
Wishlist Lists Switcher
Wishlist Lists Switcher is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Wishlist Lists Switcher” in the Elementor panel.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Wishlist Button after you activate it.