--- title: How to Create a WooCommerce Wishlist Page with Elementor description: "Build a WooCommerce wishlist page in Elementor with the [alg_wc_wl] shortcode, then set it as the wishlist page in Wishlist for WooCommerce." url: "https://wpfactory.com/docs/stunning-wishlist-elementor/" updated: "2026-09-27" category: How to tags: - Wishlist for WooCommerce --- # How to Create a WooCommerce Wishlist Page with Elementor To build a WooCommerce wishlist page with Elementor, design a page in Elementor, drop a Shortcode widget containing `[alg_wc_wl]` from [Wishlist for WooCommerce](https://wpfactory.com/item/wish-list-woocommerce/), then select that page under **WPFactory > Wishlist > Wishlist Page > Wishlist page**. Elementor controls the layout around the list; the plugin renders each customer's wishlist. The shortcodes used here are free. ![Wishlist page designed with Elementor](https://wpfactory.com/wp-content/uploads/pasted-image-0-25.png) ## Before you start - WooCommerce and [Wishlist for WooCommerce](https://wpfactory.com/item/wish-list-woocommerce/) active. - Elementor (the free version includes the Shortcode widget). - The shortcodes enabled on the **Shortcodes** tab of **WPFactory > Wishlist** (also reachable at **WooCommerce > Settings > Wishlist**). They are on by default. ![Wishlist Shortcodes tab](https://wpfactory.com/wp-content/uploads/pasted-image-0-26.png) ## Step-by-step 1. Create a new page and click **Edit with Elementor**. 2. Build the layout you want: a heading, a banner, columns for related content. 3. Add a **Shortcode** widget where the list should appear and enter `[alg_wc_wl]`. 4. Optionally add more Shortcode widgets for `[alg_wc_wl_counter]` (item count) and `[alg_wc_wl_remove_all_btn]` (a Remove all button). 5. Publish the page. 6. Go to **WPFactory > Wishlist** (also reachable at **WooCommerce > Settings > Wishlist**), open **Wishlist Page**, and choose your new page in **Wishlist page**. Save changes. 7. Preview the page as a customer: add a product to the wishlist and reload. ![Wishlist shortcodes and their parameters](https://wpfactory.com/wp-content/uploads/pasted-image-0-27.png) ## Shortcodes you can place in Elementor | Shortcode | What it shows | Parameters (default) | Free/Pro | | --- | --- | --- | --- | | `[alg_wc_wl]` | The wishlist table | `ignore_excluded_items` (true) | Free | | `[alg_wc_wl_counter]` | Number of items in the wishlist | `ignore_excluded_items` (false), `template` (`{content}`) | Free | | `[alg_wc_wl_remove_all_btn]` | Button that empties the wishlist | `tag` (button), `remove_label` (Remove all), `auto_hide` (false), `show_loading` (false) | Free | | `[alg_wc_wl_icon]` | Wishlist icon with counter | `link`, `counter`, `ignore_excluded_items` | Pro | | `[alg_wc_wl_toggle_item_btn]` | Add/remove button for a product, for example in an Elementor Pro product template | `product_id` (current product), `btn_type` (`default_btn` or `thumb_btn`) | Pro | The full list is in the [wishlist shortcodes reference](https://wpfactory.com/docs/upgrade-wishlist-experience/). ## What the customer sees Your Elementor design, with the wishlist table in place of the shortcode. Each visitor sees their own saved products, and guests see theirs too while guest wishlists are allowed. The columns in the table (price, stock, add to cart, SKU and more) are set on the **Wishlist Page** tab, and colors on the **Style** tab once **Custom style** is ticked. ## If it does not work - **The shortcode prints as plain text:** its toggle on the **Shortcodes** tab is off. - **The list looks empty in the Elementor editor:** the editor shows your own admin wishlist. Check the live page with a test customer instead. - **Links still go to the old page:** the "See your wishlist" link and the menu icon use the page chosen in **Wishlist page**, so select the Elementor page there. - **Drag and drop sorting does not appear (Pro):** its scripts load only on the selected wishlist page and the My Account tab. - **Visitors see someone else's or an outdated list:** the page is cached. Tick **General > Cache** so the list loads after the page; see [wishlist and cache plugins](https://wpfactory.com/docs/troubleshoot-wishlist-cache/). ## FAQ ### Do I need Elementor Pro? No, the Shortcode widget is in free Elementor. Elementor Pro is only needed if you want to design product templates, where the Pro `[alg_wc_wl_toggle_item_btn]` shortcode adds the wishlist button. ### Can I delete the default Wishlist page? Yes, once your Elementor page is selected under **Wishlist page**. ### Does this work with other page builders? Yes. Any builder or block that renders shortcodes can hold `[alg_wc_wl]`. ## Related guides - [Wishlist shortcodes reference](https://wpfactory.com/docs/upgrade-wishlist-experience/) - [Set up the wishlist page and its columns](https://wpfactory.com/docs/wishlist-page-woocommerce/) - [Style the wishlist](https://wpfactory.com/docs/customize-wishlist-style/) ### Get more control This feature is free. [Wishlist for WooCommerce](https://wpfactory.com/item/wish-list-woocommerce/) Pro adds drag-and-drop, arrow and dropdown sorting, copying a wishlist, hiding buttons by product tag, extra shortcodes and CSV wishlist import. [See what Pro unlocks](https://wpfactory.com/item/wish-list-woocommerce/). Need a hand? Our team answers every ticket on the [Wishlist for WooCommerce support forum](https://wpfactory.com/support/item/wish-list-woocommerce/). Related articles - [How to Create a WooCommerce Wishlist Page](https://wpfactory.com/docs/maximize-customer-engagement/) - [How to Modify and Product Pages for Wishlist Reporting](https://wpfactory.com/docs/modify-user-product/) - [Customizing Social Icons Color on Wishlist Page in WooCommerce](https://wpfactory.com/docs/customize-social-icons/) - [Adding Wishlist Tab to My Account Page](https://wpfactory.com/docs/wishlist-tab-account/) - [How to Add Note Fields to the Wishlist Page](https://wpfactory.com/docs/note-fields-wishlist/)   [![Wishlist for WooCommerce](https://wpfactory.com/wp-content/uploads/Wishlist-for-WooCommerce.webp)](https://wpfactory.com/item/wish-list-woocommerce/)