How to Download Wishlist as CSV File in Shopify

Allow customers to download their wishlist as a CSV file directly from the wishlist modal using Wishlist Guru. This feature makes it easy to save, analyze, or share favorite products outside your store.

By enabling CSV export, customers can keep a record of their wishlist items or use the data for future reference, improving overall user experience.

✨ Availability #

• This feature is available only on the Premium plan.

Steps to Enable the Download CSV Option #

1. In your Wishlist Guru Admin Dashboard, go to:
   General Settings → Wishlist Page Display Settings.
2. Scroll to Styles for the Wishlist UI.
3. Enable the option “Show Download CSV link.”

Steps to Customize the Link Text #

1. Go to Language Settings → Edit Translation.
2. Under Wishlist Modal Page Heading, find the text field for the Download CSV link.
3. Enter your preferred wording (e.g., “Export Wishlist”, “Save as CSV”).
4. Click Save.

Once enabled, your customers will see a Download CSV link inside the wishlist modal, allowing them to instantly export their wishlist.

How can I add a custom “Download PDF” button in the modal? #

We’ve enhanced the Download CSV feature to support two scenarios — direct download and custom event handling. Using the new WgWishlistCsvDownload event, you can capture the wishlist data and use it to generate your own output, such as a PDF download.

How It Works #

1. Direct Download (Default)
   • By default, when customers click the Download button, the .csv file is downloaded automatically.
2. Custom Event Handling (For PDF or Other Formats)
   • If you use the WgWishlistCsvDownload event, the automatic CSV download is stopped.
   • Instead, you receive the wishlist data directly.
   • You can then use this data to build and download a PDF (or any custom format you prefer).

Example Code #

Here’s a sample of how you can intercept the event in your theme code:

// Listen for the custom CSV download event
window.addEventListener("WgWishlistCsvDownload", function(event) {
    console.log("Received wishlist data:", event.detail.data);

    // Prevent the default CSV download
    event.preventDefault();

    // Example: You can now process the data and generate a PDF
    // Use a PDF library like jsPDF or pdfmake to create the file
    console.log("Use this data to build and download a PDF file instead.");
});

Next Steps #

• Add your own PDF generation logic using libraries like jsPDF or pdfmake.
• Replace the console.log with your custom code to create and trigger a Download PDF button inside the modal.
• This allows full flexibility: rename buttons, adjust layouts, or add your own styling.