---
title: Drag and Drop with WooCommerce Wishlist Pro
description: Let customers reorder wishlist items with drag and drop or arrows on the wishlist page. A Pro feature of Wishlist for WooCommerce.
url: "https://wpfactory.com/docs/drag-drop-woocommerce-wishlist/"
updated: "2026-09-27"
category: Pro Features
tags:
  - Wishlist for WooCommerce
---

# Drag and Drop with WooCommerce Wishlist Pro

To let customers reorder their wishlist by dragging items, go to **WPFactory > Wishlist > Wishlist Page** in [Wishlist for WooCommerce](https://wpfactory.com/item/wish-list-woocommerce/) Pro and tick **Drag and drop Ordering**. A handle appears on each row of the wishlist page, and the new order is saved automatically. **Arrow ordering**, in the same tab, adds up and down arrows instead.

## Before you start

- [Wishlist for WooCommerce](https://wpfactory.com/item/wish-list-woocommerce/) Pro. Both sorting methods are Pro features.
- A wishlist page selected under **Wishlist Page > Wishlist page**. The sorting scripts load on that page and on the My Account wishlist tab.

![Drag and drop sorting on the wishlist page](https://wpfactory.com/wp-content/uploads/pasted-image-0-1-3.png)

## Step-by-step

1. Go to **WPFactory > Wishlist** (also reachable at **WooCommerce > Settings > Wishlist**).
2. Open the **Wishlist Page** tab (not the Buttons tab) and scroll to **Drag and drop Ordering**.
3. Tick **Drag and drop Ordering** (Enable wish list item ordering using drag and drop).
4. Choose where the handle shows: **Desktop** (on by default) and **Mobile** (off by default).
5. If dragging does not work on some iOS devices, tick **Jquery UI Touch Punch**.
6. Save changes, then visit your wishlist page.

![Drag and drop Ordering settings](https://wpfactory.com/wp-content/uploads/pasted-image-0-14.png)

## Sorting options

| Label | Option ID | Default | Free/Pro |
| --- | --- | --- | --- |
| Drag and drop Ordering | `alg_wc_wl_drag_drop_sorting` | No | Pro |
| Jquery UI Touch Punch | `alg_wc_wl_drag_drop_touch_punch` | No | Pro |
| Desktop (drag and drop) | `alg_wc_wl_drag_drop_sorting_desktop` | Yes | Pro |
| Mobile (drag and drop) | `alg_wc_wl_drag_drop_sorting_mobile` | No | Pro |
| Arrow ordering | `alg_wc_wl_arrow_sorting` | No | Pro |
| Desktop (arrows) | `alg_wc_wl_arrow_sorting_desktop` | No | Pro |
| Mobile (arrows) | `alg_wc_wl_arrow_sorting_mobile` | Yes | Pro |

The defaults pair well: drag and drop on desktop, arrows on mobile, where dragging a table row is harder. "Mobile" follows the breakpoint in **General > Responsiveness**.

## What the customer sees

- A column with a handle icon on each row. The customer clicks, holds and moves a product to a new position.
- With arrows, an up and a down arrow on each row move the product one position.
- The order is saved as soon as a row is moved, for logged-in customers and for guests, and is kept when a guest logs in.
- Sorting controls are hidden when someone views a shared wishlist.

## If it does not work

- **No handle on the page:** the page is not the one selected in **Wishlist page**, or you are below the mobile breakpoint with **Mobile** unticked.
- **Dragging fails on iPhone or iPad:** tick **Jquery UI Touch Punch**, or enable arrow sorting for mobile.
- **Order resets after reload:** clear the page cache and check the browser console for errors.

## FAQ

### Is drag and drop available in the free version?

No. Drag and drop and arrow ordering are Pro. The free **Sorting** option offers Latest to bottom and Alphabetical order.

### Can I use drag and drop and arrows together?

Yes, they are separate options, each with its own desktop and mobile switch.

### Does it work with multiple wishlists?

Yes. The order is saved for the list tab the customer is viewing.

## Related guides

- [Drag and drop with arrows](https://wpfactory.com/docs/wishlist-drag-drop/)
- [Add dropdown sorting to the wishlist page](https://wpfactory.com/docs/dropdown-sorting-wishlist/)
- [Set up the wishlist page and its columns](https://wpfactory.com/docs/wishlist-page-woocommerce/)

### Ready to set this up?

This is a Pro feature of [Wishlist for WooCommerce](https://wpfactory.com/item/wish-list-woocommerce/). If you are still on the free version, upgrading takes a couple of minutes and unlocks this along with the rest of the Pro toolkit. [Get Wishlist for WooCommerce Pro](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 Import Wishlists from a CSV File](https://wpfactory.com/docs/import-wishlists-csv/)
- [How to Let Customers Copy a Wishlist](https://wpfactory.com/docs/duplicate-copy-wishlist/)
- [Wishlist for WooCommerce: Free vs Pro](https://wpfactory.com/docs/free-vs-pro-wishlist/)
- [How to Hide Wishlist Button on Shop/Archive Pages Using Product Tags](https://wpfactory.com/docs/hide-button-archive-tags/)
- [Wishlist for WooCommerce Settings Reference](https://wpfactory.com/docs/wishlist-settings-reference/)

 

[![Wishlist for WooCommerce](https://wpfactory.com/wp-content/uploads/Wishlist-for-WooCommerce.webp)](https://wpfactory.com/item/wish-list-woocommerce/)