[Billing] How to download an invoice/receipt? JPG/PDF

[nimareq]

Spotify must be the single one service in 21st century that still doesn't provide downloadable invoices despite its users posting several "ideas" here in the community, which all end up closed due to proclaimed "low interest".

You could always make a screenshot, save the whole page as PDF or print it, but I would like to show you an "advanced" way, where you can also insert your credentials or about anything you want.

I did it in Google Chrome, but other browsers should have similar UI.

1) Go to https://www.spotify.com/account/subscription/receipt/

2) Open one of the receipts, right click to open "Dev tools" or "Inspect element"

3) Find the invoice row nodes and copy&paste one to create three new rows

4) Change the label of the rows to "Name", "Address", "VAT number" and change their texts accordingly

5) Move the three new rows to the top

6) Right click the parent node and choose "Capture node screenshot"

See the attached gif for an overview of the whole process.

 

BEFORE:

<snip - Moderator Edit>

AFTER:

<snip - Moderator Edit>

 

[KtorKtor · Accepted solution]

I have made this script for the Tempermonkey Chrome Plugin so you don't have to use the Inspector every time. Just replace in the script "Your Company Name", "Your Address" and "Your VAT No". After you install this script, you just have to make a screenshot when you need a new invoice.

// ==UserScript==
// @name         Spotify Invoice
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Add Company details to invoice
// @author       You
// @match        https://www.spotify.com/us/account/subscription/receipt*
// @icon         https://www.google.com/s2/favicons?domain=spotify.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    var company = "Your Company Name";
    var address = "Your Address";
    var vat = "Your VAT No";

    $('.receipt-container').prepend( '<div class="row receipt-data-row"><div class="col-sm-4 col-xs-5 receipt-data-header">VAT No</div><div class="col-sm-8 col-xs-7 receipt-data-value">'+vat+'</div></div>' );
    $('.receipt-container').prepend( '<div class="row receipt-data-row"><div class="col-sm-4 col-xs-5 receipt-data-header">Address</div><div class="col-sm-8 col-xs-7 receipt-data-value">'+address+'</div></div>' );
    $('.receipt-container').prepend( '<div class="row receipt-data-row"><div class="col-sm-4 col-xs-5 receipt-data-header">Company</div><div class="col-sm-8 col-xs-7 receipt-data-value">'+company+'</div></div>' );
})();

[nimareq]

Damn, this is perfect!

[paul-twoatsix]

Receipts page appears to have changed since this fix was posted.

[Mindaugas100]

The tampermonkey script not working anymore. Does anyone have a new script for this problem? 

[LuisVG]

Anyone has a solution for having the monthly invoices from Spotify Premium Service?

[ANNA_SPOT]

How is it possible that Spotify doesn't provide downloadable invoices?!?! unbelievable. ☹️

[Christof]

Why is not printing the receipt to a PDF not sufficient?